Opus 5.5 靠代码做视频，已经玩出花了（5 个惊艳案例＋提示词）
讲清Opus 5.5代码视频的逐帧渲染与声音制作，拆解像素巫师、界面变形、游戏史、舞蹈和AI史五例，附保留案例参数的可复制提示词。
Opus 5.5 做视频，靠的是编写动画代码：用代码绘制画面、安排镜头与声音，再渲染成 MP4。像素巫师、软件界面动效、游戏发展史和舞蹈包装，都可以沿着这条路线制作。
原理：先画出每一帧，再合成视频
可以把它理解成一本由代码绘制的翻页动画书。代码规定某个时刻有哪些元素、它们在哪里、怎样变化，渲染工具依次取出这些画面，编码后就得到视频。
在网页逐帧方案中，页面可以提供 render(t) 或 seek(t)，输入时间就画出对应一帧。例如 30fps 下，第 n 帧对应 t = n / 30。Playwright 负责打开页面、定位时间并截图，FFmpeg 负责把帧序列与音轨合成 MP4。Remotion、HyperFrames 等框架则提供各自的时间或帧控制方式。
画面需要能按时间重现。 随机效果固定种子，截图前等待字体加载，避免动画只依赖计时器不断往下跑，否则单独重渲某个镜头时可能得到不同结果。
声音也能由代码产生。Python 的 numpy、scipy 可以计算音符与鼓点的波形，再按时间叠加成配乐和音效；有现成音乐时，先找节拍，再安排动作。配音则可以使用语音模型，与画面统一对齐时间。
七类代码，分别适合什么画面
| 路线 | 主要用途 |
|---|---|
| JavaScript＋Canvas 2D | 像素、二维图形与插画 |
| HTML／CSS／SVG | 界面、文字和软件产品动效 |
| WebGL 着色器 | 扫描线、颗粒、反光和粒子质感 |
| Three.js | 三维物体、空间与镜头运动 |
| p5.js＋p5.brush | 彩铅、水彩与纸面笔触 |
| HyperFrames／Remotion | 组织时间线、镜头和整片渲染 |
| Manim | 公式、几何与数学演示 |
这些路线可以混用：Canvas 画出游戏画面，着色器叠加老电视质感，再用 Three.js 进入三维场景。需要准确展示实物时，可以提供已有的三维模型。
1. 像素巫师：小画布与完整动作循环
这段施法动画依次经历待机、举杖蓄力、发射魔法和收招。角色先画在 128×96 的小画布上，再整数倍放大；姿态每秒约变化 8–12 次，火花和飞弹逐帧运动，让角色保留像素动画的顿挫感。
以下提示词按案例的参数和制作约束精简整理，可直接复制使用。
制作一个自包含的HTML，用原生JavaScript和Canvas 2D呈现像素巫师施法，不引入库、图片或网络素材。
逻辑画布为128×96，居中整数倍放大。关闭图像平滑，所有坐标落在整数像素上；不使用渐变、抗锯齿或模糊阴影。全片约24色，背景以深蓝、紫色为主，角色用暖色，魔法保留少量高亮色。
用像素矩形搭建约24×32的巫师，包含弯帽、胡须、双色长袍和宝石法杖。将头部、手臂、法杖与衣摆设为可控制的姿态参数。运行60fps，角色姿态量化为每秒8–12次变化，粒子持续运动。
动作顺序为待机晃动、举杖蓄力、火花向宝石聚拢、释放光圈和飞弹、收招回位。施法时加入1–2像素震动。粒子预分配并重复使用，不在循环中创建新对象。
背景保留月亮、少量星点和石地。宝石光增强角色轮廓，首尾动作自然接合，任意窗口下都保持像素清晰。
2. 界面变形：一个形状，连续变成不同组件
黑白形状从按钮变成加载状态、播放器、滑块和图表，始终由同一个元素连续变化，鼠标点击和拖拽推动动作。
它用 HTML／CSS／SVG 搭界面，以弹簧计算回弹，用音乐节拍安排动作，每帧混合四个子帧形成运动模糊。
先向我要8–12个界面状态、黑白或单强调色方案，以及可用的约120 BPM音乐。把状态与节拍的对应关系列出来，确认后再开始制作。
做一个1440×1440的HTML界面动画。用浅暖灰底、黑白组件和Geist字体。全程保持一个主体，通过尺寸、圆角及内部内容变化完成转换，不靠切镜头替换组件。光标必须实际执行点击或拖动。
按120 BPM、7小节安排：按钮→加载→完成勾选→灵动岛→播放器→进度条→音量滑块→开关→标签页→图表→命令面板→通知→按钮。每拍安排对应动作，镜头缩放跟随主体。
所有状态由seek(t)计算，不用CSS transition、计时器或前一帧的累积状态。使用解析弹簧；指示条两端分别计算弹簧，表现拉伸。拖动期间用光标位置决定数值，松手后再回弹。
用Python分析音乐节拍，动作和音效按拍对齐。Playwright每帧采样4次，FFmpeg混合出运动模糊，输出60fps。整片渲染前先检查各拍的静帧。
避免粒子爆炸、发光、渐变和多余弹跳。控制新旧文字各自的进出时间，防止叠字；被放大或包含文字的元素不要加will-change。首尾包括光标位置和速度都要衔接。
3. 游戏发展史：画风随年代变化
两分钟的电子游戏发展史，把 Canvas 像素画、WebGL 老电视效果、Three.js 三维场景放进同一条片子，配乐由 Python 合成。早期游戏用像素和扫描线，之后进入走廊、城堡与方块世界。
制作一部120秒的电子游戏发展史短片，采用有情绪起伏、史诗感的纪录片预告片表达。
规格为1920×1080、60fps。全部画面由代码绘制，不获取外部图片和视频。自行编写并通过代码合成配乐，不使用采样、音频素材或虚拟乐器；用音乐节奏组织画面切换。
完成后将画面与配乐合成为MP4，保存至我指定的输出目录。
4. 甜酷舞蹈：人物与动效分工
先用视频模型得到一段 15 秒绿幕舞蹈，再让 Opus 去掉绿色背景，加入大字、胶带、分屏、背景切换和三维环绕文字，让包装随音乐变化。
人物动作来自视频，场景和动效由代码完成。 复杂舞蹈不必用代码重新画一遍，保留人物素材，把制作重点放在抠像、层次和节奏上。
5. AI 发展史：用一个视觉主角贯穿长片
三分钟 AI 发展史在 Claude Code 中用 Remotion 制作，画面由 SVG、Canvas 等代码绘制，语音模型负责旁白，Python 合成配乐。
贯穿主角是一个发光词元：从注意力连线，到语言模型、多模态、推理和工具调用，每章都沿着同一个视觉线索展开。长片的重点在于先安排故事和分镜，再逐场制作。
用Remotion制作180秒的AI发展史动画，1920×1080、30fps，共5400帧。围绕2017年的注意力机制，讲到语言模型、多模态、推理、智能体与尚无定论的AGI问题，采用电影感影像随笔的表达。
让发光词元“the”贯穿全片。先写STORYBOARD.md，列出各场景时间、画面、字幕和转场；每个场景单独组织，最终接入主composition。
按以下章节推进：0–15秒以孤立单词开场；15–35秒出现注意力连线；35–55秒语言模型扩展；55–80秒进入指令微调与ChatGPT；80–100秒表现多模态；100–125秒表现推理；125–150秒加入工具和智能体；150–170秒提出AGI问题；最后10秒回到词元与片名。
使用SVG、Canvas、CSS及程序化图形，不引用外部图片或现成视频。用深色底和暖色强调色，弹簧与缓动控制运动，转场由相邻场景的图形关系产生。
屏幕文字简短，每段至少停留2.5秒。年份、人名和论文名称需要准确，不确定内容记入NOTES.md。每完成一场，用remotion still查看3–4张静帧，修好文字重叠与排版后继续。
保留可选的public/music.mp3音轨位置，缺少音轨时可先输出无声版。最终用remotion render导出out/film.mp4，并交付创作说明和NOTES.md。
提示词里最有用的七块信息
可以用 role 写制作角色，inputs 列必要素材，direction 明确风格和禁用效果，structure 安排镜头与节奏，build 规定技术和导出，gotchas 提醒常见错误，start 约定先看什么、何时确认。
尤其要把“不想要什么”写具体，例如避免满屏小字、所有元素同时淡入、重复的居中大字加渐变背景。先看分镜和关键帧，动效关键处看几秒小样，确认后再渲染整片。
交付前抽帧检查手机可读性、文字重叠、动作停顿、构图、节拍与声画同步，标出问题时间点并局部重渲染。相比反复要求“更高级”，这些可检查的要求更容易推动修改。
