In this project, the cute little pico is running along the blocks and when I click the mouse on certain area, I created a beat and the path of the running pico shows which part the beat is played. The…
3.4 Interactive Rhythm Study – Smiling Flowers
Smiling Flowers I designed this draft first with the idea that when the rain falls down, if the leaves are blowed just like when the drum is played something will vibrate, the water drops on it will also fall down.…
3.3 Drum Machine Tutorial – Sketches and Response
Make the velocity of the drums random I tried by adding the part below. The link to the sketch. Make a drum machine The values in array are 0 or 1, while 0 represents sound off and…
3.2 Two Sketches of Rhythm Interactives
Flowing Universe This design is based on the idea of the project named Multi Jumping Universe. In this sketch, users will click mouse on the different area and one planet in solar system will appear, which also represent a track…
3.1 Two Sketches of Rhythm Interactives
Below are two beats I made from web interfaces. I found BPM in the Roland 808 and Groove Pizza Interface and this bpm shows the beats per minute set automatically in the web, which can be changed by users. In…
2.3 Feedback For My Peer – Demi Zhou
When I first open Demi’s work, the sketch full of gradient ramp surprised me with minimalist design. As I type some keys, the music played one after another and all these pieces are played in a harmonious way although they…
2.2. First Interactive Study
The basic idea of the design refers from the concept of Chinese ink painting, which uses less color and less lines to generate the feeling of endless mountains and beautiful waterfalls among it. I tried to sketch the feeling in the…
2.1 Interactive Music Piece – first pass
The first design is counting stars: The basic design of the sketch is attached above. The interaction of the music and elements in the sketch is listed below. The left star: User can change the height of the star based…
1.2 Audio-visual instrument – second pass
The link to my p5js sketch is here. Developing from the previous assignment, I revise the rotation part but I still have a question of how to make the track of ellipse rotation visible as a circular ring through the…
1.1 Audio-visual Instrument – first pass
As the guidelines described, I started and finished this table. For the first music piece, I chose the sin() shape in p5js, which may generate dynamic feeling in the sketch. I also integrate rotation in the last piece I chose,…