Lettres & Chiffres — la typographie qui s'anime en égaliseur
La scène Lettres & Chiffres décompose chaque lettre ou chiffre en 1 120 colonnes d'égaliseur disposées exactement aux positions des pixels qui forment le caractère. La lettre "A" devient un "A" fait de barres qui montent et descendent au rythme de la musique — un égaliseur en forme de lettre géante en 3D.
Comment ça marche
Chaque caractère (A–Z, 0–9) est d'abord dessiné sur un canvas invisible en police monospace 100px. Les pixels remplis sont collectés, puis 1 120 positions X/Z sont distribuées équitablement parmi ces pixels. Des barres BoxGeometry sont placées à ces positions. Chaque barre reçoit une fréquence audio attribuée selon sa position, et s'élève ou s'abaisse en conséquence.
Les caractères défilent automatiquement toutes les 4 secondes, chacun avec sa propre topographie de barres. Un "O" donne un cercle de barres, un "I" une ligne verticale, un "W" un W fait de crêtes qui pulsent. Chaque lettre a sa propre "personnalité" visuelle selon la disposition de ses pixels.
Une sculpture sonore vivante
Vu de face, on lit le caractère clairement. Vu de côté ou de haut, on voit le relief tridimensionnel créé par les différentes amplitudes. La scène tourne lentement, révélant alternativement la lisibilité (face) et la profondeur sculpturale (côté).
Les couleurs des barres évoluent selon leur hauteur : vertes au repos, cyans puis blancs éclatants au pic d'amplitude.
Technologie
Le pixel-sampling est effectué via un OffscreenCanvas (128×128px, police monospace bold 100px). Les pixels avec alpha > 64 sont collectés et PIANO_N_BARS=1120 positions sont distribuées par index modulo. Chaque barre est un Mesh BoxGeometry dont la scaleY = amplitude lissée de la fréquence assignée. La transition entre caractères toutes les _INF_CHAR_DUR=4s repositionne les barres avec interpolation.