01
A real scene, then text
Aurora curtains, stars and a ridge are a live Three.js scene rendered to a texture. One post shader cuts the frame into cells and draws each one as a glyph from a font atlas, in that spot's colour.
film 030 · code
Recipes · Aurora in ASCII
26.0s · 1920×1080 · 30fps · one take
The film for the Recipes library, drawn only in text characters like an old terminal. A command types itself, curtains of aurora rise over a ridge as glyphs in green, teal and violet, the cells shrink until the aurora is almost a smooth picture and grow back, and the glyphs settle into the title.
An original score composed in code: key clicks, a digital crackle, a slow synth pad and a shimmering arpeggio. No spoken dialogue. On-screen text carries the story.
scene breakdown · select a scene to play
This film has a recipe: the prompt, a template to remix it and the source. Open the recipe
The study
Give the library a film of its own that shows what it is about: every film here is code, so the picture itself is drawn in characters.
- tools
- HyperFramesThree.jsTSLCanvasGSAPPython
- techniques
- ASCII shaderGlyph atlasCell-size zoomTitle as a mask
process notes
02
One number for the shrink
The cell size is a single uniform, so the grid can shrink until the picture shows through and grow back, while a status line reads out the live cell size.
03
Sound from the terminal
Every typed character gets a key click and every cell switching on a tiny crackle; the pad and arpeggio rise with the aurora and a low hum follows the shrink. The score is composed in code.