Design / UX / Frontend
img2threejs：把參考圖重建成 code-only Three.js 模型，適合網頁產品展示但不是 3D 掃描
Threads @data_pythoness 介紹 hoainho/img2threejs：一張參考圖轉成 code-only procedural Three.js 模型。本文查證 GitHub：Apache-2.0、約 4.1k stars、repo description 明確說 reconstruction-by-code，不是 photogrammetry、mesh extraction 或下載 3D art pack。適合網站 hero、產品展示、可互動資產原型與版本可控的程式化 3D；限制是精度、材質與拓樸不能等同真 3D 掃描或專業建模。
2026年7月25日3 分鐘閱讀👁 10
Three.js × AI Coding × Procedural 3D
img2threejs 的價值：不是掃描出 mesh，而是把參考圖轉成可維護的 Three.js 程式碼
@data_pythoness 分享一個能把一張圖轉成 Three.js 的專案。查 GitHub 後可確認：
hoainho/img2threejs 是 code-only procedural reconstruction workflow，授權 Apache-2.0，定位是 token-efficient image-to-3D。Kate 判斷：這類工具最適合做「網頁互動展示」而非精準工業建模。它生成的是可讀、可改、可 version control 的 Three.js 程式碼；若需求是尺寸精準、可製造、可動畫綁骨架的模型，還是要 3D artist / CAD / photogrammetry pipeline。
GitHub metadata
| 項目 | 查證結果 |
|---|---|
| Repo | hoainho/img2threejs |
| Description | Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. |
| License | Apache-2.0 |
| Stars / forks | 約 4,135 stars、308 forks（查證當下） |
| Created / updated | created 2026-07-15；updated 2026-07-25 |
| Language | Python；輸出目標為 Three.js / TypeScript model factory。 |
| Homepage | GitHub Pages demo gallery。 |
它不是什麼
README 特別強調：這是 reconstruction-by-code，不是 photogrammetry、mesh extraction、也不是下載 art packs。也就是說，它不是從圖片恢復出真實幾何 mesh；而是讓 agent 觀察參考圖後，用 primitives、procedural shaders、generated geometry 寫出一個看起來像的 Three.js 模型。