Este proyecto es una experiencia audiovisual interactiva desarrollada con Three.js, que combina elementos visuales reactivos al audio con una atmósfera onírica y mística.
-
Visualiza una esfera central con textura del planeta Tierra que pulsa al ritmo del audio.
-
Rodeada por anillos de estrellas 3D que reaccionan a las frecuencias graves, medias y agudas.
-
Añade un anillo de texto animado que gira alrededor de la esfera, con el siguiente mensaje:
"Engánchate a los bises de las nuevas estrellas, de las nuevas estrellas místicas de la música, de las nuevas estrellas místicas del pop en español, de las nuevas estrellas místicas del pop en español" – Estrellas Místicas, Triangulo de Amor Bizarro
-
Utiliza el micrófono en vivo para analizar frecuencias en tiempo real.
-
Incorpora efectos visuales como glow, bloom y niebla para un look etéreo y líquido.
- Three.js
- OrbitControls
- EffectComposer + UnrealBloomPass
- FontLoader + TextGeometry
- Audio API (
getUserMedia,AnalyserNode)
- Abre
index.htmlen un navegador compatible (como Chrome). - Permite el uso del micrófono.
- Disfruta la visualización mientras suena tu entorno.
- Usar audífonos con micrófono para mayor fidelidad.
- Experimentar con diferentes sonidos: beats, voz, ruido ambiental.
- Puedes modificar el texto del anillo desde el código en la variable
message.
- Animar cada letra del anillo con pulsaciones o rotaciones independientes.
- Añadir partículas flotantes con efecto tornasol.
- Integrar soporte para música cargada por el usuario (.mp3, .wav).
Diseñado con amor y código por un humano + IA en sesión creativa de vibecoding ✨