Workshop overview
Processing in context
Workshop format

 

Environment 1
Open, Save
Run
Sketchbook
Exporting

Structure 1
Comments
Statements
Coordinate system (x,y dimensions)

A0: Draw a colored canvas.

Form 1
Point
Line
Rectangle
Ellipse
Curve
Fill
Stroke

A1: Draw five points.
A2: Draw five lines.
A3: Draw two rectangles and one line.
A4: Draw three ellipses.
A5: Draw three curves or beziers.

Data 1 & Calculate 1
Variables
Data types
Arithmetic

A6: Control the position of two lines with one variable.
A7: Control the properties of two shapes with two variables.
A8: Create a simple regular pattern (manually) with six lines.
A9: Program your pattern from B0 using while().

Control 1
Relational operators ( < > <= >= == != )
While
For
Blocks

B0: Make a pattern using a single “for” loop.
B1: Create an intricate pattern using two nested “for” loops.

Structure 2 & Input 1
Setup & Loop
Linear motion
mouseX, mouseY

B2: Draw two visual elements that each move in relation to the mouse in a different way.

Control 2
If
If & else
Logical operators ( && || ! )
mousePressed

Drawing
Buffering & Refreshing
no background
framerate

B3: Create an expressive painting program. The paint style should be different on the top and bottom regions of the canvas.
B4: Create another painting program in which the brush behaves differently depending on whether or not the mouse is pressed.

Calculate 2
mod

C0: Fill the canvas with a regular, repeating pattern that uses the modulo function.

Form 2
beginShape(), endShape() & vertex()
POINTS, LINES, LINE_STRIP, LINE_LOOP
TRIANGLES, QUADS
POLYGON

C1: Using beginShape() and endShape(), create a composition with five or more vertices.
C2: Create an image different from C0, but using the same data.

Structure 3
Functions
void, return

C3: Write a function for drawing triangles and visually demonstrate its flexiblity.
C4: Create another expressive painting program that calls a function with the mouse position.

Input 3
Time
hour()
minute()
second()
millis()

Type
createFont
text

C5: Create an abstract composition using the clock hour, minute, and second inputs.

Transform
Object & Environment coordinates
Translate
Rotate
Scale
Push & Pop

Calculate 2
Degrees & Radians
Sine and Cosine

D0: Re-create exercise A3, using translate(), then make it interactive.
D1: Create an animation or interactive composition using the scale{} and/or rotate() functions to express the idea of “balance.”

Output
saveFrame()
PDF output

E0: Final project: Code / Expression / Fetish. Create a series of print works (at least 3) that illustrate computational concepts you have learned and explored during the workshop. The concepts could include: variables, data types, loops, logic, functions, among others. Think about how you might include the source code itself in your compositions to demonstrate visually how the code actually works. You may choose for your final project to be purely informational in its expression or you may also include your personal, subjective reflections or thoughts on the concepts you've explored in the past few days.

Upload a folder for E0 to the site that contains one image called E0.gif (any size) and a text file called E0.txt with a description of your project.

Review
Questions
Review topics from workshop
Overview of more advanced topics
Examples of computationally-based design and art

E0: Refine your final project.

Presentation and Critique
Guest critiques(?)