01
The prompt renders the page
The film types the page's own prompt, then renders the page's real material. It is the first of a series: every section of this site gets its own intro with its own technique.
film 013 · code
Stills · Intro
10.0s · 1920×1080 · 30fps · one take
The intro film for this site's Stills page. Its own prompt types out, an eye resolves out of diffusion noise in forty steps, the camera dives through the pupil into the page as it renders, and the last card pulls back into the wall of every still.
An original score composed in code. No spoken dialogue. On-screen text carries the story.
scene breakdown · select a scene to play
The study
Open a gallery of generated images the way they were made: from a prompt, out of noise, step by step, so the page's own material becomes the title sequence.
- tools
- HyperFramesHTMLCanvasGSAPPython
- techniques
- Diffusion denoiseDive through the pupilPage renderPull-back reveal
process notes
02
Denoise in forty steps
A canvas resolves each image the way a generation preview does: mosaic, blur, grain and colour fall away in forty visible steps, all seeded so every frame renders the same way twice.
03
One source, two formats
The composition reads its frame size, so the same file renders this 16:9 cut and the 4:5 phone cut. The page plays it muted; this cut carries a score composed in code.