Computation08

input 4, motion 1, motion 2

input4_1





input4_2

input4_3

motion1_1






motion1_2





motion1_3






motion2_1






motion2_2motion2_3

Input 4, Motion 1, Motion 2

Input 4

e1:Change the properties of a shape based on the cursor’s distance to its center.

view Input 4 exercise 1

e2:Use the easing equation to create a shape that acts lazy.

view Input 4 exercise 2

e3:Using the techniques introduced in this unit, create three shapes that each follow the mouse in a different way.

view Input 4 exercise 3

Motion 1

e1:Move two shapes continuously, but constrain their positions to the display window.

view Motion 1 exercise 1

e2:Move three shapes on different curves to create a kinetic composition.

view Motion 1 exercise 2

e3:Use the transformation functions to animate a shape.

view Motion 1 exercise 3

Motion 2

e1:Make a shape move with numbers returned from sin() and cos().

view Motion 2 exercise 1

e2:Develop a kinetic composition using the concept of phase shifting.

view Motion 2 exercise 2

e3:Use code 32-06 as a base for creating a more advanced organism.

view Motion 2 exercise 3

Input 4, Motion 1, and Motion 2 Exercises

jkelly_Input4_1.html | jkelly_Input4_1.jar | jkelly_Input4_1.pde

jkelly_Input4_2.html| jkelly_Input4_2.jar | jkelly_Input4_2.pde

jkelly_Input4_3.html | jkelly_Input4_3.jar | jkelly_Input4_3.pde

jkelly_Motion1_1.html | jkelly_Motion1_1.jar | jkelly_Motion1_1.pde

jkelly_Motion1_2.html | jkelly_Motion1_2.jar | jkelly_Motion1_2.pde

jkelly_Motion1_3.html | jkelly_Motion1_3.jar | jkelly_Motion1_3.pde

jkelly_Motion2_1.html | jkelly_Motion2_1.jar | jkelly_Motion2_1.pde

jkelly_Motion2_2.html | jkelly_Motion2_2.jar | jkelly_Motion2_2.pde

jkelly_Motion2_3.html | jkelly_Motion2_3.jar | jkelly_Motion2_3.pde

Homework: 02.22

Input 4: Mouse II

Excercise 1 // Change the properties of a shape based on the cursor's distance to its center.

Excercise 2 // Use the easing equation to create a shape that acts lazy.

Excercise 3 // Using the techniques introduced in this unit, create three shapes that each follow the mouse in a different way.

Motion 1: Lines, Curves

Excercise 1 // Move two shapes continuously, but constrain their positions to th display window.

Excercise 2 // Move three shapes on different curves to create a kinetic composition.

Excercise 3 // Us the transformation functions to animate a shape.

Motion 2: Machine, Organism

Excercise 1 // Make a shape move with numbers returned from sin() and cos().

Excercise 2 // Develop a kinetic cmposition using the concept of phase shifting.

Excercise 3 // Use code 32-06 as a base for creating a more advanced organism.

Homework: 02.15

dance from the World of Warcraft

Guild Wars vs World of Warcraft

World Of Warcraft: Dancing

Guild Wars Vs World of Warcraft Dance Contest

drawing1, input1, input2

drawing1_1

Download indexdrawing1_1.html
Download drawing1_111.jar
Download drawing1_111.pde

drawing1_2
Download indexdrawing1_2.html
Download drawing1_222.jar
Download drawing1_222.pde

drawing1_3
Download indexcmdrawing1_3.html
Download drawing1_333.jar
Download drawing1_333.pde

input1_1

Download indexinput11_11cm.html
Download input11_11.pde
Download input11_11.jar

input1_3

Download indexcminput11_33.html
Download input11_33.pde
Download input11_33.jar

input2_1

input2_2

input2_3

Structure 2, Structure 3

Structure 2

e1: Make a program run at four frames per second and display the current frame count to the console with println().

view Structure 2 exercise 1

e2:Make a program run at four frames per second and display the current frame count to the console with println().

view Structure 2 exercise 2

e3:Utilize noLoop() to make a program run its draw() only one time.

view Structure 2 exercise 3

Structure 3

e1:Write a function to draw a shape to the screen multiple times, each at a different position.

view Structure 3 exercise 1

e2:Extend the function created for exercise 1 by creating more parameters to control additional aspects of its form.

view Structure 3 exercise 2

e3:Write a function to use with a for structure to create a pattern evoking a liquid substance.

view Structure 3 exercise 3

Math 1, Control 1, Control 2

Math 1

e1:Use one variable to set the position and size for three ellipses.

view Math 1 exercise 1

e2:Use multiplication to create a series of lines with increasing space between each.

view Math 1 exercise 2

e3:Explore the functions for constraining numbers. Use min() and max() to draw a regular pattern of lines from a sequence of irregular numbers.

view Math 1 exercise 3

Control 1

e1:Create a few relational expressions and print their evaluation to the console with println().

view Control 1 exercise 1

e2:Create a composition with a series of lines and ellipses. Use an if structure to select which lines of code to run and which to skip.

view Control 1 exercise 2

e3:Add an else to the code from exercise 2 to change which code is run.

view Control 1 exercise 3

Control 2

e1:Draw a regular pattern with fi ve lines. Rewrite the code using a for structure.

view Control 2 exercise 1

e2:Draw a dense pattern by embedding two for structures.

view Control 2 exercise 2

e3:Combine two relational expressions with a logical operator to control the form of a pattern.

view Control 2 exercise 3

Structure 1, Shape 1, Data 1

Structure 1

e1:Write comments in the text area explaining a piece of software you would like to write.

view Structure 1 exercise 1

e2:Write a program to make a 640 * 480 pixel display window with a black background.

view Structure 1 exercise 2

e3:Use print() and println() to write some text to the console.

view Structure 1 exercise 3

Shape 1

e1:Write comments in the text area explaining a piece of software you would like to write.

view Shape 1 exercise 1

e2:Write a program to make a 640 * 480 pixel display window with a black background.

view Shape 1 exercise 2

e3:Create a visual knot using only Bézier curves.

view Shapes 1 exercise 3

Data 1

e1:Think about different types of numbers you use daily. Are they integer or floating-point numbers?

view Data 1 exercise 1

e2:Make a few int and float variables. Try assigning them in different ways. Write the values to the console with println().

view Data 1 exercise 2

e3:Create a composition that scales proportionally with different window sizes. Put different values into size() to test.

view Data 1 exercise 3