The more musically inclined among you may have noticed that the 6 Music festival took place in Bristol a few weeks ago.
To coincide with it, a 3 hour hack night was hosted at @bristol with a theme of, I’ll give you 1 guess, music. So myself and Stuart, another developer here who happens to have a music related degree (always handy) finished work and headed to Bristol.
Myself, Stu and his designer friend had worked out our idea beforehand. The basic concept was a group of coloured circles and a ‘stage’ on a webpage. Each circle would represent a sound and by dragging a sound onto our stage the sound would begin. The sounds themselves were created by Stu’s friend, and were designed to work well together, regardless of which order they began to play (I’m told by ensuring they were in the same key).
So with that in mind we started out. Stu primarily worked on the dragging, his friend on the design with me concentrated on getting the audio to play and linking the interaction Stu was creating to the sounds. So, the three of us beavered away for 2 ½ hours before we took stock of where we were. We were 90% of the way to our minimum goal, great news. So we finished up our individual tasks and then with literally seconds to spare we linked everything together…
… and it worked!
The finished result can be seen here: http://issunboshi.github.io/6music-hack/ (you’ll need a fast connection due to the size of the MP3).
Although we managed to finish it on the night, we have plans to improve it in a few ways. The main targets are to allow the dragging the circles onto a vinyl which rotates, allow the user to remove sounds and to make the circles pulse based on the waveform of the sounds.
We’re even discussing running our own hack nights in Bath. Watch this space.