Accueil / Développer avec l’IA
Créer de la 3D web avec l’IADécrire une scène, et la voir apparaître.
Les assistants d’IA savent aujourd’hui écrire du code Three.js, WebGL ou WebGPU à partir d’une description en français. Ce n’est pas magique, mais c’est un changement profond : la 3D web devient accessible à ceux qui savent ce qu’ils veulent, même sans être développeurs.
L’IA écrit le code, vous gardez la direction.
Un assistant comme Claude, ChatGPT ou Gemini ne remplace pas le savoir-faire 3D. Il remplace surtout les heures passées à chercher la bonne syntaxe.
DialoguerOn décrit, l’IA propose
« Ajoute un lac au milieu du terrain » : l’assistant écrit les quelques lignes nécessaires et explique ce qu’il a fait. On ajuste en reformulant.
ItérerOn avance par petites étapes
Une scène se construit demande après demande, en vérifiant à chaque fois le résultat à l’écran. Les grandes demandes d’un coup donnent des résultats fragiles.
VérifierOn vérifie toujours
L’IA se trompe : versions de bibliothèques mélangées, fonctions inventées, performances oubliées. Savoir lire une scène et tester sur un vrai téléphone reste indispensable.
Construisez une scène, demande après demande.
Cliquez sur les demandes dans l’ordre que vous voulez. Chaque clic reproduit une étape réelle d’un dialogue avec une IA, et la scène se construit sous vos yeux.
Vos demandes
Chaque bouton envoie une demande. La réponse de l’IA s’affiche dessous.
Les réponses sont écrites à l’avance pour la démonstration, mais la scène est bien calculée en direct par votre carte graphique.
Quatre étapes qui marchent.
C’est la façon de travailler que j’utilise au quotidien pour mes propres projets 3D.
Fixer le cadre
Dire dès le départ la bibliothèque et sa version (par exemple Three.js r186 avec WebGPURenderer), la cible (ordinateur, téléphone, casque) et le résultat attendu.
Partir d’une base qui tourne
Demander d’abord une scène minimale qui s’affiche : un sol, une caméra, une lumière. On ne construit que sur ce qui fonctionne.
Une demande, une vérification
Ajouter un élément à la fois, regarder le résultat, corriger. Garder une copie de chaque version qui marche.
Mesurer avant de livrer
Demander un compteur d’images par seconde, tester sur un téléphone moyen, réduire ce qui coûte trop. L’IA sait optimiser si on le lui demande.
Ce qui fait une bonne demande.
La qualité du code obtenu dépend surtout de la précision de la demande. Comparez :
« Fais-moi une scène 3D avec des arbres. »
« Avec Three.js r186 et WebGPURenderer, ajoute 80 sapins low poly autour du lac existant, en une seule InstancedMesh, avec des tailles et des teintes légèrement variées. Ne modifie rien d’autre. »
La seconde demande précise la bibliothèque et la version, l’objet, la quantité, la technique attendue et ce qu’il ne faut pas toucher. Elle évite la moitié des allers-retours.
Trois habitudes utiles
- Demander le fichier complet plutôt que des morceaux à coller : moins d’erreurs d’assemblage.
- Joindre une capture d’écran quand le résultat n’est pas celui attendu : les assistants récents la lisent.
- Demander à l’IA d’expliquer en une phrase ce qu’elle a changé : on repère vite les initiatives non souhaitées.
Ce que l’IA fait mal, aujourd’hui.
Les connaître évite de perdre des heures.
Les versions qui se mélangent
Three.js évolue vite. L’IA propose parfois des fonctions disparues ou mélange l’ancien et le nouveau moteur de rendu. Toujours préciser la version.
Les modèles 3D eux-mêmes
L’IA écrit du code, elle ne modélise pas un personnage ou un bâtiment détaillé. Les objets riches viennent d’un logiciel 3D, d’un scan ou d’une bibliothèque de modèles.
La performance réelle
Le code qui marche sur un ordinateur puissant peut saccader sur téléphone. L’IA ne le voit pas : c’est à vous de mesurer. Voir Optimisation.
Créer de la 3D avec l’IA, les questions courantes.
Peut-on vraiment créer une scène 3D sans savoir coder ?
On peut créer une scène simple et fonctionnelle, oui. Pour un projet professionnel, il faut quand même comprendre ce que fait le code, savoir le tester et repérer les erreurs. Ce site est fait pour vous donner ces bases.
Quel assistant d’IA choisir ?
Les grands assistants actuels (Claude, ChatGPT, Gemini) connaissent bien Three.js et WebGL. La différence se fait surtout sur la capacité à gérer de gros fichiers et à suivre des consignes précises. Le mieux est d’essayer sur votre propre projet.
L’IA peut-elle écrire des shaders ?
Oui, et c’est même l’un de ses points forts : décrire un effet (« une eau qui ondule avec des reflets orange au coucher du soleil ») donne souvent un bon point de départ. Voir la page Shaders.
Le code produit par l’IA m’appartient-il ?
En général, les conditions des grands assistants laissent l’usage du résultat à l’utilisateur, mais elles varient selon le service et l’offre. Vérifiez les conditions de celui que vous utilisez, surtout pour un projet commercial.
À lire ensuite.
Parlons de ce que la 3D temps réel peut faire pour vous.
Configurateur, visite, carte interactive, formation en réalité virtuelle : je vous dis franchement si la 3D web est la bonne réponse.