Processing 101

Processing is an open source programming language and integrated development environment for artists. It's used by artists to create art, visualizations and simulations.

This course serves as an introduction to programming in processing. Focus is on the application than theory. You start with one line of code, then add another line, run it, change it, run it again until you get what you want. Hence it is mostly called sketching than programming. We will use the same process in the course to learn. Focus of the course will be on using Processing to visualize the data.


4 weeks, 4 hours of class each week. 16 hours in total.


Presentation or in class tutorial is available online. The course material can be used for self learning too.



  • Introduction to Processing
  • Installation of runtime and setup
  • Co-ordinate system
  • Points and Lines
  • Circles, spheres and other geometrical shapes
  • Drawing order
  • Colors, Stroke Width and Fill
  • Lets create an Android

M2:Programming with Processing

  • Structure (statements and comments)
  • Operators
  • Variables (primitives)
  • Functions (custom and built-in)
  • Conditional Flows
  • Looping
  • Loop inside a loop
  • Text and Font
  • Mouse Interactions
  • Keyboard Interactions
  • Save (text and image)
  • Lets write a LightRacer game

M3: Advanced Processing-1

  • Arrays
  • Motions
  • Images (load, interact and processing)
  • Libraries

M4:Advanced Processing-2

  • Object oriented programming (classes and objects)
  • Simulations
  • Introduction to 3d

Recommended Reading:

  1. Getting Stared With Processing by Casey Reas, Ben Fry
    Available on Kindle Store and on FlipKart
  2. Visualizing Data by Ben Fry
    Available on Kindle store and on FlipKart


Yet to be decided.


All code examples from the class are available on a public repository.


  1. Computer or Laptop  with at least 1G processor and 512MB RAM. Linux/Windows/MacOS preferred.
  2. Java Runtime or Java SDK
  3. Processing installation
  4. HTML5 capable browser

Important sites:

  1. Processing
  2. Presentation or Tutorial
  3. Processing JS
  4. Code Repository
  5. Every other link at
Do you like this post? Please rate, its just a click :) 1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)