
Three.js, WebGPU et IA : où en est la 3D sur le web ? - FAQ #3
Three.js vit une vraie métamorphose.
WebGPU, TSL, nouvelles possibilités côté performances… en particulier l’IA, qui s’appuie massivement sur Three.js pour générer des expériences 3D.Résultat : les usages explosent et le projet évolue à toute vitesse.
À l’approche de la Three.js Conf Paris, les 10 et 11 septembre, c'est le moment parfait pour faire le point avec des personnes qu’on avait particulièrement envie de réunir !
Pour cet épisode, Camille et Matthieu retrouvent David Ronai, qu’ils connaissent grâce à l’art génératif, organisateur de la Three.js Conf Paris.
Il est accompagné de deux amis : Julian Garnier, créateur d’Anime.js, la librairie avec la plus belle landing page, et Renaud Rohlinger, contributeur de Three.js, qui multiplie les démonstrations impressionnantes d’expériences interactives.
Ensemble, ils parlent de Three.js, WebGPU, TSL, IA, performances, open source et créativité, mais aussi de tout ce que ces évolutions changent dans leur manière de développer.
•• TIMECODES ••
00:00:00 Introduction et présentation des invités
00:03:02 Three.js, c’est quoi — et la première conférence dédiée, à Paris
00:07:39 À quoi ça sert aujourd’hui, et pourquoi les IA en génèrent tout le temps
00:10:46 WebGL vs WebGPU : ce que débloquent les compute shaders
00:15:20 De Flash aux limites du DOM : d’où vient Three.js
00:21:23 13 millions de téléchargements par semaine : l’open source face aux PR générées par IA
00:28:57 TSL : écrire ses shaders en JavaScript plutôt qu’en GLSL
00:38:02 Précompilation : 100 heures d’agents en boucle pour 500 lignes de code
00:41:05 Comment ils travaillent réellement avec l’IA (ce n’est pas du vibe coding)
00:50:07 « Je ne suis plus un expert » : la crise d’identité, et pourquoi c’est une bonne nouvelle
01:03:44 Gaussian Splatting et Nanite : la 3D web se rapproche du natif
01:12:48 Conclusions et conseils à celles et ceux qui débutent
••NOS FORMATIONS••
https://www.humancoders.com/formations
•• GUESTS ••
David Ronai, organisateur de la Three.js Conf Paris
https://www.linkedin.com/in/davidronai/
https://x.com/makio64
https://bsky.app/profile/makio64.bsky.social
https://www.makio.io/
Julian Garnier, créateur d’Anime.js
https://juliangarnier.com/
https://x.com/JulianGarnier
https://bsky.app/profile/julian.gr
Renaud Rohlinger, contributeur de Three.js et cofondateur de utsuboco
https://renaudrohlinger.com/
https://www.linkedin.com/in/renaudrohlinger/
https://x.com/onirenaud
https://bsky.app/profile/renaudrohlinger.com
https://x.com/utsuboco
•• RESSOURCES ••
Three.js
https://threejs.org
Le dépôt GitHub
https://github.com/mrdoob/three.js
Three.js Conf, 10 & 11 septembre, Maison de la Chimie, Paris
https://threejs.paris
Les coulisses du site de la conf (Codrops)
https://tympanus.net/codrops/2026/02/28/when-community-becomes-ui-building-the-website-for-the-first-three-js-conference/
Les speakers de la conf (Codrops)
https://tympanus.net/codrops/2026/07/16/meet-the-speakers-of-the-first-three-js-conference/
TSL, la spécification officielle
https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language
Anime.js, la librairie de Julian
https://animejs.com
React Three Fiber
https://r3f.docs.pmnd.rs/
Spark, le renderer Gaussian Splatting pour Three.js
https://sparkjs.dev
SuperSplat, l’éditeur de splats de PlayCanvas
https://superspl.at/editor
Utsubo, le studio de Renaud
https://utsubo.com
Bruno Simon
https://bruno-simon.com
Three.js Journey, la formation de Bruno Simon
https://threejs-journey.com
Lusion
https://lusion.co
Matt DesLauriers, art génératif
https://mattdesl.com
Więcej odcinków z kanału "Human Coders Podcast"



Nie przegap odcinka z kanału “Human Coders Podcast”! Subskrybuj bezpłatnie w aplikacji GetPodcast.








