Brian Ho

Creative Technologist - Front End Developer

Synth Wave

Project Components:

Art Direction | 3D Graphics | Web
Development | Animation | Audio Analytics

Synth Wave was an experimental foray into generative audio visualizations. It combines WebGL Shaders with Three.js to create an immersive audio visual experience that allows users to tweak the imagery to suit their mood. Users are invited to upload their own audio files or experience the visualizer with default songs.

Visit Site

Tech Stacks:

Three.js | WebGL | HTML | JS

We wrote our own beat detection algorithm and synced the frequencies found in the audio with different aspects of the visualizer. The visualizer itself is made up of two main components, a wireframe sphere mesh and a smaller point cloud sphere mesh within. Each sphere runs with custom shaders that implement different visualization algorithms to create a constant ebb and flow of dynamic contrast.