Letters & Numbers — typography animated as an equalizer
The Letters & Numbers scene breaks each letter or number down into 1,120 equalizer columns placed exactly at the pixel positions that form the character. The letter "A" becomes an "A" made of bars rising and falling to the rhythm of the music — a giant 3D letter-shaped equalizer.
How it works
Each character (A–Z, 0–9) is first drawn on an invisible canvas in a 100px monospace font. Filled pixels are collected, then 1,120 X/Z positions are distributed evenly among those pixels. BoxGeometry bars are placed at these positions. Each bar is assigned an audio frequency based on its position, and rises or falls accordingly.
Characters scroll automatically every 4 seconds, each with its own bar topography. An "O" produces a circle of bars, an "I" a vertical line, a "W" a W made of pulsing ridges. Each letter has its own visual "personality" based on its pixel layout.
A living sound sculpture
Seen from the front, the character is clearly readable. Seen from the side or above, you see the three-dimensional relief created by varying amplitudes. The scene slowly rotates, alternately revealing legibility (front) and sculptural depth (side).
Bar colors evolve with height: green at rest, then cyan and brilliant white at amplitude peaks.
Technology
Pixel-sampling is performed via an OffscreenCanvas (128×128px, bold monospace font 100px). Pixels with alpha > 64 are collected and PIANO_N_BARS=1,120 positions are distributed by modulo index. Each bar is a BoxGeometry Mesh whose scaleY = smoothed amplitude of the assigned frequency. The transition between characters every _INF_CHAR_DUR=4s repositions the bars with interpolation.