Processing Workshop

From Noisebridge
(Difference between revisions)
Jump to: navigation, search
(Added location info, added to curriculum, removed open questions, now that schedule and details are mostly set)
(Additional cleanup)
Line 5: Line 5:
 
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.
 
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. Computers will not be provided, so you should probably bring your own laptop to work on, or you could share with someone else.  A wireless card isn't necessary, but may help.  (Processing works on Windows, Mac OS, and Linux, so any kind of computer should work fine.)
+
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.
  
Also, 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.
+
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 24: Line 24:
  
 
Free!
 
Free!
 
== What You Need To Do ==
 
 
* '''[[Special:Emailuser/scmurray|RSVP to Scott]]''' in advance.  He'll send you an email with the location details.
 
* ''Bring your own laptop.''  Computers will not be provided, but we'll have wireless Internet access and lots of power outlets.  You can come without a computer, but you'll probably get more out of it with one.
 
* Consider [http://http://processing.org/ downloading the Processing application] and installing it in advance.
 
 
== 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
 
  
 
== Curriculum ==
 
== Curriculum ==
Line 91: Line 65:
 
* Classes and objects
 
* Classes and objects
  
== Recommended Books ==
+
== What You Need To Do ==
 +
 
 +
* '''[[Special:Emailuser/scmurray|RSVP to Scott]]''' in advance.  He'll send you an email with the location details.
 +
* 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 [http://http://processing.org/ downloading the Processing application] and installing it in advance.
 +
 
 +
== 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://processing.org/learning/books/ Processing: A Programming Handbook for Visual Designers and Artists]''

Revision as of 10:06, 26 August 2008

Scott will be teaching a workshop on Processing, a free, open-source programming environment for artists, designers, and anyone interested in getting the computer to do work for you. RSVPs are required, as space is limited to 15 people.

Contents

Overview

Do you remember the triangular "turtle" from 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

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)

Location

San Francisco, in the Mission District. RSVP to Scott to receive an email with the address.

Cost

Free!

Curriculum

Introduction to Processing

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

Basics

  • 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

Motion

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

Logic

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

Type

  • Loading fonts
  • Displaying text
  • Measuring width & size

Advanced Topics (time permitting)

  • Functions
  • Classes and objects

What You Need To Do

  • RSVP to Scott in advance. He'll send you an email with the location details.
  • 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.

Resources

General Resources

Neat Stuff People Are Doing With Processing

Courses and Workshops

Recommended Books

Expressions of Interest

Add your name to the list here if you'd be interested in participating! Don't worry — we won't hold you to it.

  • Scott Murray (instructor)
  • Mitch Altman (though I'll be out of town all August)
  • Brian Ferrell (I'll bring a webcam to demonstrate video input)
  • Andy (I'll bring a 720p projector)
  • User:BuddhaHacker (Jonas) (not sure where I am)
  • Rachel If we don't have a space by the time you're ready to give this, Scott, I will volunteer my house which is reasonably arranged for such a thing.
  • DavidMolnar (August is not good, but most of the Fall should be fine)
  • User:Daniela Steinsapir I hope to make it
  • User:mtbf0 i want some o' that, but i works most saturdays
  • Audrey
Personal tools