Sound

Launchpad with Javascript

I set out to create a practical and realistic musical launchpad that I could use effectively. My goal was to have a device that was not only functional but also labeled in a way that would make it easy to navigate and adjust the code and sound files as needed.

In order to demonstrate that the machine worked, I spent a considerable amount of time carefully selecting sounds that fit my personal style. I then played these sounds on a DJ mixer (XDJ-RX2) and adjusted the BPM to 125 before recording and exporting the final product. To create a seamless loop, I cut out two bars of music and used Javascript to loop the sound. For one-shot sounds like the Kick and Hi-hat, I manually adjusted the loop rate to match the BPM of the other sounds. Since each sound had a different length, I had to use my ears to make sure that everything matched up correctly.

I'm pleased with the final product and I hope you enjoy it as much as I do!

 

Load Sound

 

Buttons A1 - F6 (1~36)

 

Kick & Hi-Hat (Hand tuned and adjusted rate to match bpm)

 

Music

Screen Shot 2019-11-20 at 2.24.20 PM.png
 

Sample Video