01
One canvas, one script
No video editor and no image files for motion: one canvas, redrawn sixty times a second. Type, particles, grids, the systems cards and the globe are all drawn from code, scene by scene.
film 008 · code
JQ AI Systems · Motion Reel
15.0s · 1920×1080 · 60fps · 5 scenes
Fifteen seconds for JQ AI Systems, drawn live in a single canvas with a score composed in code. Hours become minutes, think becomes build becomes automate, four systems pass, the numbers count up and the mark resolves.
A score synthesised in the browser with Web Audio. No spoken dialogue.
scene breakdown · select a scene to play
The study
Compress the whole studio into fifteen seconds without a single imported frame: every shape, word and sound is generated by one script at render time.
- tools
- Canvas 2DWeb Audio APIJavaScript
- techniques
- Generative particle fieldsProcedural scoreKinetic type
process notes
02
The music is code too
The score is synthesised in the browser with the Web Audio API, so picture and sound come from the same clock and every hit lands exactly where the motion does.
03
Frame-perfect export
The page is seeked frame by frame in a headless browser and captured at 60fps, so the MP4 matches what the live page plays.