Home

Introduction

Welcome to JSC3D. This project provides a 3d object viewer for presenting 3d models and small scenes on a web page. JSC3D is coded entirely in Javascript and requires an HTML canvas to perform rendering and interactions.

JSC3D does not target at a serious all-purpose 3d engine. It is especially for online design sharing and product exhibition. JSC3D is built on pure software rendering using canvas technology as well as an optional WebGL back-end that provides efficient rendering. It is designed to be widely compatible with major browsers that support HTML5 Canvas feature. JSC3D has been tested on Opera, Chrome, Firefox, Safari, IE9 and more. A modified edition for Microsoft IE versions less than 9 is also available.

Features

• CAD-Style Orthographic View
• Z-Buffering
• Fixed Directional Lighting (aka Headlight)
• Render as Points / Wireframe / Flat Shading / Smooth Shading with Crease Angle
• Texturing with Mip-mapping
• Environment Mapping
• Multi-level Graphic Qualities (0.5x0.5 / 1x1 / 2x2 FSAA)
• Picking
• Dual Render Back-ends (WebGL /Software)
• Built-in Loader for Wavefront obj File and STL File
• Optional Loader for Autodesk 3DS File and OpenCTM File
• Multi-touch Based Control on Mobile Devices

Live Demos

||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/avatar.html http://jsc3d.googlecode.com/svn/screenshots/avatar.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/bmw.html http://jsc3d.googlecode.com/svn/screenshots/bmw.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/statue.html http://jsc3d.googlecode.com/svn/screenshots/statue.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/house.html http://jsc3d.googlecode.com/svn/screenshots/house.png]|| ||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/sandiego.html http://jsc3d.googlecode.com/svn/screenshots/city.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/test.html http://jsc3d.googlecode.com/svn/screenshots/dragon.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/earth.html http://jsc3d.googlecode.com/svn/screenshots/earth.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/md2viewer.html http://jsc3d.googlecode.com/svn/screenshots/md2.png]|| ||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/map3d.html http://jsc3d.googlecode.com/svn/screenshots/map.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/iphoneg4.html http://jsc3d.googlecode.com/svn/screenshots/iphone4.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/temple.html http://jsc3d.googlecode.com/svn/screenshots/temple.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/street.html http://jsc3d.googlecode.com/svn/screenshots/street2.png]|| ||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/submarina.html http://jsc3d.googlecode.com/svn/screenshots/submarine.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/tricera.html http://jsc3d.googlecode.com/svn/screenshots/tricera.png]||[http://jsc3d.googlecode.com/svn/trunk/jsc3d/demos/characteranimation.html http://jsc3d.googlecode.com/svn/screenshots/characteranimation.png]||http://jsc3d.googlecode.com/svn/screenshots/wallcorner.png||

Support for IE <9

IE9 already makes good support for canvas element, on which JSC3D has been tested to run smoothly.
For other older IE versions (IE7 and IE8), JSC3D provides a slightly modified version which utilize Adobe Flash plugin to simulate an HTML5 compatible canvas and renders on it. You can see some IE7 and IE8 compatible demos here. Please note that you should have installed and enabled Flash plugin on your browser to run these.