Prototype 02 · géométrie procédurale
Deux yeux.
Une seule forme.
Chaque œil est un rectangle long totalement arrondi. La taille et l’inclinaison sont définies localement, puis la rotation de tête déforme réellement le contour sur une sphère 3D avant de le ramener dans le SVG.
Rotation de la tête
Les trois axes utilisent de vraies rotations 3D successives. Le drag de la boule est libre ; les anneaux colorés contraignent X/Y/Z et l’anneau jaune suit la caméra.
Forme commune
Les deux yeux partagent la même capsule de base. On peut l’allonger, l’épaissir, l’écarter et redimensionner tout le regard.
Rotation des yeux
La rotation se fait avant la projection : même inclinée, la capsule épouse ensuite la courbure de la tête.
Inspection
Les guides permettent de voir que le résultat vient de points 3D et non d’une simple transformation CSS du SVG entier.
Presets d’expressions
Chaque preset mémorise la tête, les deux yeux et la perspective. Clique pour l’appliquer ou double-clique pour modifier tous ses paramètres.
Double-clic · modifier le preset
Transition
Le ressort interpole toutes les propriétés simultanément. Une valeur élevée rejoint la cible plus vite tout en conservant un léger amortissement.
États animés
Un état choisit un pool d’expressions, une cadence de changement et une cadence de clignement. Sélectionne un état puis lance-le pour observer la séquence.