Deepseek ArtifactsDeepseek Artifacts
Home/Prompts/Opus Video/彩虹道路像素跑酷动画
返回分类Opus Video

彩虹道路像素跑酷动画

160×90 橙色角色、七色波浪道路、陨石/光束与擦边闪避,BOOST→WARP 无缝回环。

riku720720@riku720720
Original Source
#Pixel Art#Canvas 2D#Games#Loop

效果实例演示与视觉验证

60 FPS
彩虹道路像素跑酷动画
Pseudo-3D Projection Canvas
渲染机制与动态特征

绚丽伪 3D 彩虹赛道像素飞驰动效,搭配滚动星空背景与合成波复古美学。

渲染引擎 / 技术Pseudo-3D Projection Canvas
目标帧率60 FPS
画面比例 / 分辨率16:9 Retro Canvas
交互模式Speed & lane switch

参数配置

Duration:loop ~30–45s
Aspect Ratio:16:9
Target Resolution:160×90 logical
Tools / Engine:Canvas 2D, JavaScript, FFmpeg

提示词正文

用 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。

实现步骤与运行指引

  1. Single offline Canvas HTML; 160×90; ~32-color palette; no AA.
  2. 12×8 orange hero; seven-color road; parallax stars; deterministic attack patterns.
  3. State machine ending BOOST→WARP to first frame; test loop and readability.

相关推荐提示词

Opus VideoFeatured
无缝 UI 变形循环(Beat-synced Playwright + FFmpeg)

1440×1440 纯时间 HTML UI 循环:8–12 状态、闭式弹簧、光标驱动、NumPy 对拍、Playwright 子帧 + FFmpeg 运动模糊。

无缝 UI 变形循环(Beat-synced Playwright + FFmpeg)
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 秒动态设计师 Showreel

15 秒作品集级动效片;作者允许「尽情发挥」——视觉系统、转场与配乐由模型自主决定。

15 秒动态设计师 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
推理初创公司发布宣传片

现代、精致、节奏鲜明的推理创业公司发布片:钩子—证明—转化,基于真实产品素材。

推理初创公司发布宣传片
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