motion.spqw.net
Motion design studies.
Punto de Inflexión: 4 frameworks compared
One 15-second podcast opener rebuilt in GSAP, Framer Motion, Remotion and fframes, played side by side in sync.
Punto de Inflexión in yellow (Remotion)
The Remotion version with the red-orange accent swapped for yellow, live in the player and as a rendered MP4.
Farseer style study (Remotion)
A 30-second from-scratch Remotion study of Studio Size's Farseer launch film: kinetic grotesk type, popping chips and checks, UI fragments and Gantt bars stacking into stripes.
Candy World Cup spot study (Remotion)
A 29-second from-scratch Remotion study of a candy-brand World Cup spot: circle wipes, target zooms, Venn merges, polka and swirl fields, chunky slab-serif kinetic type.
Dot-matrix progress film study, v1 (Remotion)
A 27-second from-scratch Remotion study of a dot-matrix progress film: every image is a halftone of circular dots that morphs continuously, from one dot to hunters, fire, ships, DNA, the moon, X-rays, TV, computers and circuits, ending on a starfield and gradient orb.
Dot-matrix progress film study, v2 (Remotion + WebGL2 halftone shader)
A 60-second rebuild: one WebGL2 halftone shader over animated grayscale source canvases, tuned scene by scene with Codex against an image-diff score (mean 0.37 to 0.85), with dot-migration and circle-wipe transitions.