Feature 11 — Three.js 3D

Sculpture
numérique

Un objet 3D rendu en temps réel dans le navigateur via WebGL. Cliquez-glissez pour orienter, molette pour zoomer. Changez la géométrie avec les boutons ci-dessous.

Glisser pour tourner · Molette pour zoomer
60fps
Rendu temps réel
0
Plugin requis
.glb
Format objet 3D

La 3D
dans le browser

Three.js expose l'API WebGL en quelques lignes. On peut créer des scènes avec lumières, matériaux PBR, ombres portées et caméra animée — sans plugin, sur n'importe quel navigateur moderne.

Pour un site produit, on remplace la géométrie générée par un fichier .glb exporté depuis Blender. React Three Fiber permet l'intégration dans Next.js.

Commander une scène 3D →

Note technique

La scène utilise MeshStandardMaterial avec wireframe en surimpression et deux lumières (ambiante + directionnelle). Le drag est géré manuellement via mousedown / mousemove — pas de dépendance OrbitControls. L'inertie est simulée par décroissance exponentielle de la vélocité (vel *= 0.95).