Project 3: Drawing in processing

by samscaife on Tuesday 10 January 2012

Learning to draw things in processing that require more detail than a single shape was quite confusing at first. It works on a coordinated system which if you have ever done any html is similar to the way you would position absolute elements.

It works by giving the objects a X and Y value, the top left of the canvas is at point 0,0 and the bottom right if you where working on a 500px square project would be at 500,500 (you can also way "width,height" as that they are read by the computer as the size dimensions of your project).
We where asked to draw a creature in the first lesson which should be in the center of the canvas this meant that we had to figure out how far away certain points where from the center of the project on both the x and y axis which if your not used to doing it is a really odd thing to think about.

here is a still of the creature I made, as you can see its a pirate and that eye patch was rather confusing. you can see the actual project on openprocessing.org.



If your interested this tutorial on processing.org do a good job of explaining the basics, you can also see where the draw a creature came from!

Leave your comment