← Studies

Shortcut dive study

Remotion · WebGL2 shader · 3.4 s · 1920×1080 · 25 fps

Live (@remotion/player, WebGL2)

Rendered MP4

A from-scratch rebuild of a 3.4-second motion concept for a keyboard-shortcut app: a camera push over a dark laptop keyboard with the control and option keys ringed in blue, a flatten-and-zoom into the ⌥ key, then a hard cut through a white flash into open sea where the ⌥^ glyphs draw themselves. Cut into 5 sequences (scene detection + per-frame diff + contact-sheet review). Keys and legends are React/SVG with measured Inter type; sky, clouds and ocean are one shared procedural WebGL2 shader. Codex tuned each sequence against an image-diff score (SSIM + PSNR + density vs the reference key frame): mean 0.81 → 0.85. Fictional brand “Tidekey”; no original footage, photos, audio or trademarks.