https://editor.p5js.org/yz10444/full/1eiX-fqTn
As Christmas approaches, I want to create a music interactive project by customizing a Xmas card. Among all the projects introduced in class, I particularly like the Yume website because all the elements can be interacted with to control the music, and the overall atmosphere is very immersive and harmonious.
Another project that interests me is this touch pianist. I had intended to recreate it before but didn't get around to it. In this device, users can freely strike the keys to drive the progression of the melody, just like a pianist, even though he may not actually play the piano. In this final project, I finally got the chance to implement this function!
reference website：
Touch Pianist - Tap in Rhythm and Perform Your Favourite Music
p5.js Web Editor | week4 drum machine
I choose A major for this piano piece. Because I think the key of A major is a bright and warm tonality, I can easily associate it with a snowy winter day. Then I converted the midi file into a json file.
The beat sound resources: Xmas related sound I found online
.png)
