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 OpenProcessing.org. The requirements are to make a self portrait or a monster. Here is the class group.