· 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 之后,同样的提示词跑出来的是这一版,五轮视觉迭代的账记得很清楚:

轮次平均亮度修掉的问题
10.43additive 星尘叠 bloom,整幅过曝
20.23吸积盘还是一团白,没有结构
30.15光子环饱和成白色
40.11事件视界内部还有 bloom 雾
50.10定稿:中心纯黑、螺旋条纹可见、多普勒增亮侧、喷流、星云

这张表是整个横评里最有意思的一段数据:**“过曝”这个缺陷,人一眼就能看出来,模型也能—— 只要它拿得到自己那张截图的像素统计。**没有渲染循环的那两版都栽在这上面,有的这两版都自己修好了。

场景里是 30 万粒子的三个群(开普勒尘埃、闪烁星壳、两道极向喷流)、极坐标着色的 RingGeometry 吸积盘 (差动旋转、无缝 fbm 条纹、多普勒增亮)、带 Fresnel 边缘的黑球加一层背面光环构成光子环、 程序化 fbm 星云天空盒。五轮渲染共 10 次,?t=7.5 两次哈希一致;锁帧模式下自动旋转、 鼠标视差和 FPS 读数都会关掉,免得 DOM 文本破坏哈希。

操作:拖动旋转、滚轮缩放、空格暂停、1/2/3 切配色(Ember / Verdant-Gold)、?t=7.5 锁帧。

同组对比

演示用的 three.js r170 由本站自己托管,运行时不请求任何第三方域名。 作者以个人身份发布,测试自付费用,内容不代表任何雇主立场。