Week 3: Random!

Javascript, music, what? This is one of my more challenging classes. From the music theory to the coding, it’s hard to even understand what I find more difficult.

For this week’s assignment we were asked to apply a random process to our notes by using what we learned in class about probability and Markov Chord.  I can definitely see a progression from the previous assignment in terms of my understanding of both the music aspect, and ToneJs/Javascript. I got a little bit more comfortable with my CSS skills, too.

Screen Shot 2016-03-01 at 7.17.12 AM

How it was a made: 

There are three boxes, a black, a pink, and green. The black and green play music when pressed, while the pink is merely apart of the visual. There is also 3 sounds that are playing at random, which were made using Markov Chord. I set the probability of each note for 8 beats and then multiplied that by 8 to make that loop play 64 beats.

Screen Shot 2016-03-01 at 7.26.14 AM

Since I have been only using wav samples, I wanted to try to play something with notes on the synth. I created a div, which is the black button, and when pressed plays plays notes at random using the Markov Chain probability.

Screen Shot 2016-03-01 at 7.33.31 AM

The final part, the green button, when pressed plays 3 other wav samples from the same song I used for the pink button, which is also the same sound I used for my previous work–“Aguas de Marco” by Tom Jobim and Elis Regina.

This one is played similarly to the looped background noise. What is different about this one, is that because the notes are retriggered, the more the button is pressed, the louder the sound gets. This allows for a more unique interactive music experience than my previous work.

Screen Shot 2016-03-01 at 7.37.16 AM

Listen below!

Check out my code!