Project 3
Due 8,15 March
EVENT || GAME
Develop an event or game which lasts 10 seconds and explores your personal
fantasy for escape and/or transformation.
This project has three parts:
1. Read/Write
2. Sketch
3. Write one 600 x 600 pixel Processing program
Part 1:
Read Sherry Turkle's
Video Games and Computer Holding Power.
Write 100 words about an idea in Turkle's article you find interesting. Write
an additional 100 words about a personal fantasy for escape or transformation
and how this can be simulated through a 10 second software event or games. Due
8 March. We'll have a brief discussion about the article in class.
Part 2:
Based on your text from Part 1, create 12 sketches (with paper and pencil/pen
or with a computer) for your software. Make one small drawing and a text comment
for each.
Use this PDF as your template. Due 8 March.
Part 3:
Realize your most promising sketch from Part 2. Begin with a screen explaining
the event/game. Click the screen to begin. At the end of 10 seconds, display
a status screen and give the player the option to re-experience the event/game
again. We've provided a template in the "public" folder/directory
to use as a starting point, but you are free to write your own template following
the sequence stated above. Be prepared to show a working prototype of your project
in class Wednesday 13 March, the final is due 15 March.
Parts 1 and 2 are due 8 March. Hand in both on this date. Parts 1 and 2 will
receive a grade 0-5 and Part 3 from 0-20.
Problem Set 5
Due 06 March
EVENTS + RESPONSE
Write one Processing program to complete each problem. All programs must be
300x300 pixels in dimension. For each problem, explore ideas and compositions
on paper or software tools such as Photoshop and Illustrator before beginning
to code. Have a refined idea before beginning to program.
A. Create a black and white abstract image which changes in response to input
from the keyboard. Utilizing the keyPressed() and keyReleased() functions.
B. Give two circles unique personalities through their qualities of response
in relation to the position and state of the mouse. For example, each circle
can respond differently if the mouse is moving quickly or moving slowly, if
the mouse is moving right or left, if the mouse is being pressed for a long
time or quickly with a high frequency, etc. Each circle must be white with a
60 pixel diameter.
C. Utilizing one of the classes for GUI elements in Input 7, make an interface
for navigating through an image or series of images.
This exercise must be turned in through the class website and on paper. At the
beginning of class on the due date, hand in one sheet of paper with a representative
image from each section. The page must contain your name, the date, and the
exercise number.
Before class on the due date, upload the programs to the class server. Each
section will receive a grade from 0-10 where 0 is low and 10 is high.
Required readings:
Input 3, Input 4, Input 5, Input 7. Texts are found in "myClasses/W06-28/public/".
All code samples for these readings are in the same directory
Project 2
Due 27 February
PUPPET || SWARM
This is a most extensive assignment yet.
The expectations are high.
It has three parts:
1. Develop ideas
2. Write one 600 x 600 pixel Processing program to express your idea
3. Refine part 2
You have two choices for the theme of this project: Puppet or Swarm. These terms
have many possible interpretations and you are encouraged to explore them. Select
Puppet as the theme if you're more interested in character animation and psychology.
Select Swarm as the theme if you're more interested in systems and networks.
If you select Puppet, create one class to create one object which responds to
the mouse. If you select Swarm, create one class to create at least twenty objects
which respond to the mouse and also possibly each other and the environment.
We'll look at some examples in class to set the context for each theme.
Part 1:
Create 12 sketches (with paper and pencil/pen or with a computer) for your software.
Make one small drawing and a text comment for each. Next, create three additional
refined drawings for each of your three best ideas.
Use
this PDF as your template. The first page of the PDF is for the refinements
and the second page is for the initial ideas. Therefore, print out the first
page three times and the second page twice.
Part 2:
Design one class which displays, animates, and defines the behavior of your
Puppet or each element in the Swarm. Program your prototype with minimal visual
representation -- focus on the motion and behavior. Display your class outline
table as a comment in the code. Show the fields and data types, the methods
and their return values.
Part 3:
Refine the motion, behavior, and visual qualities of your organism as defined
in Part 2. Carefully select the quality of the appearance and motion to enhance
the mood and behavior of piece.
Part 1 must be turned in as sketches on paper. Parts 2 and 3 must be turned
in through the class website and a 8.5" x 11" page. At the beginning
of class on the due date, hand in one sheet of paper with a representative image.
The page must contain your name, the date, and the exercise number.
You will receive a grade from 0-30 for parts 1, 2, and 3 combined where 0 is
low and 30 is high. The project will be evaluated on the quality of the concept,
the process, and the final result.
Problem Set 4
Due 13 February
BEHAVIOR + OBJECTS
Write one Processing program to complete each problem. All programs must be
300x300 pixels in dimension. For each problem, explore ideas and compositions
on paper or software tools such as Photoshop and Illustrator before beginning
to code.
A. Write your own unique Spot class which has a different behavior than the
one presented in the example. Design a kinetic composition with 90 of your Spots.
Parts B and C are related. The theme is TWINS.
B. Design a class which displays, animates, and defines the behavior of an organism
and how it relates to one other of the same class. Prototype the organism with
minimal visual representation -- focus on the motion and behavior. Display your
class outline table as a comment in the code. Show the fields and data types,
the methods and their return values.
C. Refine the motion, behavior, and visual qualities of your organism as defined
in Part B. Carefully select the quality of the appearance and motion to enhance
the mood and behavior of piece. Should you use images or clean lines? Should
the color palette be muted or bright? Should the object move rhythmically or
stochastically.
This exercise must be turned in through the class website and on paper. At the
beginning of class on the due date, hand in one sheet of paper with a representative
image from each section. The page must contain your name, the date, and the
exercise number.
Before class on the due date, upload the programs to the class server. Each
section will receive a grade from 0-10 where 0 is low and 10 is high.
Required readings:
Simulate 1, Output 1, Structure 4, Image 4. Texts are found in "myClasses/W06-28/public/".
All code samples for these readings are in the same directory
Problem Set 3
Due 06 February
MOTION + ARRAYS
Write one Processing program to complete each problem. All programs must be
300x300 pixels in dimension. For each problem, explore ideas and compositions
on paper or software tools such as Photoshop and Illustrator before beginning
to code.
A. Give three circles extremely unique personalities through their qualities
of motion. Each circle must be white with a 60 pixel diameter.
B. Make a software clock which expresses the continuous (rather than cyclical)
quality of time.
C. Load a sequence of images into an array and use the mouse position to control
the sequence and time of their display.
This exercise must be turned in through the class website and on paper. At the
beginning of class on the due date, hand in one sheet of paper with a representative
image from each section. The page must contain your name, the date, and the
exercise number.
Before class on the due date, upload the programs to the class server. Each
section will receive a grade from 0-10 where 0 is low and 10 is high.
Required readings:
Input 1, Motion 1, Motion 2, Input 2, Data 3, Image 2, Image 3, Typography 2.
Texts are found in "myClasses/W06-28/public/". All code samples for these readings
are in the same directory
Project 1
Due 30 January
CELL - PARAMETERIZED PATTERN
This is a two part assignment:
1. Write one 600 x 600 pixel Processing program to generate a pattern
2. Use this program to make a print
Part 1:
Develop software for creating a parameterized pattern reflecting the theme of
"cell". Use the mouseX and mouseY variables as two parameters to control
the pattern. Start by doing visual research on the theme and then develop your
own interpretation of the materials through visual sketches. Translate your
visual research and development into responsive software where moving the mouse
in the display window produces variations in the pattern. Be prepared to discuss
your idea, sketches, and initial software in class on 25 January.
I've prepared two examples to get you started.
Project1_Example1
Project1_Example2
Project1_Example3
These examples are extremely minimal and don't relate to the theme. They are
provided as examples to clarify "Use the mouseX and mouseY variables as
two parameters to control your pattern".
Part 2:
Making prints required Processing 103. Make sure you are working with Processing
103 before starting on this part of the exercise.
Project1_Example4
Project1_Example5
The quality of the print is important. Make sample prints to check different
line weights and colors. The D|MA Epson 7600 and 9600 printers are capable of
producing exceptional quality. Ensure the quality of your print is excellent
by making tests before the final print. The poster must be 24 inches x 12 inches
and must include 1 9"x9" image and 9 3"x3" images. A template
with exact dimensions is posted online
here.
This exercise must be turned in through the class website, as a poster, and
a 8.5" x 11" small print of the poster. The small print must contain
your name, the date, and the exercise number.
At the beginning of class
on the due date, hand in the small print and have the poster already hanging
neatly on the wall, evenly spaced in relation to the other posters.
You will receive a grade from 0-30 for parts 1 and 2 combined where 0 is low
and 30 is high. The project will be evaluated on how the pattern matches the
theme, the diversity of possible patterns created through changing the parameters,
and the formal aesthetic interest of the final patterns.
Required readings:
Shape 3. The text is found in "myClasses/W06-28/public/". All code samples for
the reading are in the same directory
Problem Set 2
Due 23 January
MEDIA + FUNCTIONS
Write one Processing program to complete each problem. All programs must be
300x300 pixels in dimension. For each problem, explore ideas and compositions
on paper or software tools such as Photoshop and Illustrator before beginning
to code.
A. Use the text() function to draw a word to the screen and use the image()
function to draw an image to the screen. Carefully select the image, word, and
composition and explain your concept as a comment at the top of the code.
B. Create a function for drawing a chair. Use two parameters to change the shape
of the chair. Using your function, draw 9 chairs in the display window in a
regular 3x3 matrix. Use different parameters for each chair drawn to give each
a unique shape.
C. Write a function for filling the screen with a pattern which evokes "water".
Update the function with new parameters twice a second to show the range of
forms possible to create with your function. This exercise will be evaluated
on the quality and diversity of the forms as controlled by the parameters.
This exercise must be turned in through the class website and on paper. At the
beginning of class on the due date, hand in one sheet of paper with a representative
image from each section. The page must contain your name, the date, and the
exercise number.
Before class on the due date, upload the programs to the class server. Each
section will receive a grade from 0-10 where 0 is low and 10 is high.
Required readings:
Math 2, Color 1, Image 1, Typography 1, Data 2, Math 3, Math 4, Structure 2,
Structure 3. Texts are found in "myClasses/W06-28/public/". All code samples
for these readings are in the same directory
Problem Set 1
Due 18 January
FORM + DATA
Write one Processing program to complete each problem. All programs must be
300x300 pixels in dimension. For each problem, explore ideas and compositions
on paper or software tools such as Photoshop and Illustrator before beginning
to code.
A. Draw one white line and one white dot on a black background. Set their relation
between them and the frame intentionally based on an idea. Explain this idea
as a comment at the top of your code.
B. Select and draw an area from Mark Grotjahn's composition Untitled, (Color
Butterfly 10 Wings) containing lines and filled shapes. I suggest downloading
the image and exploring various cropping options before beginning to code. Both
Photoshop and Illustrator are useful tools for selecting colors and determining
angles and coordinates. The image is located
here.
C. Using only grayscale values, develop an abstract pattern reflecting the structure
of one of your favorite songs. Use three or more “for” and “if”
structures. Include comments in your program explaining which song you selected
and how you interpreted its sonic structures into visual patterns.
This exercise must be turned in through the class website and on paper. At the
beginning of class on the due date, hand in one sheet of paper with a representative
image from each section. The page must contain your name, the date, and the
exercise number.
Before class on the due date, upload the programs to the class server. The uploading
procedure will be explained in class 11 January. Each section will receive a
grade from 0-10 where 0 is low and 10 is high.
Required readings:
Structure 1, Shape 1, Data 1, Math 1, Control 1, Control 2, Shape 2, Transform
1, Transform 2. Texts are found in "myClasses/W06-28/public/". All code samples
for these readings are in the same directory
