HyperWerk - Processing workshop - January 2004 - Back to index
 
Exercises

Dynamic Form

DF01: Create a composition with 5 lines, 5 rectangles and 3 ellipses. Use only three colors.

DF02: Create a composition with 6 curves.

DF03: Create a composition with 6 ellipses and 3 rectangles. Using alpha to create layered effects.

DF04: Create a pattern using 100 rectangles and 30 ellipses. Use for or while to draw. Use variables to influence the look of the pattern.

DF05: Create a variation on DF04, using random() to distort the pattern. Use a single variable to control the amount of randomness.

DF06: Create an array to store x,y coordinates. Write a method to fill it with data. Use the array in conjunction with beginShape() to draw a shape expressing the concept of "order".


Motion & behavior

MV01: Create a program with setup() and loop(). Define 6 x,y coordinates and use them to draw a shape. Update the coordinates inside loop() so that the shape changes or moves around.

MV02: Create a visualisation of the time using the second(), minute() and hour() methods. Use some of the ways of generating motion that you've just learned.Help: To get values in the range of 0..1, do the following:
   sec=(float)seconds()/60.0f;
   min=(float)minute()/60.0f;
   hr=(float)hour()/24.0f;

MV03: Create a shape. Animate it so that it has one of two appearances: "happy" or "sad". Make it change appearance every 6 seconds. Use both motion and color to communicate the appearance.


Interaction & gesture

IN01: Create two images and load them into Processing. Switch between images when the user clicks the mouse button.

IN02: Use mouseX and mouseY to make an object follow the mouse. Animate the object as it moves.

IN03: Make a program that draws when mousePressed() or mouseDragged() are called. Use keyPressed() to change the look of the drawing style (i.e. shape, stroke weight, color etc.)

IN05: Create a program that allows the user to draw. Use rollover effect to create "buttons" to let the user choose between 3 different colors.

IN06: Create a drawing program with a mind of its own. Let the user draw, but integrate some randomness or transformation of the mouse input so that the result is not just a visualisation of the mouse movement.

 

 

Unfortunately, all exercises done by the students at Hyperwerk were lost in an unlikely series of two hard disk crashes: One on my laptop and one at my web hosting company. As a result I currently have no copies of the work done.

Students

Sebastian Adank
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

Elkana Aron
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07 / ????
MV01 / MV02 / MV03

Samuel Frischknecht
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

Andreas Golinski
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

Simon Hänggi
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07 / ????
MV01 / MV02 / MV03

Sid Iandovka
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01[2] / MV02 / MV03 / ????

Stefan Kümin
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07 / ????
MV01 / MV02 / MV03

 

Thomas Losi
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07 / ????
MV01 / MV02 / MV03

Christian Schneeberger
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

Stefan Schneeberger
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

Renato Soldenhoff
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 [2] / MV03

Luzia Studer
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

Florian Suter
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

Marie Wargnier
DF01 / DF02 / DF03 / DF04 /
DF05 / DF06 / DF07
MV01 / MV02 / MV03

 
HyperWerk, Basel 2004 - Marius Watz
Back to index