General Resources:
- Official downloads, tutorials, and documentation: https://processing.org/
- Official code reference: https://processing.org/reference/
- Buy a book:
- Learning Processing: A Beginner’s Guide to Programming Images, Animation, and Interaction by Daniel Shiffman | http://amzn.com/0123736021
Tutorials & Guides
- A more structured tutorial: https://www.khanacademy.org/computing/computer-programming/programming
- Official Processing Tutorials: https://processing.org/tutorials/
- Short examples of different programs: https://processing.org/examples/
- An interesting reference: http://www.codingforart.com/category/technical/
Cool Examples
Inspiration
- Coding for Art: http://www.codingforart.com/category/designing-with-code/
- Random Numbers: http://natureofcode.com/book/introduction/
- Modeling Nature: http://natureofcode.com/book/
Processing Basics
The following program takes an ellipse and moves it across the screen. Please take a look at it’s overall structure.
- Remember, this process is about collecting and defining what you don’t know. Then making that list smaller.
Examples to Try
- Open the Processing program in class and run an example. See what happens. Ask for help if it doesn’t work.
- Check out this page and/or this video, then start to goof around in processing. Try altering the code they provide and see what happens. Then do Exercise #2 on this page and show your teacher the results
- Review Processing Section 2 (including actively reading and fiddling with code), then exactly copy Example 1 and 2 below. Note: sometimes the browser-embedded processing messes up mouse position.
- Create a character that meets all of the following characteristics: looks awesome, visually responds in some way to the press of a key, visually responds in some way to the click of a mouse, and can print out a greeting to the console (hint). See Example 4 for what I made. Extra karma if you include if statements or variables.
Example 1
Example 2
Example 3
Example 4