Recitation 6: Processing animation (Katie)

add animation to the picture:

I add keyboard function and the draw function to the picture.

code: 

animation:

homework

scale:

I first writes: d++. In order for it to get smaller, I add a if statement: if d>=400,  d–, . but it turns out to be that the circle only scale once. When it reaches the largest (d=400), it stops there and doesn’t turns smaller.  Rody tells me the situation happens because that when d reaches 400, it tries to get smaller, but once it reaches 399, it will +1 and becomes 400 again. so d is jumping between 399 and 400.

The solution is to define a int variable: 

 

change color:

I first want to use the random function to change the color, but later I notice the colors are changing gradually, so random is not the right choice. As the hint suggest, I changed the color mode to HSB. HSB stands for: Hue, Saturation and Brightness. Knowing this, things become easier. we are not going to change the saturation and brightness, only the hue. So I set the rest of the two to maximum:100 and defined a variable: H, using the same method as the “d” to achieve the final outcome.

keyboard interaction (below), not reach the boarder (above)

the final animation:

list of interesting functions:

void keyPressed() { if (keyCode ==xxx) yyy; }

void draw () { rect (x , y, mousex, mousey);

Leave a Reply