Scenifly

Scène Horloge Musicale

3 360 barres EQ forment les 6 chiffres de l'heure en 3D — chaque chiffre a ses propres barres, au rythme de votre musique.

✓ Scène gratuite
▶ Lancer cette scène Voir toutes les scènes

Horloge Musicale — votre musique devient une montre vivante

La scène Horloge Musicale transforme 1 120 barres d'égaliseur en chiffres géants formant l'heure courante. Toutes les 1,5 secondes, les barres se métamorphosent en douceur pour afficher le chiffre suivant de la chaîne HH:MM:SS, en synchronisation avec l'horloge système de votre appareil. La scène est ainsi un visualiseur musical et une horloge en temps réel — un objet décoratif aussi utile qu'hypnotique.

Le pixel-sampling des chiffres

Chaque chiffre (0–9) et chaque deux-points (:) est rendu sur un canvas hors-écran de 128×128 pixels en police monospace grasse à 100 pt. Les pixels remplis sont collectés, puis 1 120 points y sont distribués de manière uniforme. Les barres EQ se voient attribuer ces coordonnées comme cibles et se déplacent vers elles par interpolation exponentielle à chaque frame, ce qui donne la transition organique caractéristique.

La réactivité musicale

Contrairement à la scène Lettres & Chiffres qui affiche des caractères aléatoires, l'Horloge Musicale affiche toujours le chiffre actuellement actif de l'heure courante. La hauteur de chaque barre est modulée par sa bande de fréquence propre dans le spectre audio — les barres en zone basse fréquence rebondissent sur les kicks, les barres aiguës frémissent sur les cymbales. La couleur arc-en-ciel cycle lentement en phase avec la hue globale de l'application.

En arrière-plan, un sprite semi-transparent affiche l'heure complète HH:MM:SS et la date en toutes lettres (mis à jour chaque seconde), servant de repère contextuel pendant que les barres forment un seul chiffre à la fois.

💡 Idéal pour : musique d'ambiance, lo-fi, jazz. Laissez-la tourner en arrière-plan sur un deuxième écran — elle fait office d'horloge décorative interactive qui réagit à votre musique.

Technologie

Canvas pixel-sampling 128×128px, police monospace bold 100pt. 1 120 barres BoxGeometry 0,08×1×0,08. Interpolation exponentielle vers cible : lerp 0,032 par frame. Slot d'affichage : Math.floor(Date.now() / 1500) % 8. Sprite de fond 512×256px mis à jour chaque seconde (toLocaleTimeString + toLocaleDateString). Notes : 100 sprites en orbite réutilisés depuis la scène 9.

Three.js BoxGeometry Canvas Pixel-sampling Interpolation Real-time Clock

Conseils d'utilisation

⏱ Parfaite en fond d'écran ou sur un second moniteur avec de la musique lo-fi ou ambiante. Activez le plein écran (F11) pour en faire une vraie horloge de bureau audiovisuelle. Essayez aussi avec de la techno pour voir les barres rebondir frénétiquement tout en formant des chiffres.
Mandala Rythmique Ville Musicale

Toutes les scènes Scenifly