Too much tools

Week 5’s homework assignment of the 2D Animation and Interaction Course by Andrew Glassner is to create an interactive animation with multiple objects moving over time. Some notes: Use random numbers to create your objects. Use arrays to hold your random numbers from one frame to the next. Use transformations (rotate (), translate (), and scale ()) and the transform stack (pushMatrix () and popMatrix ()) to draw your objects. Don’t use language elements we haven’t covered yet.

At that moment I thought that I had arrived at a point that I had so much new tools available that I sometimes did not see the possibilities anymore. I mean in week 1 you know what you had (almost nothing). You only could draw lines, ellipses and rectangles. But at this moment I have so much tools that I forget some of them to use. What would be a good way to master them all? Make lots of small programs with lerp? Or with dist? So I never will forget what they do? I asked these questions to Andrew Glassner.

As a starting point for the week 5 assignment I used rectangles which are all different sizes and which were running from left to right. Every rectangle had a different size. And after a few seconds the display was filled with a white background. Not very interesting. But it is a beginning.


I replaced the pure black and white rectangles with rectangles which were filled with random grey tones. They all run at a different speed.


At this stage the animated rectangles are running from left to right. And there are rectangles running from right to left. There is also an improvement in the trails they leave behind. There is a problem with the top row which is not used. Didn’t know what the reason for that was at that moment.


Introduced color in a very harsh way. Just picking randomly RGB numbers and use these numbers as a fill color.


This could be a right one. Make all rectangles just one pixel wide. Could have used lines instead. But if you use rectangles you have the choice. Use lines or rectangles or both.


Here I used rectangles with no fill color. They are different in width though. And by putting a very transparent layer on top of every frame you get these nice trails which fade out like a gradient.


Introduced random colors again. Rectangles are moving still from left to right and from right to left. I thought it was still pretty boring.


Reduced the size of the rectangles. Made the trails longer and introduced an array with a color palette. Colors are being picked randomly from the array. transformed the scene to the middle of the screen as good as possible. Rotated the total scene 45 degrees.


Here I removed all color except for one. Copied the previous scene and rotated it 135 degrees which gives you a cross-wise scene.


This is the same scene as the previous one except for the fact that I decreased the height of the rectangles. They are now 1 pixel in height. Increased the transparency settings.


Made a copy of the previous scene and scaled it to a quad which is centered in the display. In the background is one of the left right, right left rectangles running.


This is my final assignment. Flattened rectangles are now running from the top left corner to the bottom right corner. Also there are flattened rectangles running opposite. The animation shows a quite organic look to it. Kind of mix between water and a field of waving grass. You can choose from 30 different colors which are more or less randomly chosen by you and the program.



Comments? Leave a reply.

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s