volledig verbluft door Google Gemini 3 + three.js.. net een interactieve 3D-productapp gemaakt zonder enige codering.. gebruik handgebaren om te draaien, schalen, xyz te bedienen en de verlichting van het 3D-model te regelen AI neemt het over.. accepteer het of niet tutorial met prompts & code hieronder:
1. Ik kan niet geloven dat mensen zonder enige code-ervaring nu met AI een geavanceerde website zoals deze kunnen bouwen. Je kunt chatten (tekst) met de AI-agent om 3D-modellen toe te voegen, functies in te stellen en de UI aan te passen.. dit is gewoon ongelooflijk.. app preview: code&prompts aan het einde
2. converteer 3D-model naar .gltf-formaat het kan alleen dit formaat nu herkennen, je kunt elke 3D-software gebruiken om te converteren, zorg ervoor dat de texturen goed zijn toegepast je kunt hier ook 3D-animaties maken hier is het Vision Pro-model voor jou om te testen:
3. upload gltf 3D-model direct dit deed ik met Gemini 3 pro, maar op , kunnen we het 3D-model direct uploaden in plaats van gebruik te maken van opslag van derden, wat veel handiger is.
4. functies toevoegen ik vroeg het om schuifregelaars toe te voegen zodat ik de x-, y- en z-posities van het 3D-model kan bedienen, ze deden het in een paar seconden en het werkt perfect.
5. creëer een 3D-omgeving jij kunt een vaste 3D-wereld voor jouw product creëren, en zelfs vragen om verlichting toe te voegen, schaduw op de vloer te werpen en een binnenste schaduw voor het product zelf toe te voegen
6. fouten oplossen het analyseert meestal de app en lost automatisch fouten op, je kunt ook de fout kopiëren of gewoon een screenshot maken om de agent te vragen het op te lossen
In de onderstaande blog deel ik alles wat je nodig hebt om deze Vision Pro-stijl 3D interactieve website die ik gratis heb gebouwd met @emergentlabs opnieuw te creëren. - de exacte prompt die is gebruikt om deze app te genereren - de .gltf 3D vision pro met animatie - de volledige broncode op VSCODE
als je dit inspirerend vond, volg @EHuanglu om meer te leren over AI en like & repost om meer mensen te laten weten 👇
el.cine
el.cine12 jan, 23:09
volledig verbluft door Google Gemini 3 + three.js.. net een interactieve 3D-productapp gemaakt zonder enige codering.. gebruik handgebaren om te draaien, schalen, xyz te bedienen en de verlichting van het 3D-model te regelen AI neemt het over.. accepteer het of niet tutorial met prompts & code hieronder:
54