Notes from building the small interactive scenes on this site — procedural animation, real-time 3D and the tricks that make them feel alive.
Procedural animation on HTML canvas: a ten-line IK solver from the law of cosines, gait cycles, foot planting without sliding, keyframe tracks with easing, squash and stretch, and verlet hair.
Read the post →
A sum-of-sines sea as the single source of truth, finite-difference normals, crest foam via onBeforeCompile, a ship that heaves, pitches and rolls without physics, and the fog, rain and lightning that sell the storm.
Read the post →
Procedural terrain carved around a winding creek, a refractive water ribbon, 25,000 instanced grass blades with a wind patch in onBeforeCompile, leaf-card trees, click-to-walk with a ground raycast, and bloom plus a colour grade.
Read the post →Every post is about a scene you can play with on our site: the stick figure page (becoming Stickman Spear Run, a runner where you jump and thrust with a spear, with the motion lab as a second mode), Storm Ahead and Forest Stroll. For genre lists and recommendations, see our guides.