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és00:03:02 Three.js, c’est quoi — et la première conférence dédiée, à Paris00:07:39 À quoi ça sert aujourd’hui, et pourquoi les IA en génèrent tout le temps00:10:46 WebGL vs WebGPU : ce que débloquent les compute shaders00:15:20 De Flash aux limites du DOM : d’où vient Three.js00:21:23 13 millions de téléchargements par semaine : l’open source face aux PR générées par IA00:28:57 TSL : écrire ses shaders en JavaScript plutôt qu’en GLSL00:38:02 Précompilation : 100 heures d’agents en boucle pour 500 lignes de code00: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 nouvelle01:03:44 Gaussian Splatting et Nanite : la 3D web se rapproche du natif01: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 Parishttps://www.linkedin.com/in/davidronai/https://x.com/makio64https://bsky.app/profile/makio64.bsky.socialhttps://www.makio.io/Julian Garnier, créateur d’Anime.jshttps://juliangarnier.com/https://x.com/JulianGarnierhttps://bsky.app/profile/julian.grRenaud Rohlinger, contributeur de Three.js et cofondateur de utsubocohttps://renaudrohlinger.com/https://www.linkedin.com/in/renaudrohlinger/https://x.com/onirenaudhttps://bsky.app/profile/renaudrohlinger.comhttps://x.com/utsuboco•• RESSOURCES ••Three.jshttps://threejs.orgLe dépôt GitHubhttps://github.com/mrdoob/three.jsThree.js Conf, 10 & 11 septembre, Maison de la Chimie, Parishttps://threejs.parisLes 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 officiellehttps://github.com/mrdoob/three.js/wiki/Three.js-Shading-LanguageAnime.js, la librairie de Julianhttps://animejs.comReact Three Fiberhttps://r3f.docs.pmnd.rs/Spark, le renderer Gaussian Splatting pour Three.jshttps://sparkjs.devSuperSplat, l’éditeur de splats de PlayCanvashttps://superspl.at/editorUtsubo, le studio de Renaudhttps://utsubo.comBruno Simonhttps://bruno-simon.comThree.js Journey, la formation de Bruno Simonhttps://threejs-journey.comLusionhttps://lusion.coMatt DesLauriers, art génératifhttps://mattdesl.com
