Overview
An immersive audio visualiser that transforms music into stunning real-time visual art. Nagahm analyzes audio frequency data and translates it into dynamic particle systems, fluid animations, and color-reactive patterns that dance with the beat. Designed as a concept for entertainment venues, music platforms, and digital experiences where sound meets visual storytelling. The visualiser supports multiple visual modes, from organic jellyfish-like formations to explosive particle bursts and constellation patterns, each responding differently to the bass, mids, and highs of any audio source.
The Challenge
Real-time audio processing is demanding. The system needs to analyze frequency data frame-by-frame and translate it into smooth, organic visual animations without any perceptible delay. The visualisations needed to feel alive and responsive, not mechanical or predictable. Each visual mode required its own particle physics, color dynamics, and motion behavior, all while maintaining consistent 60fps performance. The experience also needed to work on mobile devices, where both processing power and screen real estate are limited, and include a photosensitivity warning for accessible use.
The Solution
Built using the Web Audio API for real-time frequency analysis and Canvas for high-performance rendering. The audio stream is split into frequency bands (bass, mids, highs, and sub-bass) with each band driving different visual parameters: particle size, velocity, color intensity, and spawn rate. Multiple visual modes offer different aesthetics: a teal jellyfish mode with flowing tentacle particles, a pink explosion mode with reactive burst dynamics, a gold ring mode with orbital particle physics, and a constellation mode connecting particles with distance-based lines. Each mode smoothly transitions between states based on audio intensity, creating an experience that feels genuinely synced to the music.
