Scenifly

Scène Snake Bar Graph

Un égaliseur en serpentin 3D : les fréquences audio défilent comme une vague sur une grille de barres.

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

Snake Bar Graph — l'égaliseur qui serpente

Le Snake Bar Graph dispose des colonnes d'un égaliseur audio sur une grille 3D en serpentin : les barres s'enchaînent en rangées alternées (gauche→droite, puis droite→gauche), comme un serpent qui traverse la grille. Le temps défile, et chaque nouveau "snapshot" du spectre audio pousse les précédents vers l'arrière, créant un relief historique du son.

Ce que vous voyez

Une grille de barres bleues lumineuses occupe tout le champ de vision. Chaque barre représente une bande de fréquences : sa hauteur correspond à l'amplitude à cet instant. La rangée la plus proche (avant-plan) est toujours la plus récente. En regardant vers le fond, on lit l'histoire des quelques secondes précédentes — une sorte de "montagne sonore" en mouvement.

Soixante-dix petits cubes blancs dansent en orbite autour de la grille, rebondissant et virevoltant selon l'énergie globale de la musique, ajoutant de la vie à la périphérie de la scène.

Lecture du temps et des fréquences

La grille crée un repère spatio-temporel unique : l'axe gauche–droite représente le spectre de fréquences (basses à gauche, aigus à droite), et l'axe avant–arrière représente le temps. Un beat puissant crée une crête visible qui s'éloigne progressivement vers le fond de la grille au fil des secondes.

💡 Idéal pour : musique rythmée avec des beats marqués (hip-hop, EDM, rock). Les crêtes de basses créent des reliefs spectaculaires qui défilent comme des vagues.

Technologie

Grille de barres BoxGeometry organisée en serpentin (rangées alternées) avec SNAKE_ROWS × SNAKE_COLS instances. Le buffer circulaire snakeBuffer stocke les frames FFT précédentes pour l'affichage historique. Les cubes dansants ont chacun une position angulaire et un rayon orbital propres, mis à jour via trigonométrie à chaque frame.

Three.js BoxGeometry Grille serpentin Phong shading FFT

Conseils d'utilisation

🖥️ Appuyez sur F11 pour le plein écran. Reculez mentalement et regardez la grille dans sa globalité — vous verrez les formes d'ondes se dessiner en 3D.
Sphère Pulsante Terrain EQ

Toutes les scènes Scenifly