我用 Codex 复现了 Opus 5.5 的动画玩法

Opus 5.5 的代码动画（沙画、粒子、卡通角色）刷屏时，@WattterDjiang 的 Claude 账号"半年前就被封了"。他手头有 Codex：能不能让它也做出这类动画？

答案是能。他把几段参考视频交给 Codex，从分析画法、写剧本开始，一直做到导出带声音的 MP4——30 秒、1080p，中文旁白、配乐、音效。还把跑通的做法整理成开源 Skill。

本课是《第 12 课》的"无 Claude 复现路线"：第 12 课是原版（Opus 5.5 + seek(t)），本课是 Codex 版（p5.js + Canvas）。

制作流程：把参考视频交给 Codex → 分析可能用到的画法 → 写测试剧本 → 拆分镜 → 生成前端代码 → 导出 MP4。

技术选型：p5.js + Canvas。可以理解成程序里的画笔：角色怎么画、往哪走，沙粒何时出现、怎样散开，全由代码控制；浏览器画出每一帧，再把画面和声音合成视频。

没用 Blender，也没用 Three.js。屏幕里有空间感的粒子球体，用数学投影就能表现。

作者把做法整理成开源 Skill：wtt-code-animation-studio（github.com/WaterDJiang/Wattter_openSkills）。

流程：给它一个想法 / 一个主题 / 一段文章 / 写好的剧本——只有主题就先编故事设计动作；给文章就改编成动画剧本；有剧本就保留原意做视觉化。然后：推荐画风（你选）→ 拆完整分镜 → 生成配音 → 绘制动画 → 导出 MP4。

设计：执行步骤和导出脚本分离——Codex 按你的内容写具体画面，脚本管时间轴、混音、逐帧输出。换主题不用重讲流程。

时长按内容定：先按动作和旁白估时，配音生成后用实际长度校准镜头；指定了总时长就在剧本阶段调信息量。作者后来又导了支 45 秒测试片，证明没被第一支的 30 秒限制住。

调的时候作者问了个好问题：角色和沙画、粒子，为什么要分开选？角色也可以由沙子或粒子构成。

于是把三者分开想：先定剧本的人物和动作 → 再选画法 → 前端技术交给 Codex 按需处理。比如小人跳起来：线条画、沙粒画、光点组成小人一起跳——换画法，身份和动作保留。

实测：同一角色 × 扁平 / 沙画 / 粒子 × 不同动作出现方式，18 种组合逐一检查。注意作者的严谨：检查的是这些具体组合，不能推导"所有角色所有画风都能套"。

十种风格：扁平插画、手绘纸纹、复古印刷网点、像素、水彩笔触、沙画、粉笔、粒子、玻璃马赛克、黏土定格外观。流程：先写剧本 → 给 1 个推荐 + 2 个备选（说明理由 + 拿同一关键镜头对比）→ 你拍板。也可以"风格你来定"或指定混合。

换内容验证："测试一个 10 秒的视频，用随机的 3 种风格，内容你定。"明确让它随机，就不用等作者再挑。

抽到：像素画、玻璃马赛克、复古印刷网点。故事：《一封信，三种世界》——戴蓝帽的小鸟带信飞过山丘，送进邮筒，停在邮筒上。

10 秒、1080p，中文旁白、字幕、配乐、音效：0–3 秒像素画，3–6.5 秒二维玻璃马赛克，6.5–10 秒复古印刷网点。三段同一只小鸟，换画风继续送同一封信——小鸟、山丘、邮筒都跟着换材质，故事往前走。

质检：300 帧正好 10 秒，声音画面等长，完整解码通过；抽帧检查风格切换、字幕、投递动作。诚实备注：玻璃是二维拼片（非真 3D 折射），衔信动作可再细化。

从仓库下载 Skill 后，让能执行本地代码的 Codex 读取它，先检查浏览器、视频导出、配音依赖，再交内容。prompt 全文：

复制使用 wtt-code-animation-studio，把下面的内容做成一支中文动画。

先根据内容写剧本，时长根据内容决定。给我一个推荐画风和两个备选，
说明同一个关键镜头分别会怎样呈现，等我选择后，再做完整分镜和动画。
不要照搬示例角色。配中文旁白和字幕，最后交付可播放的 MP4，
以及可以修改的源码。风格确认后直接跑完。

我的内容是：

第一次建议选小主题：解释一个概念、介绍产品流程、或有角色情节的小故事。做完继续提修改意见：某句讲快了多停留、角色挡字调位置、画面太空补动作——源码留下了，改完重导出。作者自己的片子也经过检查修正（起跳离标题太近、粒子靠近字幕都是看后调的）。

作者的边界写得很清楚：

• 目录里其他风格方向，还需在具体内容上继续制作验证。
• 复杂真人表演、电影质感、精确口型，不在本次验证范围。
• 不能用来判断 Codex 和 Opus 5.5 谁更强——两边没做同条件测试。

但对他来说：想做的动画已经在 Codex 里做出来了，源码和方法留下了——"先用自己的内容做出一支片子，再看哪里值得继续改。"