Human Coders Podcast podkast

Three.js, WebGPU et IA : où en est la 3D sur le web ? - FAQ #3

0:00
1:21:30
Do tyłu o 15 sekund
Do przodu o 15 sekund

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"