阿喵前言
想把自己的书房搬进网页,难道得从零画墙、量桌子,再一点点摆家具?3D Model Anything 把手机采集的房间尺寸和照片交给 AI 编程助手,逐步搭成能继续修改的 Three.js 场景。阿喵觉得最有意思的,是它把扫描、建模和对照检查串成了一套流程,连作者的办公室都能直接打开逛一圈。
资源介绍
3D Model Anything 是 Wes Bos 公开的室内空间重建项目,包含 iPhone 扫描 App 源码、Three.js 查看器、scan-to-threejs Agent Skill 和办公室示例。手机负责记录墙面、门窗、家具框、网格与参考照片,AI 编程助手再结合这些资料编写场景,并通过同机位画面对照调整细节。
成品保留为可编辑代码,适合想研究室内建模、网页三维展示或空间重建工作流的朋友。在线演示可以切换立体剖面、平面布局和物件陈列等视图,先看效果再决定是否折腾自己的房间。
截图


特色
- 用实测资料起步:尺寸、网格、照片与相机位姿一起为重建提供依据。
- 场景可以接着改:输出为 Three.js 场景代码,方便调整家具、材质和展示方式。
- 有对照的迭代建模:Skill 引导编程助手测量、搭建,再比较渲染画面与参考照片。
- 多种角度看空间:立体剖面、平面布局、线框及物件陈列各有用途。
注意
- 目前手机 App 以源码提供,需使用 Xcode 构建与签名;扫描要求带 LiDAR 的 iPhone/iPad,并运行 iOS/iPadOS 17 或以上。
- 重建需要 AI 编程助手参与和多轮调整,不能指望扫描一次就自动得到完整精细模型;尺寸用于精密工作前需复核,模型调用费用取决于所用服务。
- 办公室示例不包含原始扫描和照片合集,因此演示中的 Scan、Overlay 不可用。代码与 Skill 采用 MIT,办公室图片及纹理遵循单独的素材条款。
使用教程
- 先打开演示:进入在线办公室,拖动旋转、滚轮缩放;用 Dollhouse 看整体,用 Layout 看平面,切换 Wireframe 查看几何结构。
- 本地运行查看器:下载仓库源码,准备 Node.js 22.12 或以上兼容版本。在项目根目录依次执行
npm ci和npm run dev,浏览器打开http://localhost:5188。 - 采集自己的房间:按仓库内 iPhone App 文档用 Xcode 构建,在支持 LiDAR 的设备上扫描并检查保存结果,通过系统分享菜单导出房间或扫描会话,将解压内容放入
data/captures-in/my-room/。 - 让编程助手重建:用支持本地 Skill 的 AI 编程助手打开仓库,指定使用
scan-to-threejs读取该目录,测量并建立可编辑场景,再对照原始照片逐步修正。辅助脚本需要 Python 3,照片对照需要 Pillow。

