Back to CategoryOpus Video
Rainbow Road Pixel Animation
160×90 orange sprite on seven-color sinusoidal road; meteors/beams; near-miss dodge loop to BOOST→WARP seam.
Visual Proof & Effect Showcase
60 FPS
Pseudo-3D Projection Canvas
Render Dynamics & Highlights
Vibrant pseudo-3D rainbow highway pixel runner with scrolling starry backdrop and synthwave aesthetics.
Engine / RuntimePseudo-3D Projection Canvas
Target FPS60 FPS
Resolution16:9 Retro Canvas
InteractionSpeed & lane switch
Parameters
Duration:loop ~30–45s
Aspect Ratio:16:9
Target Resolution:160×90 logical
Tools / Engine:Canvas 2D, JavaScript, FFmpeg
Prompt Text
用 JavaScript + Canvas 2D 制作一支 [45] 秒、[16:9] 的 pixel 短片：橙色四足角色在 cosmic rainbow road 上躲避 meteor 与 laser（可 loop 为无缝片头）。 硬规格： - 单个离线 HTML；160×90 逻辑分辨率；整数倍放大；关闭平滑；整数坐标；~32 色固定色板；禁止渐变/旋转模糊/抗锯齿。 - 12×8 橙色精灵；四帧 run cycle；七色 sin 道路 + 三层视差星空。 - 确定性攻击序列：jump / double-jump / slide / rainbow dash；near-miss 定格 + 轻 shake。 - 状态机 RUN→WARN→DODGE→NEAR_MISS→…→BOOST→WARP 接回第一帧；粒子池 + 60Hz 固定步进；循环零分配。 - 先渲染 5 秒样片检查轮廓与循环缝，再整段导出 MP4。
Implementation Guide
- Single offline Canvas HTML; 160×90; ~32-color palette; no AA.
- 12×8 orange hero; seven-color road; parallax stars; deterministic attack patterns.
- State machine ending BOOST→WARP to first frame; test loop and readability.
Recommended Ecosystem Tools & Guides
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.
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.
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.
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