Media Experiments · Studio 07

Rendered code,
programmed video.

Sandbox for Remotion, Motion Canvas, and web-native animation. Every scene is a component, every frame is deterministic, every export is a hash away from reproducible. No timeline scrubbers. No After Effects. Just code, keyframes, and math.

01 · Live Demo

Every Raptor All-Star — Ranked

10 All-Stars incl. Brandon Ingram. Career stats + playoff PPG, championship rings, HOF badges, animated All-Star timelines, custom T-Rex mascot art. Voiceover, 9:16 TikTok, WebM export.

open the reel ↗Remotion-style
02 · Live Demo

Every Blue Jay All-Star — Ranked

4:00 rendered composition. 18 All-Stars, batter and pitcher stat schemas, alphabetical tiers. Voiceover, 9:16 default, WebM export.

open the reel ↗Remotion-style
03 · Live Demo

Raptors Record Book

3:24 rendered composition. 14 records across 4 categories: Career · Season · Single-Game · Awards. Count-up number reveals, category slates, trophies + rings.

open the reel ↗Remotion-style
04 · App

FrameWarrior

Pro-mode 9:16 video editor. Multi-track timeline, split/trim, text overlays, Claude AI editor, real MP4 samples, JTM codec. Export MP4/WebM/PNG sequence.

open the editor ↗WebCodecs+Canvas
05 · App

Frameless

One-tap smartphone editor. Fork of FrameWarrior with a dead-simple mobile portrait UI: preview, shot reel, big buttons, bottom sheets. Camera, FX, real videos + upload. Claude AI baked in. Export MP4/WebM.

open the editor ↗mobile-first
06 · Essay

The Limits of Remotion

Seven walls Remotion can't scale — no live input, no inter-frame state, no user interaction, server dependency, React overhead, fixed FPS, audio muxing. Each one demonstrated live on the page.

read the page ↗interactive essay
07 · App

ACE

Atomic Constraint Engine — one seamless app. Plan the graph, run Monte Carlo forecasts, place 3D scenes by constraint, watch the whole thing rendered as a 2:30 reel. Reference theory built in.

open the app ↗seamless · single-view
08 · Coming Soon

Frame-Perfect Charts

Data animations rendered exactly the same in browser preview and MP4 export. Scrubbable timeline, deterministic randomness.

In productionMotion Canvas
09 · Coming Soon

Kinetic Typography Kit

Composable text animations. Springs, staggers, mask reveals. Framer Motion patterns without the runtime.

In productionCSS+WAAPI
10 · Coming Soon

Podcast Video Generator

Feed audio + transcript, get a rendered waveform video with speaker labels and animated captions.

In productionFFmpeg WASM

Stack

Remotion · React → MP4 Motion Canvas · deterministic scenes WAAPI · native timelines Canvas 2D / WebGL · pixel work MediaRecorder · browser capture FFmpeg WASM · encode in-page