Overview

Background

Learn how to animate 3D shapes using Three.js and WebGL.

Learn how to animate 3D shapes using WebGL

Add dramatic lighting and shadow effects.

Add dramatic lighting and shadow effects

Use tweening and easing to create multi-rooms 3D walk-through/fly-over.

Use tweening and easing to create multi-rooms 3D walk-through/fly-over

Please see 3D development with WebGL, Part 2: Code less do more with WebGL libraries for detailed information on working with this code.

This code may be updated periodically. Download the most current code distribution zip from here.