helt blåst av banen av Google Gemini 3 + three.js.. bare generert en interaktiv 3D-produktapp uten koding.. bruk håndbevegelser for å rotere, skalere, kontrollere xyz og belysning av 3D-modellen AI tar over.. Godta eller ikke Veiledning med prompts og kode nedenfor:

1. Jeg kan ikke tro at folk uten kodeerfaring i det hele tatt kan bygge et avansert nettsted som dette med AI nå du kan chatte (tekst) med en AI-agent for å legge til 3D-modeller, funksjoner og justere brukergrensesnittet.. Dette er helt utrolig.. Forhåndsvisning av app: Kode&Prompts på slutten

2. konvertere 3D-modellen til .gltf-format Den kan nå bare gjenkjenne dette formatet, du kan bruke hvilken som helst 3D-programvare for å konvertere, sørg for at teksturene er riktig påført Du kan også lage 3D-animasjoner her Her er Vision Pro-modellen for deg å teste:

3. last opp gltf 3D-modellen direkte Jeg gjorde dette med Gemini 3 Pro, men på , lar det oss laste opp 3D-modellen direkte i stedet for å bruke tredjepartslagring, noe som er mye mer praktisk

4. Legg til funksjoner Jeg ba den legge til skyveknapper for å kontrollere x, y, z-posisjonene til 3D-modellen, de gjorde det på noen sekunder og fungerer helt fint..

5. Lag et 3D-miljø du kan lage en fast 3D-verden for produktet ditt, og til og med be den legge til lyssetting, kaste skygge på gulvet og legge til indre skygge for selve produktet

6. Fikse feil Den analyserer vanligvis appen og fikser feil automatisk, du kan også kopiere feilen eller bare ta skjermbilde for å be agenten fikse den

I bloggen nedenfor deler jeg alt du trenger for å gjenskape denne Vision Pro-inspirerte 3D-interaktive nettsiden jeg bygde gratis ved hjelp av @emergentlabs - den eksakte prompten som brukes for å generere denne appen - .gltf 3D Vision Pro med animasjon - hele kildekoden på VSCODE

Hvis du fant dette inspirerende, følg @EHuanglu for å lære AI Og liker og legg ut på nytt for å la flere få vite det 👇