IPhoneで部屋をキャプチャし、ジオメトリと写真を使用して、編集可能な3.jsシーンをAIコーディングエージェントで作成します。

オフィスビューア・アプリサポートを開く

このリポジトリには、3DモデルのiPhoneアプリ、Three.jsビューア、scan-to-threejsエージェントスキル、Wesの詳細なオフィスデモが含まれています。

アプリは証拠を記録します。 スキルは、測定、モデリング、マッチングカメラのビジュアル比較によるエージェントを導きます。 これは、ワンクリックスキャン・ツー・パーフェクト・モデル・コンバーターではなく、反復的な再構築ワークフローです。 現行のワークフローは、客室やインテリアに重点を置きます。

##ビューアを実行

Node.js 22.12+ (または新しいサポートリリース) を使用します。

http://localhost:5188.を開く ドールハウス、ウォーキング、オーバーヘッド、ワイヤーフレーム、ノリングビューでオフィスを探索してください。 遊び場は/play.html?room=office-v4&mode=fpvにあります。

デモには、再構築されたオフィスと選択したテクスチャが含まれます。 元のスキャンと写真のコレクションは配布されていません。スキャンとオーバーレイはこの例では無効です。 これらのモードは、参照アセットを使用して、あなた自身の部屋でご利用いただけます。

自分のスペースをキャプチャする

Xcode、デバイス要件、スキャン、共有で構築するためのiPhoneアプリを参照してください.

3D Model Anything

Capture a room on an iPhone, then use its geometry and photographs to build an editable Three.js scene with an AI coding agent.

Open the office viewer · App support

This repository includes the 3D Model Anything iPhone app, a Three.js viewer, the scan-to-threejs agent skill, and Wes’s detailed office demo.

The app records the evidence. The skill guides an agent through measurement, modeling and matched-camera visual comparisons. This is an iterative reconstruction workflow, not a one-click scan-to-perfect-model converter. The current workflow focuses on rooms and interiors.

Run the viewer

Use Node.js 22.12+ (or a newer supported release).

npm ci
npm run dev

Open http://localhost:5188. Explore the office in dollhouse, walking, overhead, wireframe and knolling views. The playground is at /play.html?room=office-v4&mode=fpv.

npm run build
npm run preview

The demo includes the reconstructed office and selected textures. Original scans and photo collections are not distributed; Scan and Overlay are disabled for this example. Those modes remain available for your own rooms with reference assets.

Capture your own space

See the iPhone app for building with Xcode, device requirements, scanning and sharing. Scanning needs a LiDAR-equipped iPhone or iPad. Non-LiDAR devices can import and review scans.

The app is source-available here; an App Store release is a separate distribution step. Do not assume an App Store download is available yet.

Export a room or session through the system share sheet and extract it into an ignored data/captures-in// directory. Exports keep the existing house-capture/5 contract; changing the app name does not change the files.

Use the skill

The skill lives at .agents/skills/scan-to-threejs/SKILL.md. Open this repository in an agent that supports local skills and ask it to use scan-to-threejs with your extracted export. You can also copy that skill directory into your agent’s skill directory; the companion viewer/runtime in this repo is still needed for its capture workflow.

Example request:

Use scan-to-threejs to rebuild the room in data/captures-in/my-room. Inspect the measurements and photos, create an editable scene, and compare rendered views with the original photographs.

Start with the format guide and project layout. Helpers need Python 3; photo comparisons need Pillow, and optional depth reconstruction needs NumPy, Open3D and Pillow. Capture scripts use the agent-browser CLI.