An interactive 3D particle experience built for the Google I/O 2026 “Code the Countdown” challenge. Resonance 8 turns the number 8 into a living visual system using WebGL particle formations, real-time audio reactivity, voice interaction, and camera-based face tracking. Built with React, TypeScript, Vite, Three.js / React Three Fiber, custom shaders, MediaPipe, and AI-assisted interaction logic.
“The design challenge was significant: combine four entirely different signal sources — audio, voice, camera, and physical touch — into one coherent visual world that feels intuitive, not overwhelming. The result is a cinematic number eight that is always alive.”


