Arsitektur Pipeline Mesin Seek-Only
Diagram arsitektur teknis yang memvisualisasikan evaluasi seek(t) per frame dari track MooTween menuju enkoder WebCodecs.
Kustomisasi di MooScript Studio →16:9 · 1920x1080 · 30fps
Cara kerja kodenya
- Tiga modul arsitektur SVG (Prompt, MooTween seek(t), dan WebCodecs Muxer) berdiri tegas di kanvas 16:9 sejak Frame 0.
- ctx.draw menyambungkan jalur sinyal antar modul sementara paket cahaya bergerak deterministik melintasi node.
- ctx.count menjalankan pembaca indeks frame (f = 000 hingga f = 120) yang membuktikan ketiadaan frame-drop.
Adegan 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 });
Template lainnya
- Hentakan Tipografi Kinetik Pembuka vertikal berenergi tinggi yang memadukan cincin radar SVG, dorongan kamera berkelanjutan, dan tipografi kinetik sinkron suara. 9:16
- Animasi Grafik Pertumbuhan Deterministik Grafik telemetri layar lebar dengan penggambaran kurva SVG bertahap, penghitung angka presisi, dan penanda titik puncak. 16:9
- Hook Retensi Tiga Detik Rangkaian vertikal dua adegan untuk kanal edukasi faceless, memadukan dial waktu presisi dengan pengungkapan fakta kontras. 9:16
Render adegan pertama Anda
Buka studio di browser ini. Tanpa daftar, tanpa instalasi, ekspor penuh lewat GPU lokal.
Mana pun pilihannya, file Anda tetap di perangkat Anda.