· Claude Fable 5.1 + Claude Code · 同题横评:three.js 百万粒子黑洞
五轮把平均亮度从 0.43 压到 0.10:Fable 5.1 + Claude Code
同一段黑洞提示词交给 Claude Code 里的 Fable 5.1,42 轮对话、41 次工具调用、$4.24。它每一轮都自己渲染、读像素统计、判断哪里过曝,五轮之后中心恢复纯黑、螺旋条纹和多普勒增亮侧都出来了——一次生成的那版是黑屏的。
运行演示
WebGL · 会占用显卡
拖动旋转 · 滚轮缩放 · 空格暂停 · 1/2/3 切配色 在新窗口全屏打开 ↗
这是怎么做出来的
- 模型
- Claude Fable 5.1 + Claude Code
- us.anthropic.claude-fable-5-1
- 方式
- Agent 自主迭代
- Claude Code 2.1.266
- 思考档位
- high
- 对话轮数
- 42
- 工具调用
- 41 次
- 输出 token
- 50.5k
- 耗时
- 15 分 2 秒
- 成本
- $4.24
- 产物
- 696 行单文件 HTML
- 人工修复
- 无
同一个模型,一次生成那一版是黑屏的(TDZ 错误),一轮修复后又几乎全白。 放进 Claude Code 之后,同样的提示词跑出来的是这一版,五轮视觉迭代的账记得很清楚:
| 轮次 | 平均亮度 | 修掉的问题 |
|---|---|---|
| 1 | 0.43 | additive 星尘叠 bloom,整幅过曝 |
| 2 | 0.23 | 吸积盘还是一团白,没有结构 |
| 3 | 0.15 | 光子环饱和成白色 |
| 4 | 0.11 | 事件视界内部还有 bloom 雾 |
| 5 | 0.10 | 定稿:中心纯黑、螺旋条纹可见、多普勒增亮侧、喷流、星云 |
这张表是整个横评里最有意思的一段数据:**“过曝”这个缺陷,人一眼就能看出来,模型也能—— 只要它拿得到自己那张截图的像素统计。**没有渲染循环的那两版都栽在这上面,有的这两版都自己修好了。
场景里是 30 万粒子的三个群(开普勒尘埃、闪烁星壳、两道极向喷流)、极坐标着色的 RingGeometry 吸积盘
(差动旋转、无缝 fbm 条纹、多普勒增亮)、带 Fresnel 边缘的黑球加一层背面光环构成光子环、
程序化 fbm 星云天空盒。五轮渲染共 10 次,?t=7.5 两次哈希一致;锁帧模式下自动旋转、
鼠标视差和 FPS 读数都会关掉,免得 DOM 文本破坏哈希。
操作:拖动旋转、滚轮缩放、空格暂停、1/2/3 切配色(Ember / Verdant-Gold)、?t=7.5 锁帧。
同组对比
演示用的 three.js r170 由本站自己托管,运行时不请求任何第三方域名。 作者以个人身份发布,测试自付费用,内容不代表任何雇主立场。