Difference between revisions of "Processing Workshop"

From Noisebridge
Jump to: navigation, search
(12 intermediate revisions by 11 users not shown)
Line 3: Line 3:
[[Image:Ascii_photo_5452.png|thumb|ASCII video image made with Processing]]
[[Image:Ascii_photo_5452.png|thumb|ASCII video image made with Processing]]
Scott will be teaching a workshop on [http://processing.org Processing], a free, open-source programming environment for artists, designers, and anyone interested in getting the computer to do interesting things.  '''RSVPs are required''', as space is limited to 15 people. See [[#What You Need To Do]] to participate.
Scott led a [[Processing]] workshop on September 13th, 2008. See [[Processing Workshop Report]] for a summary.
== Overview ==
Do you remember the triangular "turtle" from [http://en.wikipedia.org/wiki/Logo_%28programming_language%29 Logo]?  "Pen down, move forward, turn right..."  It was an early, easy way to tell a computer how to draw something on the screen.  Processing is just like a modern, really buff version of that turtle.  Think of it as being like Flash, only less flashy.  If you've ever had a vision of something you wish you could make on a computer screen, you can probably make it in Processing.  Well, maybe.  This workshop will get you started, anyway, even if you've never typed a line of programming code in your life.
This workshop is intended as an introduction for complete beginners.  No programming is experience necessary, although you should be generally familiar with how to use your computer, download files, install programs, and so on.
While the emphasis of this workshop will be on visual expressions of code, the concepts learned here can be extended to get Processing to generate audio, talk to microcontrollers (e.g. Arduino boards, MAKE boards, OSC devices), and generally interface with all kinds of other neat stuff.
== Schedule ==
== Schedule ==
Line 83: Line 75:
* Consider [http://processing.org/ downloading the Processing application] and installing it in advance.
* Consider [http://processing.org/ downloading the Processing application] and installing it in advance.
* [[Special:Emailuser/scmurray|Let me know]] if you won't be able to make it, so someone else can have your slot.
* [[Special:Emailuser/scmurray|Let me know]] if you won't be able to make it, so someone else can have your slot.
== Resources ==
'''General Resources'''
* [http://processing.org Processing.org]
* [http://processing.org/learning/ Processing.org Learning Resources]
'''Neat Stuff People Are Doing With Processing'''
* [http://www.processingblogs.org Processing Blogs]
* [http://www.vimeo.com/tag:processing Videos on Vimeo]
* [http://www.flight404.com/blog/ Flight 404]
'''Courses and Workshops'''
* [http://www.shiffman.net/teaching/workshop/ Processing Workshop] — taught by Dan Shiffman
* [http://people.csail.mit.edu/bmcutler/gaudi/assignment1.html Programming in Processing] — class assignment
* [http://labs.noisepages.com/2008/04/06/massaging-media-processing-workshop/ Code Examples] — by Peter Kirn
* [http://www.shiffman.net/teaching/a2z/ Programming from A to Z] — more advanced programming beyond Processing
'''Recommended Books'''
* ''[http://processing.org/learning/books/ Processing: A Programming Handbook for Visual Designers and Artists]''
* ''[http://www.learningprocessing.com/ Learning Processing: A Beginner's Guide to Programming Images, Animation, and Interaction]''
== Expressions of Interest ==
== Expressions of Interest ==
Line 126: Line 93:
* [[User:Mediapathic|Steen]]
* [[User:Mediapathic|Steen]]
* LeahCooper - cooper.leah@gmail.com
* LeahCooper - cooper.leah@gmail.com
* [[user:Kripto|MarkC]]
[[Category:Programming languages]]

Latest revision as of 07:22, 10 July 2019

Rotating triangles made with Processing
Spheres made with Processing
ASCII video image made with Processing

Scott led a Processing workshop on September 13th, 2008. See Processing Workshop Report for a summary.


Saturday, September 13, 2008 at 2:00 p.m.

  • 2:00—4:00: Direct instruction
  • 4:00—4:15: Break
  • 4:15—6:30: Open workshop (optional—free time to hang out and work on your projects with the benefit of some one-on-one guidance)


San Francisco, in the Mission District.




We will cover as many of these items as possible.

Introduction to Processing

  • What is Processing?
  • What can you do with it?
  • Examples/demos


  • Opening the application
  • How to learn more (see examples)
  • Counting pixels (the coordinates system)
  • Basic syntax (how to talk to Processing)
  • Drawing a line
  • Drawing a box
  • Making it bigger
  • Changing the color
  • Variables


  • setup() and draw()
  • Mouse input
  • Translation
  • Rotation
  • Compounding translations (pushMatrix & popMatrix)


  • If statements
  • If/else statements
  • For loops
  • Using loops with translation & rotation


  • Loading fonts
  • Displaying text
  • Measuring width & size

More Advanced Topics

  • Functions
  • Classes and objects
  • Libraries
  • Video input
  • PDF output

What You Need To Do[edit]

The workshop is full! Contact Scott to be added to the waiting list.

For those who have already RSVPed:

  • Bring a laptop (recommended). Computers will not be provided, but we'll have wireless Internet access and lots of power outlets. Processing works on Windows, Mac OS, and Linux, so any kind of computer should work fine.
  • Consider downloading the Processing application and installing it in advance.
  • Let me know if you won't be able to make it, so someone else can have your slot.

Expressions of Interest[edit]

Add your name to the list here if you're interested in participating, and be sure to review #What You Need To Do above.