Architecture Visuelle
Composants graphiques réactifs
Le visuel est composé de trois couches distinctes synchronisées par l'API Web Audio :
01. Shader Blob
Une sphère déformée par un bruit multi-octaves. Les normales sont déplacées en temps réel selon les basses, médiums et aigus.
02. Cage Adaptative
Structure filaire qui entoure le blob. Elle tourne sur les aigus et se dilate violemment lorsque le blob tente de s'échapper.
03. FX & Particules
Nuage de particules harmonisées. Post-traitement incluant UnrealBloom, décalage RVB (chromatic aberration) et grain analogique.
Contrôles & Paramètres
Prenez le contrôle de la simulation
// UI DISPONIBLE EN SUPERPOSITION
[H] Hide UI // Masquer l'interfaceAudio Input
- Upload MP3 : Jouez vos propres fichiers locaux.
- Microphone : Visualisation en direct de votre voix ou ambiance.
- URL : Support des fichiers distants (CORS requis).
Réglages de Sensibilité
- FFT Size : Précision de l'analyse (128 à 2048).
- Deform Speed : Vitesse d'animation du bruit du shader.
- Bloom : Intensité de l'effet néon.
Limitations techniques
Bon à savoir avant l'utilisation
- Streaming : Spotify/YouTube utilisent des DRM et ne peuvent pas être analysés par l'API Web Audio standard.
- CORS : Les fichiers audio distants doivent avoir les en-têtes
Access-Control-Allow-Origin. - Performance : Si le framerate chute, réduisez la "FFT Size" ou désactivez le Bloom.
Liens & Crédits
Usage personnel ou éducatif uniquement. Respectez les droits d'auteur des fichiers audio utilisés.