AI
threejsassets 免費 3D 資產：給 Coding Agent 的 Three.js 載入與授權檢查 SOP
Threads 貼文分享 threejsassets 免費 GLB 資產與可直接交給 Agent 的 Three.js 載入 prompt；查證後整理資產數量、Free Commercial License、下載 caveat，以及可落地到 BigIntTech demo 的改良版 SOP。
2026年7月22日3 分鐘閱讀👁 6
3D Web Assets · Three.js · Agent Prompt
Threads 上這則貼文的核心價值，不只是「有免費 3D 模型」，而是提醒：現在做互動式網站 Hero、產品展示頁、作品集或小遊戲，不必從零開始建模；可以先用 web-optimized GLB 資產庫，讓 Agent 直接完成下載、載入、尺度調整與實測。
Kate 查證重點：貼文稱「Three.js 官方」免費 3D 城市資產；實際來源是 threejsassets.com，網站自稱是「built for three.js」的資產庫，品牌名為 threejsassets，不等同於 three.js 核心專案官方倉庫。可用性與授權以 threejsassets 的頁面與 License 為準。
這則貼文在講什麼
Prompt Case 分享了一個適合丟給 Codex / Claude Code / 其他 coding agent 的 Three.js 資產啟動流程：從 threejsassets 的免費資產中挑選合適模型，下載 GLB，放進專案的 public/models/，用 Three.js GLTFLoader 載入，再調整尺寸、位置、光線並實際執行檢查。
貼文提供的可用 Prompt 核心：「請從 threejsassets.com/assets?tier=free 中挑選適合這個專案的免費 3D 模型，下載 GLB 檔並放到專案的 public/models/。使用 Three.js GLTFLoader 載入模型，調整尺寸、位置和光線，完成後實際執行並檢查顯示是否正常。只能使用標示為 Free 的資產，保留每個模型的來源網址及授權資料。」
來源查證
| 項目 | 查到的狀態 | 對 Allen 的意義 |
|---|---|---|
| 資產庫規模 | 資產列表頁顯示 218 個 assets，其中 Free 篩選為 70 個結果。 | 貼文提到「70 種免費模型效果」與列表頁一致；「23 個模型」可能指特定 city/free 子集或貼文截圖語境，不宜當成全站數量。 |
| 格式與最佳化 | 網站描述為 web-optimized three.js assets：GLB、Draco-compressed、correctly scaled。 | 適合直接塞進 Three.js / React Three Fiber prototype；不代表每個專案都免調材質、燈光、碰撞盒或載入策略。 |
| 免費授權 | License 頁標示 Free Commercial License：可用於 personal、open-source、educational、client、commercial、game、app、website、video、shipped product，且可修改、轉換、組合、嵌入成品，免署名。 | 可做客戶 demo / commercial web app；但不能把檔案本身拿去轉賣、重新打包、mirror、分享下載或做競品素材庫。 |
| 下載與憑證 | 文件首頁示例提到免費商用資產下載前需先 sign in with a free account；Premium 下載則用 TJA_ download credential。 | Agent 自動下載時可能會卡登入 / cookie；實作 prompt 要要求保留來源 URL 與授權資料，且不要硬抓 preview GLB 當正式授權下載。 |
可以直接給 Agent 的改良版 Prompt
任務：為目前專案加入 threejsassets 的免費 Three.js GLB 資產。
請從 https://threejsassets.com/assets?tier=free 中挑選適合本專案視覺風格的 Free 資產，只能使用標示為 Free 的資產。