The first Processing sketch still uses the original Hiroshi Kawano’s ‘Work 1’ as a starting point (as all other five sketches do). Created the variables RectWidth and RectHeight for controlling the size of the rectangles. Than frameCount () is used to pull the odd rows to the right and the even rows to the left. And frameCount () is also divided by 3 to slow down the animation. I restricted myself from using a lot of programming issues I already know because of practicing reasons. So here is the animation and the in-efficient code if you prefer to see that.
The second animation is using the same code as the previous one. The difference is that it uses frameCount () to pull rows of rectangles upwards and downwards. Using frameCount () in this way it is a one way system variable. You start it and it only stops when you stop the program. When the animation leaves the display it only displays a static image. Everything frameCount () does happens offscreen. And when I am looking at the animation now I think I will change something. I just put the frameRate () to 2 frames per second. By doing that you can see the different color and rectangle compositions better.
The third animation uses ellipses instead of rectangles. The horizontal width of the ellipses is controlled by the CircleDiameter variable. Than frameCount () is divided by 100. This is controlling the width of the ellipse. Its getting smaller in width every frame. And frameCount () is also controlling the diameter of the ellipse in height because it is subtracted from the CircleDiameter variable every frame. Its first going down from 20 to 0 and then it’s entering negative values which pile up until the program is stopped.
Animation number four is almost the same as the previous one. The system variable frameCount () is subtracted from the CircleDiameter variable. This makes all ellipses move to the left until finally just some colored lines are displayed and the animation has disappeared offscreen.
The fifth animation is a combination of rectangles and ellipses. All rectangles are pulled to the right controlled by frameCount (). The width of the ellipses is controlled by frameCount () which is divided by 2.0. This makes them grow very slow to the left. In fact they grow at the same speed on the right but you cannot see that because this happens offscreen.
Animation number six is also a combination of ellipse and rectangles. You might hardly notice that the rectangles are moving. They are moving upward extremely slowly. The motion is controlled by frameCount () which on its turn is divided by a 100. The width of the ellipses are controlled by frameCount which is divided by 2. Sometimes they cannot be seen because the rectangles overlap them. But after a while they re-appear. But at a certain moment they will all live offscreen.