让 Claude 写 three.js 生成 3D 城市:第一次全黑,五次迭代跑通(Opus 5 实测)

fubaba AI工具评论29阅读模式
摘要

用 Claude Opus 5 从零写 three.js 程序化生成夜景城市:429 栋楼、10549 扇窗、bloom 后处理一次写完,但第一版全黑。五次迭代实录+结论:结构一次到位,观感要靠迭代。

先说结论:AI 写 3D 代码,「结构一次到位,观感要靠迭代」。我让 Claude(Opus 5)从零写 three.js 生成一座夜景城市——单文件、零依赖、几百栋楼带车流。它一次就写出了正确的天际线规律和整套辉光管线,但第一次跑出来,全黑。五轮才调到能看。

本文要点(30 秒版)

  • 任务:单个网页文件、不装任何依赖,生成可拖转的夜景城市(几百栋楼、亮窗、路网、车流)
  • 一次生成的结构量:429 栋楼、10,549 扇窗、260 车流、3 种楼型、完整 bloom 后处理管线
  • 但观感翻车五连:全黑 → 俄罗斯方块 → 窗不发光 → 楼体消失 → 第五版才成
  • 翻车根因都不是「不会写」,是参数没调对(批量上色 API 失效、色调映射顺序、环境光强度)
  • 另一个短板:照实物还原不行——凭印象拼的 Mac Studio 散热孔、风扇位置全错

▶ 视频直达:https://youtu.be/4I4tY-xjuZQ

五次迭代实录

  1. 全黑:窗户用了批量上色写法,在当前版本引擎里不生效,颜色传不进去。改法:暖光冷光拆两组纯色。
  2. 俄罗斯方块:把每层楼画成一整条发光横带,远看像堆积木。改法:每面墙横排小窗、同层随机灭几扇。
  3. 窗亮但不发光:像贴上去的纸片,没有光晕。让它加辉光,它自己写了完整后处理(提亮部→两轮模糊→叠回原图),一次写完没报错。
  4. 楼没了:色调映射被挪到最后一步,楼体全压成黑色,只剩窗户飘在半空。
  5. 成了:环境光调亮四倍、楼体颜色提一档、辉光收一点。楼有了体积,窗有了光晕,还自己加了退台/尖顶天线/圆柱三种楼型和红色航空障碍灯。

它强在哪、短在哪

:一次写出几百栋楼、上万扇窗、三种形态、整套辉光管线,全是零依赖单文件;天际线「中间高四周矮」这类真实城市规律没人教它,它自己就这么写了。

:每一版的毛病都不是不会写,是参数没调对——五轮才调到能看。另外照实物还原不行:让它还原一台真实电脑,散热孔形状、风扇位置全错,因为它手上没有照片,只能凭印象拼。

结论

让它按规则生成,一整座城它真能给你;别指望它照着实物做还原。与下一篇 BlenderMCP 实测同款教训:引擎版本一变、写法失效,AI 记的是旧版 API——版本漂移是 AI 写 3D 代码的头号坑。

常见问题(FAQ)

Claude 能直接写出能跑的 three.js 场景吗?

能。实测两百多行代码一次跑通,结构完整(几何、光照、后处理、交互都对),但视觉效果需要多轮参数迭代,第一版大概率不好看。

AI 写 3D 代码最常见的坑是什么?

版本 API 漂移:AI 训练语料里的旧版写法在新版引擎里静默失效(本次的批量上色、上一次 Blender 的引擎命名都是这个病根),表现为不报错但效果不出来。

AI 能照着真实物体建模吗?

不能指望。没有照片输入时它只能凭印象拼,实测还原一台 Mac Studio,散热孔和风扇位置全错。规则化生成强、实物还原弱。


相关文章

更多真机实测视频,见 YouTube 频道「富爸爸大妙招」

文章末尾固定信息
weinxin
我的微信
微信扫一扫
fubaba
  • 本文由 发表于 2026年7月29日 11:59:47
  • 转载请务必保留本文链接:https://www.fubaba.org/44.html
评论  0  访客  0
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: