Opus 5.5 — 動画・モーション難易度: Advanced制作パス: UI morph loop

120 BPM ビート同期 UI モーフループ

1 Canvas でダッシュボード UI を 4 分音符でモーフ; Playwright キャプチャ + FFmpeg で MP4。

プロンプト

92 words · 604 characters
Create a seamless 8-bar loop at 120 BPM (4/4), 1920×1080, 60fps.

Visual: morph between 4 SaaS dashboard layouts (sidebar, KPI cards, chart, table) using only canvas 2D vector UI (no bitmap assets).
Sync: layout swaps on beats 1 and 3; micro-easing on off-beats (1/8 note flips).
Color: dark UI, accent #6366f1; interpolate palette over 32 beats.
Deliver:
1. index.html + render.js with deterministic seed.
2. playwright-capture.mjs: screenshot every frame for 8 bars.
3. ffmpeg command: image2 sequence → h264 yuv420p, loop-friendly last≈first frame.
Document beat grid in comments (frame index → beat).

ワークフロー注

コーパスでは UI morph は中位 25–52 秒。本ループは約 4 秒。首尾フレーム diff で継ぎ目確認。

目を開いたまま、Fable5 の上に築こう

コミットする前に、コスト計算、セーフガードの挙動、適切なティアを知っておきましょう。無料アカウントを作成すると、スペック・価格・アクセス経路の変更時に通知を受け取れます。