DSTP · Étude 01
Optique · 50 mm T1.4 WebGL temps réel initialisation

Étude d'optique · temps réel

Un objet ne se raconte pas d'un bloc. Il se décompose.

Un objectif de cinéma, reconstruit couche par couche. Chaque élément est une pièce usinée : bougez la souris, puis laissez le défilement démonter l'assemblage.

défilez pour décomposer
01 / 07 — Élément frontal
01 — Principe

Sept groupes optiques, un seul axe.

Le fût, les verres, l'iris et la monture sont montés sur un axe unique. C'est cette contrainte qui rend la décomposition lisible : tout s'écarte dans la même direction.

02 — Matière

De l'aluminium anodisé, du verre traité.

Chaque matériau réagit à la lumière qu'on lui donne. Le métal capte une arête, le verre renvoie une teinte : c'est ce contraste qui donne l'impression de tenir un objet réel.

03 — Mécanique

Onze lamelles font une ouverture.

L'iris n'est pas un trou : c'est un mécanisme. Les lamelles pivotent ensemble, et c'est ce mouvement — pas un effet — qui rend la scène crédible.

04 — Retour

Et l'assemblage se refait.

Le remontage est aussi important que l'explosion : il referme l'histoire et laisse un objet complet à l'écran, prêt à tourner.

Ce que vous venez de voir.

Aucune image, aucun modèle acheté : l'objectif que vous avez manipulé est généré par le code, dans votre navigateur, image par image.

Le fût est une courbe tournée autour d'un axe, les verres sont des sections optiques réelles, l'iris est un ensemble de onze pièces articulées, et les gravures sont dessinées puis plaquées sur le métal.

Pourquoi c'est rare : la plupart des sites de ce niveau achètent un modèle 3D et le font tourner. Ici, tout est paramétrable — une couleur, une matière, une proportion se changent en une ligne, sans repartir de zéro.

Fiche technique

  • ObjetObjectif cinéma — 50 mm T1.4, procédural
  • RenduWebGL temps réel · WebGL2, tampon ACES Filmic
  • Groupes optiques7 · dont 4 verres traités
  • MécanismeIris 11 lamelles articulées
  • InteractionsSouris (inclinaison, parallaxe) + défilement (décomposition)
  • AdaptationsMobile allégé · mouvement réduit figé · replis image et sans JavaScript
  • PoidsAucun asset 3D · aucune bibliothèque d'animation

Votre produit mérite sa décomposition.

Cette étude est une démonstration. Le même procédé s'applique à votre objet : monture, flacon, machine, instrument — assemblé, expliqué, remonté.

Parlons-en →