3D Model Anything:把房间扫描成可编辑的 Three.js 场景

发布于
1

阿喵前言

想把自己的书房搬进网页,难道得从零画墙、量桌子,再一点点摆家具?3D Model Anything 把手机采集的房间尺寸和照片交给 AI 编程助手,逐步搭成能继续修改的 Three.js 场景。阿喵觉得最有意思的,是它把扫描、建模和对照检查串成了一套流程,连作者的办公室都能直接打开逛一圈。

资源介绍

3D Model Anything 是 Wes Bos 公开的室内空间重建项目,包含 iPhone 扫描 App 源码、Three.js 查看器、scan-to-threejs Agent Skill 和办公室示例。手机负责记录墙面、门窗、家具框、网格与参考照片,AI 编程助手再结合这些资料编写场景,并通过同机位画面对照调整细节。

成品保留为可编辑代码,适合想研究室内建模、网页三维展示或空间重建工作流的朋友。在线演示可以切换立体剖面、平面布局和物件陈列等视图,先看效果再决定是否折腾自己的房间。

截图

3D Model Anything 办公室立体剖面视图
办公室示例的 Dollhouse 立体剖面视图。
3D Model Anything 办公室尺寸与家具平面布局
Layout 平面布局中的房间尺寸、门窗与家具位置。

特色

  • 用实测资料起步:尺寸、网格、照片与相机位姿一起为重建提供依据。
  • 场景可以接着改:输出为 Three.js 场景代码,方便调整家具、材质和展示方式。
  • 有对照的迭代建模:Skill 引导编程助手测量、搭建,再比较渲染画面与参考照片。
  • 多种角度看空间:立体剖面、平面布局、线框及物件陈列各有用途。

注意

  • 目前手机 App 以源码提供,需使用 Xcode 构建与签名;扫描要求带 LiDAR 的 iPhone/iPad,并运行 iOS/iPadOS 17 或以上。
  • 重建需要 AI 编程助手参与和多轮调整,不能指望扫描一次就自动得到完整精细模型;尺寸用于精密工作前需复核,模型调用费用取决于所用服务。
  • 办公室示例不包含原始扫描和照片合集,因此演示中的 Scan、Overlay 不可用。代码与 Skill 采用 MIT,办公室图片及纹理遵循单独的素材条款。

使用教程

  1. 先打开演示:进入在线办公室,拖动旋转、滚轮缩放;用 Dollhouse 看整体,用 Layout 看平面,切换 Wireframe 查看几何结构。
  2. 本地运行查看器:下载仓库源码,准备 Node.js 22.12 或以上兼容版本。在项目根目录依次执行 npm ci 和 npm run dev,浏览器打开 http://localhost:5188。
  3. 采集自己的房间:按仓库内 iPhone App 文档用 Xcode 构建,在支持 LiDAR 的设备上扫描并检查保存结果,通过系统分享菜单导出房间或扫描会话,将解压内容放入 data/captures-in/my-room/。
  4. 让编程助手重建:用支持本地 Skill 的 AI 编程助手打开仓库,指定使用 scan-to-threejs 读取该目录,测量并建立可编辑场景,再对照原始照片逐步修正。辅助脚本需要 Python 3,照片对照需要 Pillow。

资源获取

在线办公室演示 · GitHub 源码与使用文档

0 / 600
0 讨论
热门最新
总结
暂无总结

正在发生

最新事件奖励滚动播报

LIVE0
正在读取最新事件