ICM Final Concept

Inspired by that people dance in bars along with music and beats, Yifan and I are considering that if we can control the music and beats by our body language. And this another example of dancing with visual change and music beats. So basically our ICM final is : Dance Movement Tracking & Visual Representation…

ICM v&s

This week’s assignment is about video and sound. And this is my pcomp midterm sketch, I thought it might be interesting that I add a new media to it. I changed the sketch a little : Next step is to add some color from camera. I was inspired by one sketch on the openprocessing web:…

ICM Week6

This week, I used some simple html element to make a interactive page. I create a button, a slider and a place for text input. It’s much easier than I just use p5 javascript to create those interactive things.

ICM Week5

After learning array, I can try a bunch of new effects with only bubbles. This week, I tried a sketch using array and class. And this is what I did this week. This is my code: It looks simple, and that’s why we are using array and class, which would make our code more readable….

ICM Week4

This week, I got to know how to use a function that I create to organize the code. I tried to restructure one of my old sketches, and the code is significantly much cleaner. Specifically,  I created a function to draw a slider. This function includes two parameters: xlo and halfrect, which means the x position…

ICM Week3-2

Another part of the assignment is to change partner’s sketch. This is the original sketch from my partner, Joohyun. I defined a variable pill, which can control if these two pill should be displayed. And I drew a button, when mouse pressed, it can return to these two pills. Besides, I added some randomness to…

ICM Week3-1

This week, I learned how to make a button,  slider, and rollover, which make ICM more interactive. I can kinda imagine using P5.JS to create a page of interface in real. And the second part of this week’s assignment is to read and change partner’s sketch, it is actually an exercise of making our own…

ICM Week 2

This week, I programmed a small game. 1.Draw an orange. Then I decided to add some randomness to the color and the stroke of the orange: 2.Next step: make the orange move. 3.Make a knife 4. What happens when the knife cut the orange. I was considering making the image frozen when the knife cut the…

ICM Week 1.

It’s actually my first time that program with a visible preview window, watching different outcomes in the real-time between two distinct coding expressions. In time feedback enable me of faster self-study and efficient error correction which is helpful for starters to accomplish their work. That being said that computation in these way would be significantly…