BioV - User contributions [en]

Serena Hillman

2009-12-16T06:34:22Z

Shillman: /* Final Project */

== Assignment #1 ==
*[http://serenasafemode.com/iat800/A1_01/applet/ Assignment #1-01] Draw three lines.
*[http://serenasafemode.com/iat800/A1_02/applet/ Assignment #1-02] Draw five lines.
*[http://serenasafemode.com/iat800/A1_03/applet/ Assignment #1-03] Draw three ellipses.
*[http://serenasafemode.com/iat800/A1_04/applet/ Assignment #1-04] Control the position of two lines with one variable.
*[http://serenasafemode.com/iat800/A1_05/applet/ Assignment #1-05] Control the position and size of two lines with two variables.
*[http://serenasafemode.com/iat800/A1_06/applet/ Assignment #1-06] Control the properties of two shapes with two variables.
*[http://serenasafemode.com/iat800/A1_07/applet/ Assignment #1-07] Create a simple, regular pattern with six lines.
*[http://serenasafemode.com/iat800/A1_08/applet/ Assignment #1-08] Program your pattern from Assignment 1-07 using while().
*[http://serenasafemode.com/iat800/A1_09/applet/ Assignment #1-09] Draw a layered form with two new loops.
*[http://serenasafemode.com/iat800/A1_10/applet/ Assignment #1-10] Redo Assignment 1-05 using mouseX and mouseY as the variables.
*[http://serenasafemode.com/iat800/A1_11/applet/ Assignment #1-11] Draw two visual elements that each move in relation to the mouse in a different way.
*[http://serenasafemode.com/iat800/A1_12/applet/ Assignment #1-12] Draw three visual elements that each move in relation to the mouse in a different way.
*[http://serenasafemode.com/iat800/A1_13/applet/ Assignment #1-13] Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
*[http://serenasafemode.com/iat800/A1_14/applet/ Assignment #1-14] Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.
*[http://serenasafemode.com/iat800/A1_15/applet/ Assignment #1-15] Using if and else, make the mouse perform different actions when in different parts of the window.
*[http://serenasafemode.com/iat800/A1_16/applet/ Assignment #1-16] Develop a kinetic image which responds to the mouse.

== Project #1 ==
*[http://www.serenasafemode.com/iat800/a2/project_1/applet/ Project #1] Build a cool clock

== Assignment #2 ==

*[http://serenasafemode.com/iat800/A2_01/applet/ Assignment #2-01] Using beginShape() and endShape(), create a composition with five or more vertices.
*[http://serenasafemode.com/iat800/A2_02/applet/ Assignment #2-02] Using beginShape() and endShape(), create a composition with ten or more vertices.
*[http://serenasafemode.com/iat800/A2_03/applet/ Assignment #2-03] Create an image different from A2-02, but using the same vertex data.
*[http://serenasafemode.com/iat800/A2_04/applet/ Assignment #2-04] Write a function with one parameter and demonstrate it visually.
*[http://serenasafemode.com/iat800/A2_05/applet/ Assignment #2-05] Write a function for drawing triangles and visually demonstrate its flexibility.
*[http://serenasafemode.com/iat800/A2_06/applet/ Assignment #2-06] Write a function with three or more parameters and visually demonstrate its flexibility.
*[http://serenasafemode.com/iat800/A2_07/applet/ Assignment #2-07] Create a dynamic animation using the cos() function as a generator for motion.
*[http://serenasafemode.com/iat800/A2_08/applet/ Assignment #2-08] Create a dynamic animation using the cos() and sin() function as a generator for motion.
*[http://serenasafemode.com/iat800/A2_09/applet/ Assignment #2-09] Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.
*[http://serenasafemode.com/iat800/A2_10/applet/ Assignment #2-10] Create an event that begins when the mouse is pressed and ends when the mouse is released.
*[http://serenasafemode.com/iat800/A2_11/applet/ Assignment #2-11] Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
*[http://serenasafemode.com/iat800/A2_12/applet/ Assignment #2-12] Create a button that changes the color of the background when it is clicked.
*[http://serenasafemode.com/iat800/A2_13/applet/ Assignment #2-13] Program your moving elements from A2-09 but use classes to represent the two visual elements.
*[http://serenasafemode.com/iat800/A2_14/applet/ Assignment #2-14] Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.

== Project #2 ==

'''Part 1:''' ''Describe in a paragraph what your editor will accomplish by the due date. Due: Tuesday, October 13. If the Prof thinks it is too much or too little, we will rapidly negotiate a level of work that is appropriate to your current skills.''

I will build a picture manipulation tool. This tool will let users apply different filters to a picture. It will also allow them to change the saturation and tint levels.

'''Part 2:''' [http://serenasafemode.com/iat800/project__2/applet/ Project #2]

== Assignment #3 ==

[http://serenasafemode.com/iat800/assignment_3/applet/ Part #1]
Create a subclass of PImage that implements a mosaic( int blockSize ) method.
The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate->Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.

[http://serenasafemode.com/iat800/assignment_3_part2/applet/ Part #2]
Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).

== Assignment #4 ==

[http://serenasafemode.com/iat800/assignment_4/applet/ Assignment #4] The assignment is to take your Project 2 and add controls that enable the user to make a setting and use that setting while drawing.

== Final Project ==

[http://serenasafemode.com/iat800/ Applet] In this project, you will build something of interest to you using the Processing system. The project consists of two parts, with weekly status updates until classes end.

Paper - A significant part of this project is a paper you will write describing the work you have done, plus any technical details you think might be unique and interesting to the reader. The paper will outline the intellectual ideas supporting the work, the technical points of the work, and an analysis of how the work relates to the field. The paper should be 4 pages, single spaced, double column.

[http://usabilitydefender.com/smhillman-iat800-finalproject.pdf Final Paper]

[http://usabilitydefender.com Final Project]

Serena Hillman

2009-12-16T06:34:11Z

Shillman: /* Final Project */

Serena Hillman

2009-12-10T08:34:56Z

Shillman: /* Final Project */

2009-11-12T05:13:11Z

Shillman: /* Assignment #4 */

Serena Hillman

2009-11-12T05:12:29Z

Shillman: /* Assignment #3 */

== Assignment #1 ==
*[http://serenasafemode.com/iat800/A1_01/applet/ Assignment #1-01] Draw three lines.
*[http://serenasafemode.com/iat800/A1_02/applet/ Assignment #1-02] Draw five lines.
*[http://serenasafemode.com/iat800/A1_03/applet/ Assignment #1-03] Draw three ellipses.
*[http://serenasafemode.com/iat800/A1_04/applet/ Assignment #1-04] Control the position of two lines with one variable.
*[http://serenasafemode.com/iat800/A1_05/applet/ Assignment #1-05] Control the position and size of two lines with two variables.
*[http://serenasafemode.com/iat800/A1_06/applet/ Assignment #1-06] Control the properties of two shapes with two variables.
*[http://serenasafemode.com/iat800/A1_07/applet/ Assignment #1-07] Create a simple, regular pattern with six lines.
*[http://serenasafemode.com/iat800/A1_08/applet/ Assignment #1-08] Program your pattern from Assignment 1-07 using while().
*[http://serenasafemode.com/iat800/A1_09/applet/ Assignment #1-09] Draw a layered form with two new loops.
*[http://serenasafemode.com/iat800/A1_10/applet/ Assignment #1-10] Redo Assignment 1-05 using mouseX and mouseY as the variables.
*[http://serenasafemode.com/iat800/A1_11/applet/ Assignment #1-11] Draw two visual elements that each move in relation to the mouse in a different way.
*[http://serenasafemode.com/iat800/A1_12/applet/ Assignment #1-12] Draw three visual elements that each move in relation to the mouse in a different way.
*[http://serenasafemode.com/iat800/A1_13/applet/ Assignment #1-13] Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
*[http://serenasafemode.com/iat800/A1_14/applet/ Assignment #1-14] Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.
*[http://serenasafemode.com/iat800/A1_15/applet/ Assignment #1-15] Using if and else, make the mouse perform different actions when in different parts of the window.
*[http://serenasafemode.com/iat800/A1_16/applet/ Assignment #1-16] Develop a kinetic image which responds to the mouse.

== Project #1 ==
*[http://www.serenasafemode.com/iat800/a2/project_1/applet/ Project #1] Build a cool clock

== Assignment #2 ==

*[http://serenasafemode.com/iat800/A2_01/applet/ Assignment #2-01] Using beginShape() and endShape(), create a composition with five or more vertices.
*[http://serenasafemode.com/iat800/A2_02/applet/ Assignment #2-02] Using beginShape() and endShape(), create a composition with ten or more vertices.
*[http://serenasafemode.com/iat800/A2_03/applet/ Assignment #2-03] Create an image different from A2-02, but using the same vertex data.
*[http://serenasafemode.com/iat800/A2_04/applet/ Assignment #2-04] Write a function with one parameter and demonstrate it visually.
*[http://serenasafemode.com/iat800/A2_05/applet/ Assignment #2-05] Write a function for drawing triangles and visually demonstrate its flexibility.
*[http://serenasafemode.com/iat800/A2_06/applet/ Assignment #2-06] Write a function with three or more parameters and visually demonstrate its flexibility.
*[http://serenasafemode.com/iat800/A2_07/applet/ Assignment #2-07] Create a dynamic animation using the cos() function as a generator for motion.
*[http://serenasafemode.com/iat800/A2_08/applet/ Assignment #2-08] Create a dynamic animation using the cos() and sin() function as a generator for motion.
*[http://serenasafemode.com/iat800/A2_09/applet/ Assignment #2-09] Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.
*[http://serenasafemode.com/iat800/A2_10/applet/ Assignment #2-10] Create an event that begins when the mouse is pressed and ends when the mouse is released.
*[http://serenasafemode.com/iat800/A2_11/applet/ Assignment #2-11] Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
*[http://serenasafemode.com/iat800/A2_12/applet/ Assignment #2-12] Create a button that changes the color of the background when it is clicked.
*[http://serenasafemode.com/iat800/A2_13/applet/ Assignment #2-13] Program your moving elements from A2-09 but use classes to represent the two visual elements.
*[http://serenasafemode.com/iat800/A2_14/applet/ Assignment #2-14] Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.

== Project #2 ==

'''Part 1:''' ''Describe in a paragraph what your editor will accomplish by the due date. Due: Tuesday, October 13. If the Prof thinks it is too much or too little, we will rapidly negotiate a level of work that is appropriate to your current skills.''

I will build a picture manipulation tool. This tool will let users apply different filters to a picture. It will also allow them to change the saturation and tint levels.

'''Part 2:''' [http://serenasafemode.com/iat800/project__2/applet/ Project #2]

== Assignment #3 ==

[http://serenasafemode.com/iat800/assignment_3/applet/ Part #1]
Create a subclass of PImage that implements a mosaic( int blockSize ) method.
The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate->Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.

[http://serenasafemode.com/iat800/assignment_3_part2/applet/ Part #2]
Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).

== Assignment #4 ==

The assignment is to take your Project 2 and add controls that enable the user to make a setting and use that setting while drawing.

Serena Hillman

2009-11-12T05:11:32Z

Shillman: /* Assignment #3 */

Assignment 4 Fall 2009

2009-11-12T05:11:20Z

Shillman:

[[Matt Rosen]]

[[John Wang]]

[http://wiki.iat.sfu.ca/BioV/index.php/Adam_Ashraf-abadi Adam Ashraf-abadi]

[[Serena Hillman]]

2009-11-03T05:12:05Z

Shillman: /* Project #2 */

Assignment 3 Fall 2009

2009-11-03T05:11:15Z

Shillman:

[[ Laura Lee Coles ]]

[[ Assignment 3 Part 1 ]]

[http://www.sfu.ca/~lcoles/iat800/assignment3/assignment3part1/applet/]

[[Assignment 3 Part 2]]

[http://www.sfu.ca/~lcoles/iat800/assignment3/assignment3part2/applet/]

[[Serena Hillman]]

Assignment 3 Fall 2009

2009-11-03T05:10:58Z

Shillman:

Serena Hillman

2009-11-03T05:02:17Z

Shillman: /* Project #2 */

2009-10-20T18:09:13Z

Shillman: /* Project #2 */

Project 2 Fall 2009

2009-10-20T18:08:36Z

2009-10-06T06:40:49Z

Shillman: /* Put Links to your User Page Here */

== Put Links to your User Page Here ==

Save your links on your user page.

[[Pooya]]

[[Diliara | Diliara Nasirova]]

[[Erin Ashenhurst]]

[[Mariska]]

[http://wiki.iat.sfu.ca/BioV/index.php/User:Amir Amir]

[[Serena Hillman]]

Assignment 1 Fall 2009

2009-09-17T07:16:48Z

Shillman: /* Put Links to your User Page Here */

== Put Links to your User Page Here ==

Save your links on your user page.

[[Pooya]]

[[Adam Ashraf-abadi]]

[[Ben Unterman]]

[[Vicky]]

[[Pat Subyen]]

[[John Wang]]

[[Diliara | Diliara Nasirova]]

[[Kristin Carlson]]

[[Laura Lee Coles]]

[[Erin Ashenhurst]]

[[Serena Hillman]]

Assignment 1 Fall 2009

2009-09-17T07:16:40Z

Shillman: /* Put Links to your User Page Here */

IAT 800 Student Submissions Fall 2009

2009-09-17T07:16:20Z

Shillman:

[[Assignment 1 Fall 2009]]

[[Ben Unterman|Ben's Assignments (fall 2009)]]

Older Stuff:

* [[IAT 800 Student Submissions Fall 2008]]

* [[IAT 800 Weekly Study Groups]]

Serena Hillman

2009-09-17T05:28:08Z

Shillman: /* Assignment #1 */

Serena Hillman

2009-09-17T05:25:59Z

Shillman: /* Assignment #1 */

== Assignment #1 ==
[http://serenasafemode.com/iat800/A1_01/applet/ Assignment #1-01]
[http://serenasafemode.com/iat800/A1_02/applet/ Assignment #1-02]
[http://serenasafemode.com/iat800/A1_03/applet/ Assignment #1-03]
[http://serenasafemode.com/iat800/A1_04/applet/ Assignment #1-04]
[http://serenasafemode.com/iat800/A1_05/applet/ Assignment #1-05]
[http://serenasafemode.com/iat800/A1_06/applet/ Assignment #1-06]
[http://serenasafemode.com/iat800/A1_07/applet/ Assignment #1-07]
[http://serenasafemode.com/iat800/A1_08/applet/ Assignment #1-08]
[http://serenasafemode.com/iat800/A1_09/applet/ Assignment #1-09]
[http://serenasafemode.com/iat800/A1_10/applet/ Assignment #1-10]
[http://serenasafemode.com/iat800/A1_11/applet/ Assignment #1-11]
[http://serenasafemode.com/iat800/A1_12/applet/ Assignment #1-12]
[http://serenasafemode.com/iat800/A1_13/applet/ Assignment #1-13]
[http://serenasafemode.com/iat800/A1_14/applet/ Assignment #1-14]
[http://serenasafemode.com/iat800/A1_15/applet/ Assignment #1-15]
[http://serenasafemode.com/iat800/A1_16/applet/ Assignment #1-16]