Jianhao Ma's IMA Blog

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...

Roundabout by Yes Briefly introduction: This is one of the most iconic song by the prog rock band Yes. The first 50 seconds of the song became a meme music because of it's reference in JoJo's Bizarre Adventure .  https://youtu.be/lvANpEr3XbA Reasons I like it: The bass riff is amazing and catchy The complicated and delicate composition of different instruments give this piece great layering The rhythm is simple and memorable, but presented in a intricate and skillful way I watched so many meme videos of this...

Catalog Of Attributes Andromeda by Gorillaz 130 bpm Sound elements: Mostly Synthesizer(bass, electrical keyboard), male vocals, female vocals Harmony: A Minor Melody: Beats of short and responsive bass, Middle Range covered by male vocal in most of the time, Tremble are mostly electrical keyboard Most of the song is in the same rhythm pattern(130 bpm) directed by bass, the last 30 seconds is half as quick as the rest of the song Overall a dynamic and immersive song with strong rhythm and crowded contents, a decent dance music Concept For an interactive visual design, I was inspired by the Gorillaz's official video of this song on Youtube. It does a fine job creating a steady visual representation that fits the theme and vibe of the piece. My idea is to add a control panel on top of that. There would be three toggle bars, each determines "bass", "vocal", and "electronic", corresponded to bass, midrange, and pitch. By toggling ...