Resonance
<p>Una experiencia WebGL en tiempo real en tres escenas — un paisaje raymarched, un campo de 340 mil partículas y una nebulosa reactiva al sonido — cada una reformándose periódicamente en el wordmark amplified®.</p>
Resonance es una única experiencia GPU con tres estados de ánimo y un truco recurrente: sea cual sea la escena, la geometría se reúne periódicamente en el wordmark amplified®, aguanta un instante y se dispersa de nuevo en movimiento.
- Dreamscape — un campo giroide raymarched que se atraviesa volando, iridiscente con un brillo naranja en el núcleo. El cursor dirige; deriva por sí solo.
- Field — unas 340.000 partículas movidas por flujo de curl-noise. Cada pocos segundos la tormenta se reensambla en el wordmark. Pasa el ratón para atraer, arrastra para repeler.
- Nebula — una nube reactiva al sonido. Un sintetizador interno de cinco pistas generativas (o tu micrófono) controla el radio, el tamaño y el color; los golpes fuertes hacen destellar el wordmark.
El audio se sintetiza en vivo en el navegador — osciladores, envolventes, una reverb por convolución y un pequeño secuenciador — así que no hay MP3s que licenciar ni enlaces que se pudran, y las visuales reaccionan a la señal exacta que producimos. Todo corre en la GPU sin paso de build: Three.js vía importmap, GLSL puro, la Web Audio API. Mueve el cursor, cambia de escena, o pulsa AUTO y deja que se alterne.
Mejor en un ordenador con sonido. Ábrelo en pantalla completa abajo, o mira el código.