Site of the day

Play

A generative 3D art audio reactive script developed with Javascript and HTML5, award winner at thefwa.com as best experiment website.

The Resonance Box Website

The code generates forms and patterns reacting to the frequencies of the music or microphone input and the user's mouse movement using algorithms and functions. Each element in the scene responds dynamically to audio analysis, creating an immersive audiovisual experience that bridges sound and visual art. 

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;
}
Resonance Box

Generative 3D art audio reactive with Javascript and HTML5, developed using the libraries Three.js and Web Audio API, produced by Fabio Luis Amaral. The project explores the boundaries between interactive art and music visualization.

Click here to play with the box

The Resonance Box Soundtrack

Find More About Resonance