复刻爆红 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」频道最新
- Agent 重试支付易重复扣款,给写操作加唯一 ID 才能查证 — gethackteam · 2026-09-17
- 开发者开源 synathic：用 Postgres 后验校验戳穿 agent 假报成功 — Gallegos_Daniel · 2026-09-17
- Jitsu 推出 Observability Exports,管道日志直连 Datadog 等 5 家平台 — nikola_mr64990 · 2026-09-17
- 开源工具 Hypit 走红:一条命令让 Claude Code 克隆爆款视频并量产 100 个变体 — nikola_mr64990 · 2026-09-17
- Agent harness 横评:Codex、Hermes Agent、Command Code 并列第一 — Teknium · 2026-09-17
- 重度量化的 Qwen 3.8 27B 自主找到无头浏览器测试自己写的代码 — satnl · 2026-09-17