Author: Bi

Link to P5

Inspiration and concept:

Composing music by making notes on the stave.

How a traditional stave can be transformed to be an art piece?

Video Demo 1 & Video Demo 2

Music and design decisions:

Shapes and colors.

Abandon the horizontal lines.

How it works:

Melody Sequencer:

1)”Tone.Sampler” for scale.

2) Change style for each pitch

User control:

1) Change “steps” value and draw dots accordingly.

2) “Tone.Transport.bpm.value = speed” for speed control

3) Keypressed to change instrument and reset.

Challenges and future work:

Change steps control is the most struggling part.

For futer work, I am thinking about allowing users to control different instruments at the same time to form a band.

Link: https://editor.p5js.org/candy/present/uV1knYWsp

I took this assignment of melody sequencer not only as a chance to explore melody but also a chance to play with different visual representations. Simple but effective basic shapes are often my first choices. In this assignment, I assigned each note a different shape, either rect or ellipse while still using the same format of a traditional drum pad. A line is drawn to tell the position the melody is at. For now, the only slider control is the speed of how fast the melody plays. Many other controls such as looping numbers, colors, are wanted for future development.

The melody visualization of “Sunset Avenue”, Liang bo is dependent on the main vocal and instruments that stand out most to me. Each line is drew while listening in Adobe illustrator according to pitch and how liangbo deal with each note. Each purple dot is appoximately a drum beat. I chose the yellow color and add the yellow glow to imitate the feelings the music piece conveyed to me. I like very much the emotions within the music and the whole free and easy atmosphere.