Jianhao Ma's IMA Blog

1. Skiing Game I was inspired by those classic 2D skiing and mountain motorcycle games. The player control the balance of the character to ski through the "mountains"(melody wave). 2. Pottery Wave Maker The user make potteries and place them in sequence. The camera or lidar scan the shape of the potteries and make a music based on them. 3. Flies An interactive melody game. Two flies fly side by side simultaneously, each represent a melody that are similar to each other. After listening to the original melody once, the user will be asked to choose which one of the two flies represent the right melody.

A11: Nobody's Fault but Mine Drawing of Melody The Song I picked is Nobody's Fault But Mine by Led Zeppelin. Four different colors represent the four main riffs of this song. The spray paint has nothing to do with melody, I just thought it fits the distortion and drums quite well. Link to the song: https://youtu.be/gqQelCIGYMI Riff 1: 0:00-0:24 Riff 2: 1:08-1:40 RIff 3: 3:00-3:30 Riff 4: 4:06-4:20

A10. Clap Beats Jianhao Ma, Shihao (Tiger) Zhang Links: https://editor.p5js.org/roger1mjh/sketches/rJMbn4UG Video Demo: Inspiration: Originally, we were thinking about using poseNet and camera to make a gesture interactive random beats generator with Markov Chains. However, we thought that almost every IMA student knows how to do gesture control in P5, and we have done similar projects before. Therefore, we switched to sound control. The idea is: the tempo of the beat is determined by the frequency users clap their hands.  Design Decisions: The music style we aimed for is Lo-Fi. At first, I imported 26 tracks of samples and categorized them into five arrays. We tried to incorporate some visual designs like changing colors and shapes based on the last track played and the array it belongs to. Sadly, Shihao was sick when we moved on to that part so we just left it as future works. How does it work? So the core part of the project is to measure the tempo of user...

My Box Sequencer and Circle Visualization A Dumb GIF illustration: I just followed the steps we learned in class and stylized the box sequencer a little bit by shrinking the size, add strokes, and changing colors. Those were the easy part. Then I recalled that Luisa encouraged me to try making a circular sequencer with arc(x,y,w,h,start,stop). I felt confident about it because I've used arc several times in P5. However, when I actually coded it, I found it's more complicated than I thought.  The first difficulty assigning orders. At first the bigger arc overlapped the smaller ones and hided them underneath. I fixed that through changing the w and h from adding up to decreasing down.  The second challenge was the mousePressed function. It's doing not simple math with mouseX, mouseY, and w anymore. In order to make it work, I have to create a class of arcs and assign the arcs that represent each drum note to objects of that class. It's too much labor to do ...

Assignment 7 Music: Dance Yrself Clean - LCD Sound System I remake the drums based on sheet music to begin with. Then I start searching for Electric piano sounds, however, there's no specific sound samples for every key. Therefore I found this bridge on HookTheory: https://www.hooktheory.com/theorytab/view/lcd-soundsystem/dance-yrself-clean So I recorded this bridge and put it in my code to run them in crossrhythm. Here is my final code: https://editor.p5js.org/roger1mjh/sketches/UnIiJikx

Design Ideas for Rhythm Browser Sequencer A web-based sequencer. Each browser window represents a note. By rearranging and resizing these windows, the user can play with the beat they generated. Typos Syncopation Machine Also a web-based interactive player. Inspired by KeyDrummer. It will presents the user a sentence. The player need to blind-type the sentence in the text box. Then it will detect how many typos are there and add syncopation to the music.  Shake Phone Syncopation An interactive app for mobile devices. The player add syncopation to the music by shake their phones. The app will detect the accelerations and directions and add syncopation based on them.

Chapter 2: Rhythm, Loudness, and Harmony Reading Notes: Rhythm: lengths of notes tempo: pace of a piece of music meter: the way in which the pulses or beats are grouped together "perfect fifth": notes that are either seven semitones higher or lower in pitch are considered a perfect fifth notes from the starting note a whole note: standard duration, lasts 4 beats beat: the basic unit of measurement of in a musical piece, tactus Pitch and loudness do not actually exist in the world, they only exist in the mind Key: the tonal context for a piece of music consonance: pleasing sound chords and intervals dissonance: unpleasing ones melodic transposition: playing a song of music in a different key or with different pitches The Gestault School: a group of psychologists who studied people's cognition towards grouped elements as a whole "Grouping" Response: This chapter introduced music terminologies such as rhythm, tempo, meter, etc... and demonst...