imclab / s3age

S3age - THREEjs Stage

S3age

A stage container for THREEjs. Streamlines attaching a scene graph to a webgl context, so developers can scene.add after one line.

Examples

Check out the example branch and open the HTML pages in src/examples. For later textured examples, a server will be needed (eg python -m SimpleHTTPServer).

01 Cube / Blender Factory

Adds a cube, adds a light, and moves the camera. Similar to hitting "Render" with a factory reset in Blender. The minimum possible custom scene.

https://github.com/DavidSouther/s3age/blob/examples/src/examples/01_blender_factory.html

02 Trees

Similar to the Trackball Controlls example, but drastically cleaned code and green trees. Heavily commented (probably overcommented).

https://github.com/DavidSouther/s3age/blob/examples/src/examples/02_trees.html

03 Forest

Introduction to Scene graph. Organize code by extending Object3D with custom Domain classes. Convulve meshes.

https://github.com/DavidSouther/s3age/blob/examples/src/examples/forest.js

04 Physics

Extend Forest classes. Adds physics simulations.

https://github.com/DavidSouther/s3age/blob/examples/src/examples/forest_physics.js

Practical Three.js

Presentation and overview of WebGL, Three.js, and these examples, originally prepared for an internal New York Times technology group.