vinhhien112/img2obj

Codex plugin that turns attached object images into code-only, animation-ready procedural Three.js models.

解決的問題

img2obj 透過自動化生成程序化 Three.js 程式碼的過程,解決了從 2D 圖像手動重建 3D 物件的挑戰。它不是直接將像素轉換為網格,而是使用結構化工作流來分析參考圖像,並編寫建置模仿原始輪廓、結構和材質的 3D 模型所需的程式碼。

工作原理

該工具作為一個 Codex 插件運行,引導 AI 完成多階段重建過程:

  1. 驗證 (Validation):檢查參考圖像的品質與可視度,確保其適用於重建。
  2. 規劃 (Planning):建立 ObjectSculptSpec,定義物件的層級結構、幾何形狀、材質與動畫錨點(樞軸與插槽)。
  3. 分階段建置 (Phased Building):模型分階段建置——從基礎的白模(blockout)開始,接著是精細化形狀,然後是外觀開發(材質),最後是加入互動。
  4. 審查 (Review):將生成程式碼的瀏覽器渲染結果與原始圖像進行比較,在進入下一階段之前需要獲得核准。

適用對象

專為建置互動式 3D Web 體驗的開發者與創作者設計,他們需要風格化的道具、機械物件、植物或場景資產,這些資產需要是動畫就緒的,並且完全透過程式碼建置而非匯入網格。

亮點

  • 基於程式碼的生成:生成程序化的 Three.js 幾何圖形與 TypeScript 工廠,而不是靜態網格檔案。
  • 程式碼化層級結構:規劃父子關係與插槽,以確保模型已為動畫做好準備。
  • 材質提取:從參考圖像中推導出 PBR(基於物理的渲染)證據,如粗糙度與法線貼圖。
  • 品質把關:使用特定的品質模型,同時評估整體特徵與關鍵可識別特徵,以防止生成平庸的輸出。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案