Processing Workshop

Back to Teaching

Useful links:

  • download processing
  • processing language reference
  • introductory lessons and examples
  • advanced lessons and examples
  • processing blogs

    • Part I: The Basics

  • shape, color,variation, selection, iteration
  • Exercise — Step 1: create a static screen drawing using simple shapes. Step 2: Use variables to keep track of the parameters in your design (color, size, location, etc.) Step 3 — develop an algorithm for changing those values according to some automatic process, interactivity with the mouse, etc.
  • Examples: partI.zip

    • Part II: Object Orientation

  • functions and objects
  • arrays of objects
  • Exercise — Step 1: Recreate your exercise from Part I with a function. Step 2: Recreate your exercise from Part I in an object oriented manner. Step 3: Create an array of objects and duplicate your design multiple times.
  • Examples: partII.zip

    • Part III: Image Processing

  • PImage, pixels
  • live video
  • Exercise — Create a system for drawing shapes to the screen. Turn your design into a “mirror” by coloring the shapes according to pixels from an image or live video stream.
  • Examples: partIII.zip

    • Bonus: Data Visualization

  • Examples: data.zip

    • 5 Responses to “Processing Workshop”  

    Feed for this Entry Trackback Address
    1. 1 freehand » Processing Pingback on Jun 4th, 2006 at 10:03 am
    2. 2 Le blog de multimedialab.be » Archive du blog » Processing : liens utiles Pingback on Mar 28th, 2007 at 8:07 pm
    3. 3 I am an artist » Processing Tutorials Pingback on Apr 13th, 2007 at 12:18 am
    4. 4 Avignon Pingback on Oct 9th, 2007 at 11:01 pm
    5. 5 Tims Blog » Blog Archive » I understand Pingback on Sep 17th, 2008 at 3:52 pm

    Leave a Reply