WebGL lab : expérimentations 3D avec React Three Fiber et Blender

Ce que c’est

Un lab personnel et permanent, pas du travail client. Je l’utilise pour explorer la stack 3D du web : Three.js, React Three Fiber et Blender, avec pour objectif de comprendre ce qu’il faut vraiment pour livrer une expérience WebGL ambitieuse qui charge quand même vite.

Ce projet est volontairement secondaire sur ce site. Mon métier est de construire des produits ; c’est ici que j’aiguise le versant visuel de cet artisanat.

Pourquoi s’en donner la peine

Les problèmes d’ingénierie intéressants en WebGL sont les moins glamour :

• Pipeline d’assets : modéliser dans Blender, exporter en glTF, compresser géométrie et textures pour qu’une scène ne coûte pas des mégaoctets
• Budgets de performance : draw calls, instanciation de géométrie et savoir ce que fait réellement le GPU, surtout sur mobile
• Intégration : faire coexister une scène 3D avec une page normale, accessible et rapide, au lieu de la prendre en otage

La même discipline qui rend un dashboard rapide rend une scène 3D rapide ; les outils changent, l’état d’esprit non.

État actuel

Honnêtement : embryonnaire. Le prototype actuel est un setup Vite + React Three Fiber avec des assets Blender maison, utilisé pour apprendre le pipeline de la modélisation au web, de bout en bout.

[TODO : publier l’expérimentation et la lier ici quand elle sera présentable.]

Ce que ça apporte au travail client

Explorer la performance de rendu à ce niveau paie directement dans le travail produit. Les habitudes de profiling, le respect des budgets de frame et l’œil pour le détail du mouvement se transfèrent aux dashboards de gPulse et à l’ingénierie frontend du quotidien.