完全被 Google Gemini 3 + three.js 震撼到了.. 剛剛生成了一個 3D 產品互動應用,完全不需要編碼.. 使用手勢來旋轉、縮放、控制 3D 模型的 xyz 和燈光 AI 正在接管.. 接受與否 下面是帶有提示和代碼的教程:
1. 我無法相信完全沒有程式碼經驗的人現在可以用 AI 建立這樣的高級網站 你可以與 AI 代理進行聊天(文字),添加 3D 模型、功能並調整 UI.. 這真是超乎想像.. 應用預覽: 代碼和提示在最後
2. 將 3D 模型轉換為 .gltf 格式 目前只能識別此格式,您可以使用任何 3D 軟體進行轉換,確保材質正確應用 您也可以在這裡製作 3D 動畫 這是供您測試的 Vision Pro 模型:
3. 直接上傳 gltf 3D 模型 我在 Gemini 3 pro 上這樣做,但在這裡,它允許我們直接上傳 3D 模型,而不是使用第三方存儲,這樣方便得多。
4. 添加功能 我請它為我添加滑桿,以控制3D模型的x、y、z位置,它們在幾秒鐘內完成,運行得非常好..
5. 創建 3D 環境 您可以為您的產品創建一個固定的 3D 世界,甚至可以要求它添加燈光、在地板上投射陰影,並為產品本身添加內部陰影。
6. 修復錯誤 它通常會分析應用程式並自動修復錯誤,您也可以複製錯誤或直接截圖請求代理人修復。
在下面的部落格中,我分享了您需要的一切,以免費重建我為 @emergentlabs 建立的這個 Vision Pro 風格的 3D 互動網站 - 用於生成此應用程式的確切提示 - 帶有動畫的 .gltf 3D vision pro - VSCODE 上的完整源代碼
如果你覺得這很鼓舞人心, 請關注 @EHuanglu 以了解 AI 並點讚和轉發讓更多人知道 👇
el.cine
el.cine1月12日 23:09
完全被 Google Gemini 3 + three.js 震撼到了.. 剛剛生成了一個 3D 產品互動應用,完全不需要編碼.. 使用手勢來旋轉、縮放、控制 3D 模型的 xyz 和燈光 AI 正在接管.. 接受與否 下面是帶有提示和代碼的教程:
75