Take your creature and re-write it so it is centered at the origin. We are going to do this in two parts.
Get some graph paper and draw out a simple creature using the usual basic shapes: ellipse, rectangle, and line. In the past when you did this, you presumed the origin was the upper left corner of the page. This time, I want you to put a dot in the middle of your graph paper. That dot is your (0,0) point. Center your creature on that point. When you write code to draw your creature in Part 2 (below), you will draw all of your coordinates related to that center (0,0) point.
Now you take the creature you drew in part 1 and write code to draw it on screen. As in the examples, add a push() and pop() function and start using the translate(…) to position your creature somewhere on screen. For example,
Why translate? You are writing your creature so its coordinates are all around the origin which will put most of it off screen since the screen origin is the upper left corner of the screen. Translate will shift the coordinate space to wherever x,y is given. Thus you will be able to see it.
Write code to take your creature on paper in Part 1 and put it on screen.
Name your sketch: CreatureAtOrigin
(Note: Do not decide to spend time converting your creature to use beginShape()/endShape(). There will be time for things like that in future activities.)
Go Back to Moving Shapes 1