Sunday, September 4, 2011

Processing Class 1: Hello World!

Let me start off by saying I am super excited to teach you all Processing. I have been wanting to teach Processing to a group for awhile now and I am finally getting the chance. That said, lets get to it.

Getting Started:
What is Processing? Processing is an environment for programming graphics that was designed to be friendly to non programmers, yet still offer power to advanced users. It was originally created by Ben Fry and Casey Reas but has been contributed to by hundreds of users world wide. Under the hood, Processing is based on Java and any Java code can be implemented along with Processing code. In fact, Processing handles wrapping a ton of Java to make it super easy for you to get up and running without a lot of hassle. For this reason Processing files are called sketches, to relay the ideology of a quick coding attempt at a problem or idea. Don't let the term sketch fool you, a Processing sketch can be a full fledged application written in thousands of lines of code, but it can also only be one line.

What are we going to cover today:
Get to know the Processing Website and all it has to offer.

After we review the website we will get to know the Processing development environment. This is where you will create your Processing sketches.

Then we will get our hands wet with Processing by going over the examples that I have loaded to your Documents/Processing/Class_1 folder.

These images correspond to the sketches that we will be reviewing. The orange notes were included using illustrator and will not reflect in the sketch when you run it.

  1. background(0);
  2. ellipse(250, 250, 200, 200);
  3. rect(200, 200, 100, 100);

  1. point(50, 50);
  2. line(100, 50, 200, 50);
  3. curve(200, 50, 300, 50, 450, 100, 450, 300);
  4. rect(50, 100, 200, 300);
  5. ellipse(350, 150, 100, 100);
  6. triangle(300, 400, 300, 250, 450, 325);
  7. quad(38, 431, 486, 420, 469, 463, 30, 476);

  1. white/black
  2. black/white
  3. none/black
  4. red/none
  5. green/red
  6. blue/green
  7. olive/mint green
  8. brown/white
  9. khaki/orange

  1. strokeWeight(0.1);
  2. strokeWeight(5);
  3. strokeWeight(20);
  4. strokeJoin(MITER);
  5. strokeJoin(BEVEL);
  6. strokeJoin(ROUND);
  7. strokeCap(SQUARE);
  8. strokeCap(PROJECT);
  9. strokeCap(ROUND);

For further learning I highly recommend the book that was written by the creators, Processing: A Programming Handbook for Visual Designers and Artists.

For homework, please post at least one sketch to the class group on The requirements are to make a self portrait or a monster. Here is the class group.

1 comment:

  1. I have been a herpes carrier for 2 years and I tried every possible means of curing but all of no useful until I saw a health promotion on a herbalist from West Africa who prepares herbal medicines to cure all sorts of diseases including #HSV and many others sickness but look at me today am very much happy and healthy, I'm telling you today don't lose hope keep trying God is with you, If you needs Dr.Chala help contact him on his email or you can visit his website on or