TiTiMotionLab

An editor who lives in DaVinci Resolve, trying motion graphics made of code instead of keyframes. Every piece here is live HTML, CSS and JavaScript running in your browser, not a rendered video. Newest experiment on top.

  1. Experiment 03: Word stress: pho-TO-gra-pher

    An English-lesson graphic synced to the narrator's four sentences: photographer, photography, photograph (noun) and photograph (verb) build up row by row, syllables aligned in columns. Stress is a heavy red plate that stamps onto TO, copies down, then leaps in an arc onto PHO for photograph. About 42 seconds, retimed from one config.

  2. Experiment 02: Registration: self-portrait in halftone

    A 22-second motion self-portrait where CMY halftone plates, rendered in a WebGL shader, slide into registration to print TiTi's face, a razor wipe reveals the photo, and her name slices in behind her across parallax depth planes.

  3. Experiment 01: First HyperFrames samples (baseline)

    Four broadcast graphics built as HTML + GSAP timelines with HeyGen's HyperFrames: a title card, a lower third, a stat counter and a subscribe bug. The starting point everything else gets measured against.