Animation system & model interaction
The capstone — a 3D scene with selectable models, shadow mapping, and an interactive camera.
→ Worksheet 01Drawing 2D shapes
First WebGL primitives — clearing the canvas, buffers, shader programs, simple transforms.
→ Worksheet 02Interactive 2D drawing
Mouse input, dynamic geometry, building shapes from user clicks.
→ Worksheet 033D wireframe transformations
Stepping into 3D — model/view matrices, depth testing, rotation.
→ Worksheet 04Lighting & forward shading
Phong reflection model — diffuse, ambient, specular, shininess.
→ Worksheet 05Triangle mesh rendering
Loading and rendering OBJ-based meshes with normals.
→ Worksheet 06Texturing
UV coordinates, texture filtering, sampling on a sphere.
→ Worksheet 07Cube & normal mapping
Skyboxes, environment reflection, per-fragment normal mapping.
→ Worksheet 08Shadow projection
Planar projected shadows — first attempt at shadow rendering.
→ Worksheet 09Shadow mapping
Render-to-texture depth pass and per-fragment shadow tests.
→ Worksheet 10Quaternions
Smooth rotations and orientation interpolation.
→