Music Clock — your music becomes a living watch
The Music Clock scene transforms 1,120 equalizer bars into giant digits forming the current time. Every 1.5 seconds, the bars smoothly morph into the next digit of the HH:MM:SS string, synchronized with your device's system clock. The scene is both a music visualizer and a real-time clock — a decorative object as useful as it is hypnotic.
Digit pixel-sampling
Each digit (0–9) and each colon (:) is rendered onto an off-screen 128×128 pixel canvas in bold monospace font at 100 pt. The filled pixels are collected, then 1,120 points are evenly distributed across them. The EQ bars are assigned these coordinates as targets and move toward them via exponential interpolation each frame, producing the characteristic organic transition.
Musical reactivity
Unlike the Letters & Numbers scene which displays random characters, the Music Clock always shows the currently active digit of the current time. Each bar's height is modulated by its own frequency band in the audio spectrum — bars in the low-frequency zone bounce on kicks, treble bars shimmer on cymbals. The rainbow color slowly cycles in phase with the application's global hue.
In the background, a semi-transparent sprite displays the full time HH:MM:SS and the date written out (updated every second), serving as a contextual reference while the bars form one digit at a time.
Technology
128×128px canvas pixel-sampling, bold monospace 100pt font. 1,120 BoxGeometry 0.08×1×0.08 bars. Exponential interpolation toward target: 0.032 lerp per frame. Display slot: Math.floor(Date.now() / 1500) % 8. 512×256px background sprite updated every second (toLocaleTimeString + toLocaleDateString). Notes: 100 orbital sprites reused from scene 9.