Deepseek ArtifactsDeepseek Artifacts
Home/Prompts/Opus Video/90-Second Motion & Sound Engineering Demo

90-Second Motion & Sound Engineering Demo

Opus 5.5 asked for 90s motion-design demo with original piano score—composition left to agent per creator disclosure.

kloss_xyz@kloss_xyz
Original Source
#Motion Graphics#Sound Design#Piano#Demo

Visual Proof & Effect Showcase

60 FPS
90-Second Motion & Sound Engineering Demo
HTML Canvas + Web Audio API
Render Dynamics & Highlights

Synchronised motion graphics and sound engineering reel with Web Audio frequency synthesis and transient pops.

Engine / RuntimeHTML Canvas + Web Audio API
Target FPS60 FPS
Resolution1080p
InteractionBeat-quantized audio

Parameters

Duration:90s
Aspect Ratio:16:9
Tools / Engine:HTML/Canvas, Web Audio, FFmpeg

Prompt Text

Ask Claude Opus 5.5 for a 90-second motion-design and sound-engineering demo with an original piano score.

Deliver:
- One continuous 90s MP4; visuals code-driven (vector/raster mix OK).
- Piano via Web Audio synthesis or rendered WAV stems; sidechain UI hits to piano rhythm.
- Chapters: intro typographic hit (0–8s) → rhythmic UI/audio visualizer (8–40s) → melodic bridge with spatial pans (40–70s) → finale logo + decay tail (70–90s).
- Mix to ~−14 LUFS integrated; document layers in mix.md.
- No external video models; list any sample packs if used.

Implementation Guide

  1. Ask Opus 5.5 for 90s motion-design and sound-engineering demo with original piano.
  2. Review picture and score together; fix sync and loudness.
  3. Export one continuous 90s master.

Related Prompts

Opus VideoFeatured
A Seamless UI Morph Loop

1440×1440 pure-time HTML UI loop: 8–12 states, closed-form springs, cursor-driven manipulation, NumPy beat grid, Playwright subframes + FFmpeg tmix.

A Seamless UI Morph Loop
Playwright + FFmpeg60 FPS
#UI Morph#Motion Graphics#Playwright+2
loop ~1 bar × 71:1
Use the full template for a beat-synced UI morph loop rendered from a single HTML scene with Playwright and FFmpeg.

Inputs I will provide: 8–12 UI states, one accent color (or monochrome), and a royalty-free track near 120 BPM.

Visual rules:
- 1440×1440 warm-gray canvas, Geist typography.
- ONE continuously morphing shell (never cut into separate layers); content swaps inside with short blur only.
- Visible cursor causes EVERY click and drag; drags set values from cursor position while held, release springs from current state.
- Restrained springs and camera zooms; NO bounce easing, particles, glow, chrome gradients, mismatched icon weights, dead air, or template SaaS look.

Beat map (7 bars): button → loader → check → dynamic island → player play/pause → scrubber drag → overextended volume slider → toggle → liquid tab indicator → self-drawing chart + tooltips → command palette type/filter → Enter → toast → return to starting button.

Engine:
- Single HTML file; seek(t) computes ALL properties; no CSS transitions, no setInterval, no hidden frame state.
- Closed-form spring step responses with superposition for multi-step targets; independent edge springs for tabs/toggles.

Render:
- Analyze audio in NumPy; start on downbeat; UI clicks on measured peaks.
- Playwright: 4 subframes per output frame; FFmpeg tmix → 60fps motion blur.
- Before full render: one still per beat; fix off-grid timing and legibility; avoid will-change on camera-scaled nodes; separate in/out text timing; last frame MUST match first (cursor pos + velocity).
twoclipping
Opus VideoFeatured
15-Second Motion-Design Showreel

Résumé-quality 15s motion reel; creator gave full creative freedom—agent picks type, transitions, and music.

15-Second Motion-Design Showreel
Code-driven Motion60 FPS
#Motion Graphics#Showreel#Typography
15s16:9
制作一段 15 秒的 dynamic motion-design showreel,用于设计师作品集。请尽情发挥(go all out):自主决定视觉系统、字体排印、转场语言和配乐(可用 Web Audio 生成或我提供的音轨)。

约束:
- 前两秒必须有强钩子;全程避免超过 0.4s 的静止。
- 结尾 1 秒留 memorable logo/type moment。
- 优先用代码渲染(Canvas/SVG/HTML),单文件或可复现渲染脚本。
- 先给 480p 预览 + 分镜表(时间码 + 画面描述),我确认后再出 1080p 母版。
Stephan Livera
Opus VideoFeatured
Inference Startup Launch Explainer

Modern, slick, punchy launch video for an inference startup—hook, proof, payoff from real product assets.

Inference Startup Launch Explainer
Remotion / Canvas60 FPS
#Launch#Product Demo#Motion Graphics+1
20–30s16:9
make a modern slick and punchy video for a modern startup that works on inference.

I will supply: product name, logo SVG/PNG, 3 UI screenshots, one-sentence value prop, brand colors.

Your tasks:
1. Turn this into hook (3s) → proof (latency/cost diagram, real UI) → payoff (CTA) for ~25s.
2. Do not invent customer logos, benchmarks, or compliance claims.
3. Render with Remotion or deterministic HTML/CSS animation; deliver MP4 + editable project if applicable.
4. Low-res preview first; list copy that legal must verify.
Deedy