Processing Workshop

What is processing?

“Processing is an open source programming language and environment for people who want to program images, animation, and interactions. It is used by students, artists, designers, researchers, and hobbyists for learning, prototyping, and production…to teach fundamentals of computer programming within a visual context and to serve as a software sketchbook and professional production tool.”(http://www.processing.org, 7/2/2008)

Download processing

• Go to www.processing.org• Click on the link to download

Download the software.Click on the options Windows

Save the file to your computerPut in the My Documents folder

The file will be named processing-1.2.1

Continue

• After the file is saved, click on the option to OPEN the file.

• Once the file is open we need to extract it.• Save the work to the MY DOCUMENTS. The

folder processing-0135 work will be created in MY DOCUMENTS.

Folder processing-1.2.1

This is the processing program.Right click on this file and click on the option to create a shortcut on the desktop

File Open

Run Command

List of Editing Commands

Writing pad for your ProcessingCode

List of Errors

The Environment

• Opening files• Saving files

– Files must be in folders with the same name– Files have an extension PDE

• Drawing (running) the files• Editing the files• Seeing the errors

Opening an Example

• Click on the File Command• Select the option open• Use the browse feature and go to the MY

DOCUMENTS folder. Find the folder processing work. In that folder find the folder HomageToTheSquare_1

HomageToTheSquare_1Click on the OPEN option

Select the file andclick on open

Code for HomageToTheSquare

SIZE command size of the window

FILL Command Red, Green, Blue amounts

RECT Command X position, Y position, width, height

SAVE command

Your First Exercise

• The color for each square is decided by the combination RED, BLUE and GREEN for each square. Value for each color is a number in the range of 0-255.

• Change the values of the colors for the squares by changing the numbers in each fill command.

• Look at your image

More Homage

• HomageToTheSquare_2– Random color and size

• HomageToTheSquare_3– Loops, Random color and size to create 10 images

• HomageToTheSquare_4– Same as 3, but less code using more loops

Pick an Example

• The Processing environment downloaded with a bunch of examples.

• Show me one you like – running.