Code of Music A9: Your own drum machine – Alex Wang

Task:

Following the prompts, create your own version of the drum machine.

Final Result:

Youtube demo:

P5 Link: https://editor.p5js.org/alexwang/present/F7PYnW0L

Process:

I took inspiration from the default drum sequencer in the Fruity Loops DAW, where the blocks are divided as sixteenth notes. However, I changed the colors of the blocks to be more visually appealing, and also added some basic animations for highlighting current note. There is a tempo slider with a smooth color fading when clicked and released, as well as labels indicating instruments and time. This is a pretty simple and common design so there is not much to say but I think my twist with the color changes can help users mentally connect the sound they hear with different colors I chose, which is why I decided to use bright exiting colors paired with a dark interface.

Potential Improvements:

I feel like there can be multiple improvements made with this design, mostly with the display of notes. I am working with a smaller canvas compared to a full sized DAW, so it is hard for me to add more instruments or steps as the screen is simply too small to handle so much notes, since I am going as specific as sixteenth notes I do not want to squeeze the notes together or have small and hard to click blocks.

Code of Music A8: Interactive Rhythm Concepts – Alex Wang

Task:

Design: on paper, sketch three ideas for interactives exploring rhythm.

Rough Sketch:

I came up with three ideas all surrounding the idea of representing rhythm visually, which I believe is the best way to explore rhythms interactively.

1. Timeline Representation:

The first idea that I came up with is very cliche, because it is the most obvious when it comes to visualizing rhythm. Many drum sequencers takes this approach in visualizing the timeline of notes being played in order to help the user better understand the rhythm, I would like to add on to this idea by also including shapes, color and animation to further enhance the experience.

2. Geometric Representation

The second idea I came up with is to display rhythm in a more geometrical way, to have corners of shapes match up with the beat of the music(for example a square for quarter notes). The reason why I think this is a good idea is because it can help users understand rhythms in similar ways a drum sequencer does, but this approach is way more superior in complicated rhythms compared to the sequencer. If the user wants to explore with polyrhythms, he can simply apply a square and a triangle to visually see what is happening. Also can be used to explore rhythms thats not present in most music, such as the quintuplet, and feel the relationship of complicated rhythms and simple rhythms.

3. Stack/Queue Representation

Although this approach is fundamentally the same as a timeline, the way of representing it as a stack visually can help the user anticipate whats happening next, differences in block size can also show the relationship between notes. 

Code of Music A7: Drum Beat Re-creation – Alex Wang

Task:

Starting from the class examples, create a drum beat. Suggestion: re-create a beat from the song you posted as rhythmically engaging. It might be helpful to draw it first, and re-create it on an existing drum machine. 

Link to Web Editor:

https://editor.p5js.org/alexwang/present/yOSFMVtk

Process:

The song that I found rhythmically interesting is called Cosmic Homesick, one section of the song had odd time signatures that I believe is 15/4. However, after attempting to re-create the drum beat in a DAW, I realized that the drum beat is organized in groupings of 8/8 and 7/8. 

But as I tried to work with Tone.js, I cant seem to find a good solution to writing this beat in 7/8 without writing lots of messy code so I decided to write the beat with 3 bars of 4/4 and 1 bar of 3/4.

I split my code into 4 different patterns each representing the 4 bars of the beat, and the code will loop through the 4 patterns with no problem.

Code of Music A6: Foot Tapping – Alex Wang

Task:

Read This is your brain on music, chapter 2. Write a short response.

Response:

Chapter 2 of your brain on music mainly discusses the fundamental concepts of what makes up what we consider as music, such as the interpretation of rhythm and pitch. Focusing specifically on how human brains perceive music through a neural science perspective, the reading offered me concepts that was thought provoking.

Being someone who has some instrument background, many of the things discussed in the chapter was very relatable. The idea of having the strong beat shift to the backbeat is what separates modern western music from the rest. The concept was first popularized in jazz music, where people would feel the beat on 2 and 4 as opposed to 1 and 3. Later transforming into rock and rolls back beat snare hits which influenced pretty much all the music we hear today. An interesting observation I had with this phenomenon is that people who were not familiar with jazz, or jazz inspired rhythms has a hard time interpreting rhythm that is focused on the backbeat. I was at a jazz club once, where the musicians tried to get the crowd involved by clapping, the jazz musicians are used to clapping on 2 and 4 but this really confused some of the audiences, who tried to follow along but keeps leaning towards 1 and 3. Just like how the reading talks about how the same music can be interpreted differently due to previous exposures of music.

Another concept I found interesting was the human brains ability to recognize harmonic intervals, but not frequencies. Though only some people have perfect pitch, or the ability to recognize the frequency of sounds, most people are able to tell the difference in harmonic intervals to some extent. The reading used happy birthday as an example, how someone can start on any frequency but still be able to follow along by knowing the relationships between the notes, even moving out of frequencies that western music considers in tune, also known as microtonal. 

The last concept I would like to respond to would be the idea of how neural scientists tries to split music concepts into different categories such as rhythm, harmony, timbre, etc. But it turned out that you should not deconstruct them into individual components, because the relationship between them is very important, the text backs up this point by claiming that “Composers and musicians rarely treat these in total isolation”(76). This seems to be obvious, but I have always overlooked these concept as I just take them to be normal. Having the chance to understand music elements through the perspectives of neural science is very beneficial for me to gain new understandings to music.

Code of Music A5: Piece of Music(Rhythm) – Alex Wang

Task:

find a song that you find rhythmically engaging

Song: 

I decided to choose the same song I used to write my catalogue of attributes assignment, because I find this song to be very rhythmically engaging. This song has been in my playlist for a while, but only after I carefully listened to it for the catalogue of attributes assignment have I realized that this song is actually not in standard 4/4 time signature. The verse is actually constructed with a 15/4 time signature, or depending how different people perceive it, it can also be understood as groupings of 8+7 or 4+4+4+3. The reason why I have not noticed this until just recently is because of the lack of percussive rhythms during the verse, it is also less noticeable because of the placements of chords. Some of the chords were not played on the down beat, but one eight-note before the next bar, making the music flow perfectly even in an odd time signature. Things gets more interesting when an oscillating pad sound was introduced almost as a fx, the sounds volume is controlled by an LFO at the rate of a 3/4 polyrhythm(1:34).