totalement impressionné par Google Gemini 3 + three.js.. je viens de générer une application interactive de produit 3D sans aucune programmation.. utilisez des gestes de la main pour faire pivoter, redimensionner, contrôler xyz et l'éclairage du modèle 3D L'IA prend le contrôle.. l'acceptez-vous ou non tutoriel avec des invites et du code ci-dessous :

1. Je n'arrive pas à croire que des personnes sans aucune expérience en code puissent maintenant créer un site web avancé comme celui-ci avec l'IA. Vous pouvez discuter (texte) avec un agent IA pour ajouter des modèles 3D, des fonctions et ajuster l'interface utilisateur... c'est au-delà de l'incroyable.. aperçu de l'application : code et invites à la fin

2. convertir le modèle 3D au format .gltf il ne peut reconnaître que ce format maintenant, vous pouvez utiliser n'importe quel logiciel 3D pour convertir, assurez-vous que les textures sont correctement appliquées vous pouvez également créer des animations 3D ici voici le modèle Vision Pro pour que vous puissiez tester :

3. téléchargez le modèle 3D gltf directement J'ai fait cela avec Gemini 3 pro, mais sur , cela nous permet de télécharger le modèle 3D directement au lieu d'utiliser un stockage tiers, ce qui est beaucoup plus pratique

4. ajouter des fonctions j'ai demandé d'ajouter des curseurs pour contrôler les positions x, y, z du modèle 3D, ils l'ont fait en quelques secondes et cela fonctionne parfaitement bien..

5. créer un environnement 3D vous pouvez créer un monde 3D fixe pour votre produit, et même lui demander d'ajouter de l'éclairage, de projeter une ombre sur le sol et d'ajouter une ombre intérieure pour le produit lui-même

6. corriger les bugs il analyse généralement l'application et corrige les bugs automatiquement, vous pouvez également copier l'erreur ou simplement faire une capture d'écran pour demander à l'agent de corriger

Dans le blog ci-dessous, je partage tout ce dont vous avez besoin pour recréer ce site web interactif 3D de style Vision Pro que j'ai construit gratuitement en utilisant @emergentlabs - le prompt exact utilisé pour générer cette application - le modèle 3D .gltf de vision pro avec animation - le code source complet sur VSCODE

si cela vous a inspiré, suivez @EHuanglu pour apprendre l'IA et aimez & repostez pour faire savoir à plus de gens 👇