E N D
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
Save the file to your computerPut in the My Documents folder
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 Writing pad for your ProcessingCode List of Editing Commands 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_1 Click on the OPEN option
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.