复刻爆红 riso 动画:Claude Code+Opus 5 全过程与提示词公开
GoldianSummer · reddit · 2026-09-16
作者复刻了此前爆红的 risograph 风格动画(原作 Kevin Ngo),从零写 brief 并用 Claude Code + Opus 5 完成,公开完整提示词、流程和 token 消耗。
产出
- 单个 index.html,224 KB、约 3500 行,纯 Canvas 2D,无任何库、图片、字体或网络请求
- 所有纹理都是代码:每种油墨是独立半调层,各配网屏角度,层间偏移模拟套印错位,叠加纸纹与缺墨空洞
- 一切带种子,render(t) 是时间的纯函数,可跳到任意帧不闪;音乐用 WebAudio 合成,120 BPM
- 26 个场景,视频直接用页面内建录制按钮导出 MP4
流程
- 约 1 万字符的 brief 明确禁止一锤子生成:先引擎,再每批 8 个场景目检,再后段,最后全面检查
- 作者只发简短跟进指令推进各幕
- Claude 自检:无头浏览器渲染帧,在每个转场前后每 0.25 秒看接触表,修掉跳变与漂移;一个约 100ms 的坏帧最终定位到巨大路径上的一次 closePath()
- 单次会话含休息约 5 小时 40 分
Token 账单:约 71.6 万输出 token,读入约 4300 万缓存输入 token,写入缓存约 150 万。作者指出帧数本身不耗成本,真正的开销在写、看、修的迭代循环。
「编程与Agent」频道最新
- General Reasoning 首发博客:详解如何用强化学习训练 Agent 集群协作 — rosstaylor90 · 2026-11-02
- 开发者指出:编码不再是瓶颈,使用量窗口才是 — kylegawley · 2026-11-02
- demo 通过≠可上线:让 Agent 接管业务前必答的五个问题 — _kellhus · 2026-11-02
- AI agent 通过 100 次测试，为何仍不能接管业务 — djgoel123 · 2026-11-02
- 让 Agent 全权创作:纯代码产出 1 分 44 秒动画短片《最后的园丁》 — ivegotnoidea1 · 2026-11-02
- 起床、用 Claude Code、睡觉：梗图调侃一天全靠它 — tekbog · 2026-11-02