Real-Time Procedural Music Visualizer in WebGL

This small project implements a neon-themed music visualizer of the song Infinity by Coldplay using noise functions. There are three spheres that are displaced using fractal brownian motion (FBM) with different amplitudes and frequencies. All three spheres are rendered with lines for composing visual complexity. Bloom effect is implemented as post processing for the glow-look. Finally, the audio is loaded using WebAudio API, and the audio spectrum is used to drive the amplitude of the noise.

Check it out live!