Creating an animated application

Last week I tried to draw Escher's drawing by only using 2D primitives. However, I learned more easier way to draw the same thing by using 'void setup() and draw()', variables and etc. 

Step 1

At first, I created variables and drew hexagons and a lizard by using 'vertex'. It was way more easier than I drew it with 2D primitives. I set floating point values as X and Y,  and only thing I did was set different point for X,Y to duplicate object at different position. By using variables and 'pushMatrix() and popMatrix()', I could easily draw the multiple identical objects and change colors, positions, and rotating. Also, I made one of lizards to be controlled by mouse by using mouseX and mouseY. 

Step 2

And then, I copied the code for a lizard, and duplicated a bunch of them and placed different position. And I used random value for changing colors of one of the lizards' eye and several hexagons. Also, I create a randomly jittering lizard at the top.  Another thing that I tried was moving the origin point to rotate one of the lizards and used 'framecount' to keep rotating it.

The next step is...

- Learning how to simplify the code for duplicating multiple object.

- Familiarize with using various variables and controls 

- Learning how to set the rule for more dynamic animation, interaction and etc.