Three.js en 2026 : Qu'est-ce qui a changé ?

Three.js n'est plus réservé aux sites web sophistiqués.

En 2025-2026, la bibliothèque a franchi un cap : WebGPU est désormais disponible sur tous les navigateurs majeurs, le « vibe coding » a transformé le développement de jeux en phénomène culturel, et Three.js alimente maintenant des applications qui traitent des millions de points de données en temps réel — bien au-delà de ce qu'on attendait d'une bibliothèque JavaScript 3D.

Cet article détaille ce qui a changé, pourquoi c'est important, et ce que cela signifie pour les développeurs et entreprises qui construisent en 3D sur le web.

À qui s'adresse cet article : Développeurs évaluant Three.js pour de nouveaux projets, responsables techniques prenant des décisions technologiques, et toute personne cherchant « quoi de neuf dans Three.js » ou « Three.js dernière version 2025 ».

Points Clés

• WebGPU est maintenant supporté sur TOUS les navigateurs majeurs, y compris Safari sur iOS (septembre 2025). L'attente est terminée.
• Les téléchargements NPM atteignent 2,7 millions par semaine — 270x plus que Babylon.js. Il n'y a plus vraiment de concurrence.
• « Vibe coding » est devenu le Mot de l'Année 2025 du Collins Dictionary. Three.js est la bibliothèque de choix pour le développement de jeux assisté par IA.
• Three.js r171 a rendu WebGPU prêt pour la production avec des imports sans configuration : import { WebGPURenderer } from 'three/webgpu'
• Three.js alimente maintenant des applications riches (pas seulement des sites web) — nous avons aidé une plateforme à atteindre une amélioration de performance de 100x en migrant de WebGL vers WebGPU.
• Les installations physiques utilisent aussi Three.js — y compris notre propre œuvre interactive d'un million de particules à l'Expo 2025 Osaka.

1. Les Chiffres : Three.js Domine le Web 3D

Commençons par les données qui racontent l'histoire :

Téléchargements NPM (Hebdomadaires)

Three.js a 270x plus de téléchargements que Babylon.js et 337x plus que PlayCanvas.

Ce n'est plus une compétition. Three.js est le choix par défaut pour la 3D sur le web.

Pourquoi Cette Domination ?

• Profondeur de l'écosystème : React Three Fiber, Drei, et des centaines d'outils communautaires
• Documentation et exemples : Plus de 300 exemples officiels, d'innombrables tutoriels
• Intégration framework : Support de première classe pour React, Vue, Svelte, et vanilla JS
• Marché de l'emploi : 25% d'augmentation des offres requérant des compétences Three.js/WebGL en 2025

L'effet écosystème s'auto-renforce. Plus de développeurs signifie plus d'outils, plus de tutoriels, plus de réponses Stack Overflow — ce qui attire plus de développeurs.

2. WebGPU : L'Attente Est Terminée

Pendant des années, WebGPU était « presque prêt ». Les développeurs attendaient. Apple résistait. Et WebGL — malgré ses plus de dix ans — restait la seule option viable.

Cela a changé en septembre 2025.

Safari 26 : La Pièce Manquante

Quand Apple a livré le support WebGPU dans Safari 26 (macOS, iOS, iPadOS, et visionOS), le dernier résistant est tombé. WebGPU est maintenant disponible partout :

Pour la première fois, vous pouvez livrer une application WebGPU et vous attendre à ce qu'elle fonctionne pour tous les utilisateurs.

Ce Que WebGPU Change Vraiment

WebGPU n'est pas juste « WebGL en plus récent ». C'est architecturalement différent :

• Compute shaders : Exécutez des calculs GPU généraux — physique, inférence ML, traitement de données
• Meilleure gestion des ressources : Contrôle explicite de la mémoire GPU et de l'état
• Design d'API moderne : Conçu pour le fonctionnement réel des GPU (pas traduit depuis OpenGL)
• Performance : Jusqu'à 10x d'amélioration dans les scénarios lourds en draw calls

Le résultat : des expériences qui étaient auparavant « possibles mais saccadées » deviennent fluides.

Three.js L'a Rendu Facile

L'équipe Three.js n'a pas juste ajouté le support WebGPU — elle l'a rendu transparent.

Chronologie des versions :

Le jalon était r171. Avant cela, utiliser WebGPU nécessitait de la configuration et des contournements d'outils de build. Après r171 :

import { WebGPURenderer } from 'three/webgpu';

C'est tout. Pas de configuration bundler. Pas de polyfills. Ça marche — avec fallback automatique vers WebGL 2 sur les anciens navigateurs.

3. Vibe Coding : Pourquoi Tout le Monde Fait des Jeux avec Three.js

En février 2025, Andrej Karpathy (co-fondateur d'OpenAI, ancien responsable IA chez Tesla) a tweeté sur une nouvelle façon de programmer. Il l'a appelé « vibe coding » — utiliser des outils IA pour générer du code en décrivant ce qu'on veut, plutôt que de l'écrire ligne par ligne.

En décembre, « vibe coding » était nommé Mot de l'Année 2025 du Collins Dictionary.

Pourquoi Three.js Est Devenu La Bibliothèque du Vibe Coding

Three.js s'est révélé parfait pour ce nouveau paradigme :

1. Setup simple : Juste du JavaScript. Pas de serveurs, bases de données, ou outillage complexe.
2. Feedback immédiat : Les changements s'affichent instantanément dans le navigateur.
3. Sortie visuelle : Vous pouvez voir si l'IA a bien compris (ou s'est trompée de façon intéressante).
4. API indulgente : Three.js abstrait la complexité GPU, réduisant les modes d'échec.

Le Vibe Coding Game Jam

En 2025, Pieter Levels a lancé le premier Vibe Coding Game Jam : construire un jeu jouable en moins de 48 heures avec des outils IA.

Les résultats :

• 1 000+ soumissions de jeux
• Jury incluant mrdoob (créateur de Three.js) et Andrej Karpathy
• Premier prix : « The Great Taxi Assignment » — un sim de taxi 3D rétro construit entièrement avec assistance IA

En juillet 2025, le Wall Street Journal rapportait que des ingénieurs professionnels adoptaient le vibe coding pour des projets commerciaux.

Ce Que Cela Signifie

La position de Three.js comme bibliothèque 3D par défaut est maintenant renforcée par les outils IA. Quand quelqu'un demande à Claude ou ChatGPT de « faire un jeu 3D », le code généré utilise Three.js.

4. Au-Delà des Sites Web : Three.js pour Applications Lourdes

Voici quelque chose qui nous a surpris : Three.js + WebGPU est maintenant viable pour des applications qui gèrent des millions de points de données.

Étude de Cas : Segments.ai

Nous avons accompagné la migration de la plateforme de segmentation 3D de Segments.ai de WebGL vers WebGPU.

Ce que fait Segments.ai : Ils fournissent des outils pour labelliser des données de nuages de points LiDAR — critique pour entraîner l'IA de conduite autonome. Les utilisateurs doivent visualiser, naviguer et sélectionner des points dans des datasets contenant des millions de points 3D.

Le défi : WebGL ne suivait pas. Les interactions étaient lentes. Les scènes complexes causaient des chutes de framerate.

Après migration WebGPU :

• Amélioration de performance de 100x sur les opérations lourdes
• Interaction fluide avec des datasets d'un million de points
• Outils de sélection et annotation améliorés

Les améliorations techniques ont contribué à sécuriser des contrats avec des acteurs majeurs de l'industrie de la conduite autonome.

Pourquoi C'est Important

Three.js + WebGPU n'est pas juste pour les sites marketing et configurateurs produit. C'est maintenant capable d'alimenter des outils professionnels où la performance est non-négociable.

5. Au-Delà du Navigateur : Installations Interactives

Three.js ne nécessite pas un onglet de navigateur sur l'ordinateur de quelqu'un. Il tourne partout où JavaScript tourne — y compris sur les grands écrans dans les musées, espaces retail, et lieux publics.

Étude de Cas : Hokusai à l'Expo 2025 Osaka

Nous avons créé « Waves of Connection », une installation interactive à l'Expo 2025 Osaka qui permettait aux visiteurs de contrôler la Grande Vague d'Hokusai avec leur corps.

La configuration technique :

• WebGPU + Three.js pour le rendu
• ~1 million de particules simulées en temps réel
• Caméra de profondeur Kinect pour le tracking corporel multi-personnes
• Écran 4K de 98 pouces pour l'échelle immersive

Pas de casque VR. Pas de manettes. Les visiteurs bougeaient simplement — et la vague répondait.

L'œuvre a fonctionné pendant 7 jours, avec plus de 10 000 interactions. Les enfants retournaient faire la queue. Les adultes qui commençaient hésitants finissaient par agiter les bras en riant.

Ce Que Cela Démontre

Les compétences Three.js se transfèrent au-delà du web. Les mêmes patterns de code, les mêmes systèmes de particules, les mêmes techniques de shader — ils fonctionnent pour les installations physiques, kiosques, affichage digital, et expériences immersives.

6. Et Ensuite ? Tendances à Surveiller

Expansion WebXR

WebXR (le standard pour VR/AR dans les navigateurs) mûrit. Three.js le supporte directement, et à mesure que les casques deviennent plus courants, les expériences immersives en navigateur vont croître.

Assets Générés par IA

Des outils comme NVIDIA GauGAN et Adobe Substance 3D Sampler automatisent la génération de textures et matériaux. Les projets Three.js intégreront de plus en plus des assets générés par IA, réduisant le temps de production.

Compute Shaders pour le ML

Les compute shaders de WebGPU permettent d'exécuter des modèles ML directement sur le GPU dans le navigateur. Des bibliothèques comme Transformers.js exploitent déjà cela. Attendez-vous à ce que les projets Three.js intègrent l'inférence IA locale pour des effets temps réel.

7. À Propos d'Utsubo

Utsubo est un studio créatif interactif spécialisé dans :

• Expériences Web3D : Sites de marque, configurateurs produit, storytelling immersif
• Installations interactives : Musées, retail, événements, espaces publics
• Développement WebGPU : Applications haute performance nécessitant de la 3D temps réel

Nous avons travaillé avec des grandes marques et institutions culturelles. Nos projets ont été reconnus par Awwwards, FWA, et The Webby Awards.

8. Parlons-en

Si vous planifiez un projet Three.js — que ce soit un site web, une application, ou une installation physique — nous offrons une consultation gratuite de 30 minutes pour discuter de vos objectifs et approche technique.

Réserver une consultation de 30 minutes

Nous pouvons vous aider avec :

• Stratégie de migration WebGL vers WebGPU
• Optimisation de performance pour scènes complexes
• Design et développement d'installations interactives
• Expériences web 3D full-stack

FAQs

Quoi de neuf dans Three.js 2025-2026 ?

Le plus grand changement est le support WebGPU prêt pour la production. Depuis r171 (septembre 2025), vous pouvez importer WebGPURenderer sans configuration. Combiné avec l'ajout du support WebGPU par Safari 26, vous pouvez maintenant livrer WebGPU à tous les utilisateurs. Autres améliorations : meilleur support TypeScript, effets de post-processing améliorés, et croissance continue de l'écosystème autour de React Three Fiber.

WebGPU est-il prêt pour la production ?

Oui. Depuis septembre 2025, WebGPU est supporté sur Chrome, Edge, Firefox, et Safari (y compris iOS). Three.js fournit un fallback automatique vers WebGL 2 pour les anciens navigateurs, vous pouvez donc adopter WebGPU sans casser la compatibilité. Commencez les nouveaux projets avec WebGPU ; migrez les projets existants quand les gains de performance justifient l'effort.

Dois-je migrer de WebGL vers WebGPU ?

Cela dépend de votre cas d'usage. Si votre application WebGL actuelle tourne bien et que vous n'atteignez pas les limites de performance, il n'y a pas d'urgence à migrer. Si vous construisez quelque chose de nouveau, commencez avec WebGPU. Si vous atteignez des murs de performance (scènes complexes, nombreux draw calls, calcul lourd), la migration peut apporter des améliorations de 2-10x.

Qu'est-ce que le vibe coding ?

Le vibe coding est une approche de programmation où les développeurs utilisent des assistants IA (comme Claude, ChatGPT, ou Cursor) pour générer du code en décrivant ce qu'ils veulent en langage naturel. Le terme a été inventé par Andrej Karpathy en février 2025 et nommé Mot de l'Année du Collins Dictionary. Three.js est particulièrement populaire pour le vibe coding car il est simple à configurer, fournit un feedback visuel immédiat, et a une documentation extensive sur laquelle les modèles IA sont entraînés.

Three.js peut-il tourner hors d'un navigateur ?

Oui. Three.js tourne partout où JavaScript tourne. Nous l'utilisons pour des installations physiques sur grands écrans, kiosques, et expositions interactives. Le rendu se fait sur une machine locale (pas via un onglet de navigateur), mais le code est du Three.js standard. Cela signifie que les compétences et composants se transfèrent directement entre projets web et installations physiques.

Combien coûte un projet Three.js ?

Les coûts varient largement selon le scope. Un simple configurateur produit peut coûter 12 000–25 000 €. Un site de marque immersif avec plusieurs scènes 3D varie typiquement de 35 000–90 000 €. Les installations interactives pour musées ou événements peuvent aller de 45 000 € à 180 000 €+ selon le hardware, l'échelle, et la personnalisation. Contactez-nous pour discuter de votre projet et obtenir une estimation personnalisée.