helt överväldigad av Google Gemini 3 + three.js.. har bara genererat en interaktiv 3D-produktapp utan någon kodning.. använd handgester för att rotera, skala, kontrollera xyz och belysning av 3D-modellen AI tar över.. acceptera eller inte Handledning med prompts och kod nedan:

1. Jag kan inte tro att folk utan någon kodningserfarenhet alls kan bygga en avancerad webbplats som denna med AI nu du kan chatta (sms) med en AI-agent för att lägga till 3D-modeller, funktioner och justera UI.. Det här är helt otroligt.. Appförhandsvisning: kod&promptar i slutet

2. konvertera 3D-modellen till .gltf-format Den kan bara känna igen detta format nu, du kan använda vilken 3D-programvara som helst för att konvertera, se till att texturerna appliceras korrekt Du kan också göra 3D-animationer här Här är Vision Pro-modellen för dig att testa:

3. ladda upp gltf 3D-modellen direkt Jag gjorde detta med Gemini 3 Pro men på , det låter oss ladda upp 3D-modellen direkt istället för att använda tredjepartslagring, vilket är mycket smidigare

4. Lägg till funktioner Jag bad den lägga till reglage för att styra x, y, z-positionerna på 3D-modellen, de gjorde det på några sekunder och det fungerar perfekt..

5. skapa en 3D-miljö du kan skapa en fast 3D-värld för din produkt, och till och med be den lägga till belysning, kasta skugga på golvet och lägga till inre skugga för själva produkten

6. åtgärda buggar Den analyserar vanligtvis appen och fixar buggar automatiskt, du kan också kopiera felet eller bara ta en skärmdump för att be agenten fixa det

I bloggen nedan delar jag med dig av allt du behöver för att återskapa denna Vision Pro-liknande 3D-interaktiva webbplats som jag byggt gratis med hjälp av @emergentlabs - den exakta prompten som används för att generera denna app - .gltf 3D Vision Pro med animation - hela källkoden på VSCODE

Om du fann detta inspirerande, följ @EHuanglu för att lära dig AI och gilla och posta om för att låta fler veta 👇