PUBLIC MARKS from sbrothier with tags music & WebGL

ThreeAudio helps you create music visualizations in Three.js, by exposing audio data in GLSL shaders. It can be used directly with Three.js or as a tQuery plug-in.

There are a few different ways to sync visuals to music: Manual – live controlling visuals with keyboard or midi controls. Sequencing – pre-analyzing the music and scripting an animation as a list of timecoded events. Midi Input –  if you have access to the music’s midi data, this can be a great way to drive visuals. Audio Reactive - code driven visuals that automatically adapt to a live audio input. Here I want to talk about the last method. This can be useful for “Hands Free VJing”, allowing you to sit back and have the visuals automatically sync, or in a video game where you want some part of the visuals to react to the soundtrack.

Art by Code