PUBLIC MARKS from sbrothier with tags WebGL & animation

Today I’ve faced a rather difficult problem to solve. Creating model in Blender, animating it with armature and exporting the animation to THREE.js (r56) JSON format.

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.