The following demos build on the libraries that come with
the following (recommended) WebGL textbook
by Kouichi Matsuda and Rodger Lea:
WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL.
| house.html | house.js | Simple composition of transformations. |
| animate.html | animate.js | Simple animation loop that spins an object about an axis. |
| composition.html | composition.js | Composition of transformations: moving in local coordinates vs world coordinates. |
| arm-ball.html | arm-ball.js | A basic animated articulated figure. Created using hierarchical transformations, i.e., with a matrix stack. |
| view-frustum.html | view-frustum.js | Interactive illustration of the perspective view volume. Shows the resulting image, ortho views of the view frustum, and a side view of NDCS. |