— Lab · 2026 · Three.js · WebGL2 · GLSL

Resonance

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.

— Live demo
All lab
Year
2026
Stack
Three.js
WebGL2
GLSL
Web Audio API
Live
Open live demo
Source
GitHub

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.

— Next steps

Tell us what was only ever described.

Start a build

or write to info@amplifiedcreations.com · a senior member of the team answers