← All Projects

Waveform Visualizer

Real-time audio visualization using the Web Audio API and WebGL. Frequency data drives a 3D terrain that pulses and flows with the music.

WebAudioWebGLVisualization

How It Works

The Web Audio API's AnalyserNode provides real-time frequency data from any audio source. This project maps frequency bins to the height of a 3D terrain mesh, creating a landscape that dances to the music.

Visual Layers

Three visualization modes:

• Terrain — frequency amplitudes displace a grid mesh vertically
• Particles — bass frequencies spawn and propel particles
• Waveform — the raw time-domain signal drawn as a glowing line

Tech

Built with Three.js for rendering and the Web Audio API for signal processing. Supports microphone input and audio file playback.