Shader Park

Audio-reactive shader experiments and creative WebGL coding with JavaScript + GLSL.

Shader Park is a collection of audio-reactive visual experiments built with raw WebGL and GLSL shaders. Each piece responds to audio input in real-time — frequencies drive colour shifts, waveforms deform geometry, and beat detection triggers transitions. It's creative coding at the intersection of music and visual art, pushing the boundaries of what's possible in the browser.

Contact

JavaScript + GLSL Shaders

Audio-Reactive Visual Experiments.

Real-time shader programs that respond to audio frequency data, creating generative visuals that evolve with the music. Built from scratch with WebGL and custom GLSL fragment shaders.

Shader Park audio-reactive WebGL shader experiments by Aidxn Design.

Project Overview

Turning sound into visual computation.

Each shader in the collection takes a different approach to audio visualisation. Some use FFT frequency data to drive colour palettes through smooth gradient functions. Others feed waveform amplitude into vertex displacement, creating organic geometry that breathes with the music. The more experimental pieces use beat detection algorithms to trigger state changes — swapping between entirely different visual programs on each drop. Everything runs at 60fps on modern hardware thanks to careful shader optimisation and efficient uniform passing. The project demonstrates mastery of the WebGL pipeline, from raw buffer management to custom GLSL math functions for noise, SDF operations, and procedural texturing.

Shader Park showing real-time audio-reactive GLSL shader visuals.

Shader Park creative WebGL coding experiments with JavaScript and GLSL.