Processing Workshop

From Noisebridge
(Difference between revisions)
Jump to: navigation, search
(Updated with scheduled date and times)
(Added location info, added to curriculum, removed open questions, now that schedule and details are mostly set)
Line 1: Line 1:
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 work for you.  Right now, he's gauging the level of interest in such a workshop, and working out how to structure itIf this sounds interesting to you, please add your name to the [[#Expressions of Interest]] section, or [[Special:Emailuser/scmurray|contact Scott directly]].
+
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 work for you.  '''RSVPs are required''', as space is limited to 15 people.
 +
 
 +
== 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 onComputers 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.)
 +
 
 +
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.
  
 
== Schedule ==
 
== Schedule ==
Line 5: Line 13:
 
'''Saturday, September 13, 2008 at 2:00 p.m.'''
 
'''Saturday, September 13, 2008 at 2:00 p.m.'''
  
Location still TBD.
+
* '''2:00—4:00''': Direct instruction
 
+
* '''2:00—4:00''': Direct teaching
+
 
* '''4:00—4:15''': Break
 
* '''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)
 
* '''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)
  
== Overview ==
+
== Location ==
  
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.
+
San Francisco, in the Mission District.  '''[[Special:Emailuser/scmurray|RSVP to Scott]]''' to receive an email with the address.
  
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.)
+
== Cost ==
  
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.
+
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 ==
 
== Resources ==
Line 48: Line 60:
 
'''Basics'''
 
'''Basics'''
 
* Opening the application
 
* Opening the application
 +
* How to learn more (see examples)
 
* Counting pixels (the coordinates system)
 
* Counting pixels (the coordinates system)
 
* Basic syntax (how to talk to Processing)
 
* Basic syntax (how to talk to Processing)
Line 61: Line 74:
 
* Translation
 
* Translation
 
* Rotation
 
* Rotation
* ...more...
+
* Compounding translations (pushMatrix & popMatrix)
 
+
'''Open Workshop'''
+
* Less-structured time for you to pursue your own vision, with help from others as-needed
+
 
+
== Materials ==
+
  
* Example code to get you started (provided in class)
+
'''Logic'''
* Recommended books:
+
* If statements
** ''[http://processing.org/learning/books/ Processing: A Programming Handbook for Visual Designers and Artists]''
+
* If/else statements
** ''[http://www.learningprocessing.com/ Learning Processing: A Beginner's Guide to Programming Images, Animation, and Interaction]''
+
* For loops
 +
* Using loops with translation & rotation
  
== Practical Matters ==
+
'''Type'''
 +
* Loading fonts
 +
* Displaying text
 +
* Measuring width & size
  
'''Participants'''
+
'''Advanced Topics''' (time permitting)
* How many are interested?
+
* Functions
* How many can/should we accommodate?
+
* Classes and objects
* Maybe cap participation at 10-20 people max, at least for initial offering?
+
* Will be expected to bring their own computers to work on
+
  
'''Space Needs'''
+
== Recommended Books ==
* Space large enough for 10-20 people, plus projector set up
+
* Chairs and table space for 10-20 people
+
  
'''Technology Needs'''
+
* ''[http://processing.org/learning/books/ Processing: A Programming Handbook for Visual Designers and Artists]''
* AC power, with lots of power strips for participants to plug into
+
* ''[http://www.learningprocessing.com/ Learning Processing: A Beginner's Guide to Programming Images, Animation, and Interaction]''
* Projector and screen (or flat, white wall)
+
* Wireless Internet access
+
  
 
== Expressions of Interest ==
 
== Expressions of Interest ==

Revision as of 09:59, 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. 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.)

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.

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!

What You Need To Do

  • 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 downloading the Processing application and installing it in advance.

Resources

General Resources

Neat Stuff People Are Doing With Processing

Courses and Workshops

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

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