Task:
Create a Melody Sequencer. You can start from our drum machine, replace its players with a Sampler , and set each track to play a different pitch.
Final Result:
https://editor.p5js.org/alexwang/present/MrhvnpUOj
Process:
I started with my drum sequencer code, which was very unfortunately coded with different loops for each instrument: kick, snare, hats. I rewrote the code so that it now supports any amount of instruments, and replaced the drum kit with a sampler.
Design:
I used a very simple but good color theme of light blue and black, other features includes a tempo slider and number grid for subdivision. I originally chose 12 available notes on the canvas because there are 12 notes in an octave, but I later decided to replace the chromatic with a major scale because it is easier to make pleasing melodies on a major scale as opposed to a chromatic. However, I did keep the 12 x 16 grid size simply because it seems to fit the screen well.