WebGL Particle Audio Visualizer Experiment

This Particle Audio Visualizer is a HTML5 WebGL experiment that generates animations based on sound. The visualizer uses the WebAudio API to listen to sound via your device’s microphone.

Based on the sound it collects, the WebGL object will morph its geometry and release particle effects. It releases different colors based on the sound.

In this visualizer, you can adjust the audio grain and pulse. You also have the option to show or hide the pre-loaded HDR image.

Test the experiment here.

Webgl-Particle-Audio-Visualizer

 


You might also find this interesting:


  1. Interactive Noise Particle System This is a cool and creative interactive noise-generated particle system created using three.js and WebGL. The first particle mode reacts to the movements of the user’s input direction and will move with the...

  2. Rough Drawing Effect WebGL Experiment Rough Drawing Effect is an experiment in Three.js and WebGL that features multi-colored 3D shapes dancing around a colored background. Its author was inspired by another WebGL experiment called Polygon...

  3. WebGL Particle Morph A neat interactive WebGL demo of flying particles morphing into a few various shapes Share List...

  4. Chrome Experiment: WebGL Bookcase While not a Game, this Chrome Experiment shows a gorgeous smooth-scrolling interface that is actually *gasp* kinda useful, the sort of thing we hope to see more and more of...

  5. WebGL FBO Particle System See your 3D objects as a cloud of particles in this new WebGL experience called Point Cloud Sandbox. Just specify the number of particles (between 10,000 to 2 million), upload...

, , ,
HTML5 Demos, WebGL-1