Three-Second Retention Hook
Two-shot vertical sequence built for faceless educational channels, pairing an animated precision dial with a bold comparison reveal.
Customize in MooScript Studio →9:16 · 1080x1920 · 30fps
How the code works
- Opens immediately with an oversized rotating SVG dial at t = 0 to arrest scroll velocity inside the first 500 milliseconds.
- Pairs procedural Auto-SFX hits (ctx.punch + ctx.pop) with spoken word timestamps for crisp audio-visual lock.
- Ready to layer over uploaded B-roll video or export in 9:16, 1:1, and 16:9 simultaneously via Multi-Format Queue.
Shot 1 3.4s
const hit = ctx.beat('tiga', 1.15);
ctx.camera({ move: 'push', handoff: 'zoom' });
ctx.hero('.fs1-num');
ctx.draw('.fs1-arc', { at: 0.1, dur: 2.6 });
ctx.orbit('.fs1-ticks', { turns: 0.25, cx: 540, cy: 980 });
ctx.kinetic('.fs1-head', { style: 'slam', by: 'words', at: 0.2 });
ctx.punch('.fs1-num', { at: hit, scale: 1.22 });
More templates
- Kinetic Signal Slam High-impact vertical opener combining radiating SVG radar rings, continuous camera push, and word-synced kinetic typography. 9:16
- Deterministic Telemetry Chart Widescreen financial and product telemetry chart featuring progressive SVG spline drawing, rolling counters, and callout pins. 16:9
- Seek-Only Engine Pipeline Technical architecture diagram illustrating frame-indexed seek(t) evaluation flowing from MooTween tracks into WebCodecs frames. 16:9
Render your first shot
Open the studio in this browser. No sign-up, no install, full local GPU encoding.
Either way, your files stay on your device.
