Procedural films
Two short films in which every frame and every sound is computed in plain JavaScript on Canvas 2D. No images, fonts or audio samples are loaded: every halftone dot, hatch line, glyph and note is placed by code, and any frame can be rendered on its own from its number.
READMEhow it is madeframe viewer
FLIP THE COIN 29.5 s
A cat's tail knocks a coin off a kitchen table, and it falls through eleven unrelated worlds. The object in the centre never changes size or spin rate; each cut lands when it is edge-on, and the swap to the next object hides in that sliver.
The driver page draws the film live, frame by frame, without sound. It is not real-time: a frame takes about 60 ms, so it plays near 15 fps against the film's 24.
HYDRO MASSACRE 41 s, part 1
Split screen: two raindrops, launched by a tin gutter and a poplar leaf, fly toward each other across a rainy city. The city reaches for them with spikes and never touches them; it can only kill their reflections in the glass.
Each frame is ray-traced through a stage of depth cards and takes two to five seconds, after a 20 s simulation of the whole act on load. The driver page has no playback loop; the frame viewer renders one frame at a time.
