This project was created for my Online Computer Arts course, with the intention of programming a looping electronic instrument similar to a pad MIDI controller.
I wanted to explore creating a website that implemented audio-reactive shaders, dynamic audio control, and ethereal aesthetics. It consists of five instruments (from left to right): bass, trilling synth, supporting synth, melodic synth, and drums. Each “instrument” element controls a different aspect of the ever-changing background, allowing the user to experiment with the audio visualization by activating each button individually or simultaneously.
To test it, simply click on the image buttons. For the best experience, expand the page to full-screen mode by clicking the second button at the bottom left of the window.
I wanted to explore creating a website that implemented audio-reactive shaders, dynamic audio control, and ethereal aesthetics. It consists of five instruments (from left to right): bass, trilling synth, supporting synth, melodic synth, and drums. Each “instrument” element controls a different aspect of the ever-changing background, allowing the user to experiment with the audio visualization by activating each button individually or simultaneously.
To test it, simply click on the image buttons. For the best experience, expand the page to full-screen mode by clicking the second button at the bottom left of the window.