iPhone扫一圈，AI把你的房间搬进Three.js

想把自己家客厅变成一个能在浏览器里随便逛的 3D 场景，过去要么花钱请建模师，要么自己啃 Blender 学上几个月。GitHub 上一个刚上线几天就冲到一千八百多星的开源项目给出了第三条路：用带激光雷达的 iPhone 把房间扫一遍，剩下的建模工作全部交给 AI 编程代理完成。项目叫 3D Model Anything，作者是 Wes Bos——就是那位写了大量 JavaScript 教程、主持 Syntax 播客的加拿大讲师。

先说清楚它的工作原理。整个流程分三段：iPhone 应用负责采集，用激光雷达记录房间的几何结构，同时拍摄参考照片；一个叫 scan-to-threejs 的代理技能负责重建，引导 AI 编程代理根据测量数据和照片逐步建模；最后是一个 Three.js 查看器，在浏览器里展示成品。仓库里附带作者办公室的完整重建 demo，打开就能看到玩具屋、行走、俯视、线框等五种查看方式。

重点在于：这是一套迭代重建的工作流，不是一键扫描出完美模型的转换器。AI 代理会先测量、再建模，然后把自己的渲染结果和原始照片做逐视角比对，发现偏差就修正，像做工程验收一样一轮轮迭代。官方地址：https://github.com/wesbos/3d-model-anything ，代码和代理技能均采用 MIT 许可。

想跑通全流程，按下面六步操作。

第一步，准备环境。Node.js 22.12 或更高版本，Python 3，照片比对需要 Pillow；想做深度重建再装 NumPy 和 Open3D。

第二步，拉取仓库并启动查看器。git clone 官方地址后进入目录，执行 npm ci 安装依赖，再执行 npm run dev，浏览器打开 http://localhost:5188 就能看到作者的办公室 demo。几种查看模式建议挨个点一遍，先感受一下重建质量再动手。

第三步，扫描自己的房间。需要一台带激光雷达的 iPhone 或 iPad，用仓库自带的 house-capture 应用扫描；没有激光雷达的设备只能导入和查看扫描数据，无法采集。

第四步，导出扫描数据。通过系统分享面板把房间导出，解压到仓库的 data/captures-in 目录下，一个房间一个子目录。

第五步，让代理开始重建。在支持本地技能的 AI 编程代理里打开这个仓库，直接下指令：使用 scan-to-threejs 重建 data/captures-in 里的房间，检查测量数据和照片，创建可编辑场景，并把渲染视图和原始照片做比对。接下来就是等代理一轮轮迭代。

第六步，迭代验收。重建过程中多回头看渲染图和实拍图的对比，偏差明显的角度单独指出来让代理修正，一般两三轮之后效果就相当接近了。

个人观点：这个项目最聪明的地方是把建模拆成了证据链——雷达数据是几何证据，照片是外观证据，代理像验收工程一样反复核对，而不是凭空想象。这也意味着它对所用模型的能力有一定要求，模型太弱会陷入来回修不完的循环。另外两点提醒：目前工作流聚焦室内房间，室外场景效果没有保证；iPhone 应用是源码可见状态，尚未上架 App Store，需要在 Mac 上用 Xcode 自行构建安装。

总结一下：3D Model Anything 把专业建模的门槛降到了有一台 iPhone 和一个 AI 编程代理的水平，几分钟扫描加半小时迭代，就能得到一个可编辑、可二次开发的网页 3D 场景。给客户展示装修方案、给店铺做线上全景、给民宿做房型展示，都是现成的用武之地。