WebGL et WebGPU, expliqués par la pratique.
Des objets 3D que l’on fait tourner, des scènes que l’on visite, des démos que l’on manipule : tout cela fonctionne déjà dans une simple page web. Ce site explique comment, sans jargon, et montre comment le créer avec l’aide de l’IA.
La 3D n’a plus besoin d’application.
Le visage en haut de cette page, c’est le mien, et ce n’est pas une vidéo. C’est un modèle 3D calculé en direct par la carte graphique de votre appareil, dans votre navigateur. Il suit votre souris, et vous pouvez le faire pivoter du doigt.
Cela repose sur deux technologies standard du web. WebGL, présent dans tous les navigateurs depuis plus de dix ans, et WebGPU, son successeur, plus rapide et capable de calculer bien plus que des images. Aucune extension, aucun téléchargement : un lien suffit.
Ces outils servent déjà à des choses très concrètes : choisir la couleur d’un canapé avant de l’acheter, visiter un logement qui n’est pas encore construit, se repérer dans un parc de loisirs, se former sur une machine sans risque, entrer dans une scène avec un casque de réalité virtuelle.
Treize pages pour comprendre et créer.
Commencez par WebGL et WebGPU pour les bases, ou directement par la page sur l’IA si vous voulez créer votre première scène.
Comprendre
WebGLWebGL
La technologie qui affiche la 3D dans tous les navigateurs depuis 2011.
Lire la page
WebGPUWebGPU
La nouvelle génération : toute la puissance de la carte graphique dans une page.
Lire la page
CompatibilitéCompatibilité
Quel navigateur sait faire quoi, et ce que sait faire le vôtre.
Lire la page
Three.js et TSLThree.js et TSL
La bibliothèque la plus utilisée pour créer de la 3D web, expliquée simplement.
Lire la page
ShadersShaders
Les petits programmes qui donnent sa couleur à chaque pixel.
Lire la page
Lexique de la 3DLexique de la 3D
Les mots de la 3D temps réel, chacun avec une image mentale.
Lire la pageCréer
Développer avec l'IADévelopper avec l'IA
Créer une scène 3D en dialoguant avec une intelligence artificielle.
Lire la page
Que peut-on faire ?Que peut-on faire ?
Configurateurs, cartes, visites, jeux : la 3D web au service de projets concrets.
Lire la page
OptimisationOptimisation
Garder une scène fluide sur tous les appareils, même modestes.
Lire la page
Capturer le réelCapturer le réel
Photogrammétrie, scan 3D et Gaussian splatting : du réel au navigateur.
Lire la page
Unity et le webUnity et le web
Publier un projet Unity dans une page web : quand c'est pertinent, et quand ça ne l'est pas.
Lire la pageImmersif
Une idée, une démo, des sources.
Les sites de référence (MDN, Khronos, W3C) sont précis mais austères. Ici, on les rend accessibles, sans les remplacer.
Une idée simple
Chaque page part d’une question que l’on se pose vraiment : à quoi ça sert, est-ce que ça marche sur mon téléphone, est-ce compliqué ?
Une démo à manipuler
Un explorateur 3D se lance au clic, directement dans la page. Il affiche ce que votre navigateur utilise : WebGPU, ou WebGL en repli.
Des liens pour approfondir
En bas de chaque page, les documentations officielles pour aller plus loin, quand vous serez prêt.
Les questions qu’on me pose le plus.
Quelle différence entre WebGL et WebGPU ?
WebGL affiche de la 3D dans le navigateur depuis 2011 et fonctionne presque partout. WebGPU est son successeur : il suit les interfaces graphiques modernes et sait aussi calculer (physique, particules, intelligence artificielle). Les deux cohabitent ; un site bien conçu utilise WebGPU quand il est là et WebGL sinon. La page WebGPU détaille tout cela.
Faut-il savoir programmer pour créer de la 3D web ?
Moins qu’avant. Les assistants d’IA écrivent aujourd’hui une bonne partie du code, à condition de savoir décrire ce que l’on veut et de vérifier le résultat. C’est l’objet de la page Développer avec l’IA.
La 3D web fonctionne-t-elle sur téléphone ?
Oui, à condition d’alléger la scène : moins de détails, des textures plus légères, des effets adaptés. La page Optimisation montre comment, et la page Compatibilité teste votre appareil.
Qui écrit ce site ?
Marc Williams, artiste 3D et chef de projet depuis 25 ans (animation, réalité virtuelle, moteurs temps réel), créateur de Cartomapix. Ce site partage ce que j’apprends en construisant de vrais projets.
Un autre sujet, une autre démo à manipuler.
Treize pages pour comprendre la 3D temps réel, la créer avec l'IA et voir où elle va : réalité virtuelle, capture du réel, affichages en relief.