Resonance
<p>Uma experiência WebGL em tempo real em três cenas — uma paisagem raymarched, um campo de 340 mil partículas e uma nebulosa reativa ao som — cada uma reformando-se periodicamente no wordmark amplified®.</p>
Resonance é uma única experiência GPU com três estados de espírito e um truque recorrente: seja qual for a cena, a geometria junta-se periodicamente no wordmark amplified®, segura por um instante e volta a dispersar-se em movimento.
- Dreamscape — um campo giroide raymarched que se atravessa a voar, iridescente com um brilho laranja no núcleo. O cursor conduz; ele deriva sozinho.
- Field — cerca de 340.000 partículas movidas por fluxo de curl-noise. A cada poucos segundos a tempestade reagrupa-se no wordmark. Passe o rato para atrair, arraste para repelir.
- Nebula — uma nuvem reativa ao som. Um sintetizador interno de cinco faixas generativas (ou o seu microfone) controla o raio, o tamanho e a cor; as batidas fortes fazem piscar o wordmark.
O áudio é sintetizado ao vivo no navegador — osciladores, envelopes, um reverb por convolução e um pequeno sequenciador — por isso não há MP3s para licenciar nem links para apodrecer, e as visuais reagem ao sinal exato que produzimos. Tudo corre na GPU sem etapa de build: Three.js via importmap, GLSL puro, a Web Audio API. Mexa o cursor, troque de cena, ou carregue em AUTO e deixe-a alternar.
Melhor num computador com som ligado. Abra em ecrã inteiro abaixo, ou veja o código.