01
Real code, from each film
Every pane shows lines from its own film's composition, typed in and highlighted. A short Python script pulls them from the source projects.
film 017 · code
Code · Intro
10.0s · 1920×1080 · 30fps · one take
The intro film for this page. The prompt floods the frame with the real source code of the films, one editor pane per film, and each pane compiles into the film it made. The camera pulls back to a wall where every film plays.
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 the page with the thing it is about: every film here starts as code, so the intro shows the code turning into the films.
- tools
- HyperFramesHTMLCanvasGSAPFFmpegPython
- techniques
- Code as pictureScanline revealCut on the beatPull-back reveal
process notes
02
A scanline compiles the pane
On the beat, an ember scanline runs down the pane: above it the film plays, below it the code waits, and bits of glyphs fly off the line it is compiling.
03
Compile all
After four panes on the beat, the camera pulls back while every other pane compiles in a cascade, ending on the wall where every film plays. The score is composed in code.