Resonance 8
A live real-time 3D WebGL experience — thousands of particles reacting to sound, voice, face, and touch to form a cinematic number eight. Built for the Google I/O 2026 challenge.
Resonance 8 is a real-time immersive particle experience: thousands of magnetic particles morph between 8+ formations (sphere, galaxy, DNA helix, vortex, grid, heart...) around a persistent cinematic number eight. A custom GPGPU physics engine with hand-written WebGL shaders, live audio FFT analysis, MediaPipe camera face tracking, and a Gemini-powered conversational AI assistant with TTS voice. A creative-technical showcase built for the Google I/O 2026 "Code the Countdown" challenge, running entirely in-browser.
Inside the platform
The Challenge
Building a creative-technical experience that balances generative 3D art, AI interaction, live audio analysis, and computer vision — all running smoothly in-browser without compromising performance.
The Solution
A custom particle engine with React Three Fiber and WebGL GPGPU shaders, a Gemini-powered AI layer, live FFT audio analysis, and MediaPipe face tracking — every signal (sound, voice, presence, touch) shifts particle behavior in real time.
Business Value
Living proof of BAGBACKs engineering and creative depth — complex interactive UI, AI, and real-time 3D graphics in one visually striking project.
Tech Stack
Want something similar for your project?
Start Free Audit