Resonance

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.