Atoms怎麼用 AI生成3D模型和場景教程
更新時間:2026-10-16 14:10:10 釋出時間:11天前 閱讀:27 views次先搞清楚Atoms不是直接生成3D模型檔案的工具
開啟Atoms官網,用郵箱或GitHub註冊,免費計劃每天送15積分。但動手之前得說清楚:Atoms是AI驅動的應用構建平臺,它生成的是瀏覽器裡能互動的3D場景或應用,不是給你一個STL或OBJ檔案去3D列印。你想做的是一個能在網頁上轉視角、點按鈕的3D展示專案,那用它合適;想要工業級模型檔案,Atoms幫不了你。
新建專案選3D場景或遊戲原型模板
登入後進工作臺,點“New Project”,在模板列表裡找標著“3D”或“Interactive”的卡片。別選“Web App”或“Landing Page”,那兩個預設生成2D介面。選“3D Scene”或“Interactive Prototype”模板後,專案會自動搭好一個Three.js渲染環境。填完專案名點建立,等十幾秒載入出編輯器介面。
在對話輸入框裡用自然語言描述3D物件和場景
Atoms的編輯器左側是檔案樹,右側是AI對話區。在底部輸入框裡用一句話寫清楚你想要的3D物件、材質、視角和用途,比如“一個可旋轉的木質書桌3D模型,帶抽屜和檯燈,深色胡桃木材質,使用者可以從任意角度檢視”。別隻寫“做個書桌”,Atoms的agent需要知道細節程度和互動意圖才能生成合理的程式碼。
上傳參考圖讓3D模型貼合真實物品
在對話區點附件圖示上傳一張參考圖,正面平鋪、光線均勻、背景乾淨的照片效果最好。Atoms會分析圖片裡的形狀和紋理,提取出幾何結構和材質引數。參考圖裡如果有文字水印或者強透視變形,生成出來的模型比例會歪。上傳後追加一句“參考此圖生成3D模型並貼圖”,點傳送。
等agent生成後用對話繼續調整模型細節
Atoms的多個agent會並行生成程式碼和資源,等30秒到兩分鐘,右側預覽視窗會出現一個可旋轉的3D場景。如果模型哪裡不對,繼續在對話區打字,別去手動改程式碼,比如“書桌抽屜改成兩個,檯燈換成暖黃色燈泡”。每次調整隻改一個變數,同時改形狀又改材質,agent可能分不清哪個是重點,出來的結果更亂。
用預覽視窗檢查模型有沒有穿模或材質丟失
預覽視窗裡按住滑鼠左鍵拖拽旋轉,滾輪縮放。重點檢查三處:物體表面有沒有黑色空洞(材質丟失)、不同部件之間有沒有互相穿插、貼圖有沒有拉伸變形。有問題就在對話區描述你看到的現象,比如“抽屜底部和桌面穿在一起了”,讓agent修正。預覽不消耗額外積分,隨便轉隨便看。
加互動邏輯讓3D物件能點能轉
光有靜態3D模型不夠,得讓它能響應使用者操作。在對話區說“加一個旋轉控制,使用者拖拽可以水平旋轉模型,加一個按鈕點選後抽屜自動開啟”。Atoms會自動接入Three.js的OrbitControls和動畫邏輯。生成完後在預覽裡試一下拖拽和點選,不靈敏的話回對話區調引數,比如“旋轉靈敏度降低一半”。
部署到Atoms雲並拿到可分享的連結
場景和互動都確認沒問題後,點編輯器右上角“Deploy”。免費計劃支援2個雲專案同時線上,部署完會生成一個類似xxx.atoms.dev的連結。複製連結發給別人,對方在瀏覽器裡就能開啟你的3D場景,不用裝任何外掛。部署不額外扣積分,但每次重新部署會消耗少量額度。
匯出程式碼到GitHub或本地繼續改
如果你想把這個3D場景整合到自己的網站裡,點“Export”選GitHub Sync,把整個專案推到你的倉庫。Atoms生成的程式碼是標準的前端專案,包含Three.js依賴和所有資原始檔。拉到本地用VS Code開啟,npm install然後npm run dev就能跑。商業專案裡整合也沒問題,生成的程式碼版權歸你。
免費額度每天15積分做一條3D原型剛好夠用
免費計劃每天重新整理15積分,生成一個帶互動的3D場景原型大概消耗8到12積分,一天做一版夠用。Pro版月費20美元給100積分,Max版100美元給500積分,超出後按量付費。做3D場景反覆調整比較費積分,建議先把需求想清楚再動手,別拿免費額度當草稿紙反覆試。
Atoms做3D場景本質上是用程式碼把模型和互動搭出來,適合做產品展示頁或遊戲原型,不是工業建模工具。agent生成速度還行,但Trustpilot上評分只有2.9,有使用者反饋偶爾會卡住或者生成錯誤程式碼需要手動修。潤滅網後面會整理一批Atoms生成3D場景時降低積分消耗的提示詞寫法,能幫你把免費額度撐得更久一點。