The code generate forms and patterns reacting to the frequencies of the music or microphone input and the user's mouse movement using algorithms and functions like :
for (var i = 0; i < squares.length; i++) {
squares[i].rotation.z = freq1 / 100 * i + de2ra(45);
squares[i].scale.x = squares[i].scale.y = (freq1/audio) + 0.1;
}
Generative 3D art audio reactive with Javascript and HMT5 developed using the libraries Three JS and Web Audio API produced by Fabio Luis.
Click here to play with the box
html5gamedevelopment.com/resonance-box-chrome-experiment
experiments.withgoogle.com/the-resonance-box
thefwa.com/cases/the-resonance-box
1 - Be on a desktop with latest Chrome
2 - Raise up the volume
3 - Visit duatmusic.com/resonance-box
4 - Be patient …
*The Microphone option needs Chrome. Download it here.