Resonance
<p>A real-time WebGL experience in three scenes — a raymarched dreamscape, a 340k-particle field, and an audio-reactive nebula — each of which periodically reforms into the amplified® wordmark.</p>
Resonance is a single GPU experience with three moods, and one recurring trick: no matter which scene you're in, the geometry periodically gathers itself into the amplified® wordmark, holds for a breath, then scatters back into motion.
- Dreamscape — a raymarched gyroid field you fly through, iridescent with an orange core bloom. Your cursor steers; it drifts on its own.
- Field — around 340,000 particles driven by curl-noise flow. Every few seconds the storm reassembles into the wordmark. Hover to attract, drag to repel.
- Nebula — an audio-reactive cloud. A built-in synth of five generative tracks (or your microphone) drives its radius, size and colour; strong beats flash the wordmark.
The audio is synthesised live in the browser — oscillators, envelopes, a convolver reverb and a small step sequencer — so there are no MP3s to license or links to rot, and the visuals react to the exact signal we produce. Everything runs on the GPU with no build step: Three.js via importmap, raw GLSL, the Web Audio API. Move your cursor, switch scenes, or hit AUTO and let it cycle.
Best on a desktop with sound on. Open it fullscreen below, or grab the source.