Seek-Only Engine Pipeline
Technical architecture diagram illustrating frame-indexed seek(t) evaluation flowing from MooTween tracks into WebCodecs frames.
Customize in MooScript Studio →16:9 · 1920x1080 · 30fps
How the code works
- Three architectural SVG stages (Prompt, MooTween seek(t), and WebCodecs Muxer) anchor the 16:9 canvas from Frame 0.
- ctx.draw animates signal buses connecting each module while a luminous packet travels deterministically across nodes.
- ctx.count increments the discrete frame readout (f = 000 to f = 120) proving zero frame-drop rendering.
Shot 1 4.2s
const beat = ctx.beat('indeks', 2.1);
ctx.camera({ move: 'pan-right', handoff: 'zoom' });
ctx.hero('.cw1-node2');
ctx.draw('.cw1-wires path', { at: 0.3, dur: 0.75, cascade: 0.35 });
shot.travel('.cw1-packet', { attrs: { cx: 560 }, opacity: 1 }, { attrs: { cx: 1360 }, opacity: 1, dur: 1.6, curve: 'smooth-inout', loop: 2 }, 0.35);
ctx.kinetic('.cw1-title', { style: 'rise', by: 'words', at: 0.15 });
ctx.count('.cw1-frame', { from: 1, to: 120, prefix: 'FRAME ', at: 0.1, dur: 3.4 });
ctx.punch('.cw1-node2', { at: beat, scale: 1.1 });
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
- Three-Second Retention Hook Two-shot vertical sequence built for faceless educational channels, pairing an animated precision dial with a bold comparison reveal. 9:16
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.
