01
One line, one camera
The whole film is a single world the camera flies over. One painter draws every frame from the clock, so the line's head, the camera and every station stay in step without a single cut.
film 012 · code
Product Films · One Line
40.0s · 1920×1080 · 30fps · one take, no cuts
The film for Product Films, drawn as one unbroken line. It plots an easing curve, lifts type off its baseline, climbs into a chart, outlines a product screen that re-renders into Portuguese, runs as the playhead of an editing timeline, traces three formats, then signs the JQ mark.
An original score composed in code. No spoken dialogue. On-screen text carries the story.
scene breakdown · select a scene to play
The study
Show what a motion designer does with a single element: one line that never leaves the screen and becomes every part of a product film, from the first curve to the logo, with no cut anywhere.
- tools
- HyperFramesHTMLCSSGSAPSVGPython
- techniques
- One continuous cameraPath drawingRe-render morphsProcedural score
process notes
02
Every station is a real technique
An expo.out curve, type that rises as the line passes, bars that spring when the line reaches them, a product card re-rendered from EN to PT with a scan line, a playhead over real films from this archive, and three formats outlined and filled.
03
A score composed in code
The music is synthesised in Python with numpy on the film's 120 BPM grid. Each chart bar gets its own rising note, every cut a tick, and the pull-back drops the drums so the reveal can breathe before the final hit lands on the mark.
first cut · same brief
Product Films · Showreel
The first film for this brief: code becomes picture, three live re-renders and an editing timeline. It was rebuilt from scratch as a single unbroken take.
40.0s · 1920×1080 · 30fps · 5 scenes