User Tools

Site Tools


oct 5: Introduction to programming with Processing: Processing IDE, drawing with code

Chapters 1 and 2 from the Learning Processing book. Preview at Google Books

Processing IDE

History (DBN), why Processing, comparison to other programs.

Processing is a programming language, development environment, and online community that since 2001 has promoted software literacy within the visual arts. Initially created to serve as a software sketchbook and to teach fundamentals of computer programming within a visual context, Processing quickly developed into a tool for creating finished professional work as well.

from Processing website

Drawing with code

  • cartesian coordinates vs screen coordinates.
  • english language vs code language
  • simple shapes (point, line, rectangle, ellipse)
  • colors (grayscale, RGB, alpha, others)
  • fill(), stroke(), smooth()

Writing code in Processing IDE

  • syntax
  • comment (single line, multilines)
  • default structures/functions: setup() and draw()


Homework for next week

Draw a visual representation of yourself only using code in Processing. Do a greyscale version first, then a second one with colors.

Upload your Processing file/folder below (before Monday Oct 14 23h59):

Name, myProcessingFile

MyName, sketch_oct05b.pde

tao lin tao_portrait_bw_0.pde tao_portrait_color.pde

Camila_Color, sketch_oct11a.pde

Camila_Grayscale, sketch_oct11b.pde

Soramist (B&W sor.pde), (colours sor_colour2.pde)

Erik b&w Erik_b-w erik_homework_b_w.pde

Erik_color erik_homework_b_w.pde

Nirvana nirvana.pde

Yangchen sketch_b_w.pde, sketch_color.pde


Lauren lj_portrait_colour.pdelj_portrait_grey1

Lauren lauren_portrait_colour.pdelauren_portrait_greyscale.pde

Brian brian.pde


courses/2009.10.05.intro_prototyping.txt · Last modified: 2009/10/17 11:31 by