BioV - User contributions [en]

Mariska

2009-12-15T07:09:47Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

'''THREE'''

A3-1 Mosaic method --> drawing an image with several different block size
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_1c_ms/applet/index.html]

A3-2 kinetic text
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_2_ms/applet/index.html]

'''FOUR'''

A4 widgets [http://www.sfu.ca/~msa83/IAT800/Assignment/Four/asg4_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

'''FINAL'''

[[Santoso Proposal|Proposal]]

Artifact [http://www.sfu.ca/~msa83/IAT800/Final/visualization13/applet/index.html]

Paper [http://www.sfu.ca/~msa83/IAT800/Final/writing.pdf]

Mariska

2009-12-15T07:05:29Z

Msa83: /* '''PROJECTS''' */

Mariska

2009-12-10T16:12:55Z

Msa83: /* '''PROJECTS''' */

Mariska

2009-12-10T16:12:11Z

Msa83: /* '''PROJECTS''' */

Mariska

2009-12-10T16:11:35Z

Msa83: /* '''PROJECTS''' */

Project 3 (Final Project)

2009-12-10T16:09:06Z

Msa83:

[[Kristin Carlson]]

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

[[Leila Aflatoony]]

[[Dinara Moura]]

[[Diliara | Diliara Nasirova]]

[[John Wang]]

[[Serena Hillman]]

[[Vicky]]

[[Matt Rosen]]

[[Mariska]]

Santoso Proposal

2009-11-12T18:15:47Z

Msa83:

In 2009 Wise and Padmanabhan discussed diagram representations to visualize the asynchonous threaded online learning conversations (ATOLCs). They have created 6 diagrammatic styles that incorporate both stuctural and temporal information.

For my final project, I will design a tool that creates one of the diagrams, such as the ''staggered-scaled thread response tree''. Click this link [http://www.sfu.ca/~msa83/IAT800/Final/Staggered.JPG] to see the diagram.

My backup plan is that to design a tool for children to learn weight units or convertions from pound to gram or to kg.

Santoso Proposal

2009-11-12T18:12:00Z

Msa83:

Santoso Proposal

2009-11-12T18:10:27Z

Msa83:

In 2009 Wise and Padmanabhan discussed diagram representations to visualize the asynchonous threaded online learning conversations (ATOLCs). They have created 6 diagrammatic styles that incorporate both stuctural and temporal information.

For my final project, I will design a tool that creates one of the diagrams, such as the ''staggered-scaled thread response tree''. Click this link [http://www.sfu.ca/~msa83/IAT800/Final/Staggered Scaled Thread Response Tree.jpg]
to see the diagram.

Mariska

2009-11-12T17:51:47Z

Msa83: /* '''PROJECTS''' */

Mariska

2009-11-12T17:51:22Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

'''THREE'''

A3-1 Mosaic method --> drawing an image with several different block size
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_1c_ms/applet/index.html]

A3-2 kinetic text
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_2_ms/applet/index.html]

'''FOUR'''

A4 widgets [http://www.sfu.ca/~msa83/IAT800/Assignment/Four/asg4_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

'''FINAL'''
[[Santoso Proposal|Final Project : Mariska Santoso]]

Mariska

2009-11-12T08:04:55Z

Msa83:

Mariska

2009-11-12T08:02:58Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

'''THREE'''

A3-1 Mosaic method --> drawing an image with several different block size
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_1c_ms/applet/index.html]

A3-2 kinetic text
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_2_ms/applet/index.html]

'''FOUR'''

A4 widgets [http://www.sfu.ca/~msa83/IAT800/Assignment/Four/A4_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Assignment 4 Fall 2009

2009-11-12T08:01:29Z

Msa83:

[[Matt Rosen]]

[[John Wang]]

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

[[Serena Hillman]]

[[Dinara Moura]]

[[Erin Ashenhurst]]

[[Mariska]]

Mariska

2009-11-03T07:47:34Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

'''THREE'''

A3-1 Mosaic method --> drawing an image with several different block size
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_1c_ms/applet/index.html]

A3-2 kinetic text
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_2_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Mariska

2009-11-03T07:44:56Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

'''THREE'''

A3-1 Mosaic method --> drawing an image with several different block size
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_1c_ms/applet/index.html]

A3-2 kinetic text
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/Asg3_2_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Mariska

2009-11-03T07:43:40Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

'''THREE'''

A3-1 Mosaic method --> drawing an image with several different block size
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_1c_ms/applet/index.html]

A3-2 kinetic text
[http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_2_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Mariska

2009-11-03T07:41:57Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

'''THREE'''

A3-1 [http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_1c_ms/applet/index.html]

A3-2 [http://www.sfu.ca/~msa83/IAT800/Assignment/Three/A3_2_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Assignment 3 Fall 2009

2009-11-03T07:39:48Z

Msa83:

[[ 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]]

[[Erin Ashenhurst]]

[[Mariska]]

Mariska

2009-10-22T03:51:06Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO''' : Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Mariska

2009-10-22T03:50:30Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO'''

Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Mariska

2009-10-22T03:50:02Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO'''

Graphical Interface - drawing tool

Proposal:

I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Mariska

2009-10-22T03:49:41Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO'''

Graphical Interface - drawing tool

Proposal:
I plan to create a basic drawing tool for learning shapes and colors. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw. Although users can't determine the width and height of the object, they can scale the object, either a bigger or smaller object.

Artifact:
[http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myFinalGraphical/applet/index.html]

Mariska

2009-10-19T02:46:08Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO'''

Graphical Interface - drawing tool

Proposal:
I plan to create a tool for learning shapes and color. The project will have 12 color buttons and 6 shape buttons.
Users can determine what shape and color they want to draw.

Project 2 Fall 2009

2009-10-18T04:58:57Z

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

== Put Links to your User Page Here ==

[[Diliara | Diliara Nasirova]]

[[Kristin Carlson]]

[[Erin Ashenhurst]]

[[Matt Rosen]]

[[John Wang]]

[[Yess]]

[[Vicky]]

[[Mariska]]

Mariska

2009-10-16T16:31:58Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_14b_ms/applet/index.html]

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO'''

Graphical Interface - drawing tool

Proposal: [http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myLink.html]

Mariska

2009-10-16T16:31:20Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO'''

Graphical Interface - drawing tool

Proposal: [http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myLink.html]

Mariska

2009-10-16T16:30:58Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

'''TWO'''
Graphical Interface - drawing tool

Description: [http://www.sfu.ca/~msa83/IAT800/Project/P_Two/myLink.html]

Mariska

2009-10-06T03:32:57Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

Assignment 2 Fall 2009

2009-10-06T03:32:24Z

Msa83: /* 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]]

Mariska

2009-10-05T03:47:57Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_13_ms/applet/index.html]

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

Mariska

2009-10-05T02:09:23Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements.

A2-14 Create a subclass of one of the asteroids classes that adds a new capability.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

Mariska

2009-10-05T02:02:23Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_2_ms/applet/index.html]

A2-03 Create an image different from A2-02, but using the same vertex data. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_3_ms/applet/index.html]

A2-04 Write a function with one parameter and demonstrate it visually. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_4_ms/applet/index.html]

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_5_ms/applet/index.html]

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_6_ms/applet/index.html]

A2-07 Create a dynamic animation using the cos() function as a generator for motion. [http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_7_ms/applet/index.html]

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_8b_ms/applet/index.html]

A2-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://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_9_ms/applet/index.html]

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_10_ms/applet/index.html]

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_11_ms/applet/index.html]

A2-12 Create a button that changes the color of the background when it is clicked.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_12_ms/applet/index.html]

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements.

A2-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.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

Mariska

2009-10-05T01:59:12Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.
[http://www.sfu.ca/~msa83/IAT800/Assignment/Two/A2_1_ms/applet/index.html]

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices.

A2-03 Create an image different from A2-02, but using the same vertex data.

A2-04 Write a function with one parameter and demonstrate it visually.

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility.

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.

A2-07 Create a dynamic animation using the cos() function as a generator for motion.

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.

A2-09 Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.

A2-12 Create a button that changes the color of the background when it is clicked.

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements.

A2-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.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

Mariska

2009-09-30T01:38:32Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices.

A2-03 Create an image different from A2-02, but using the same vertex data.

A2-04 Write a function with one parameter and demonstrate it visually.

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility.

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.

A2-07 Create a dynamic animation using the cos() function as a generator for motion.

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.

A2-09 Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.

A2-12 Create a button that changes the color of the background when it is clicked.

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements.

A2-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.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock2/applet/index.html]

Mariska

2009-09-29T19:09:34Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/Assignment/One/A1_16_ms/applet/index.html]

'''TWO'''

A2-01 Using beginShape() and endShape(), create a composition with five or more vertices.

A2-02 Using beginShape() and endShape(), create a composition with ten or more vertices.

A2-03 Create an image different from A2-02, but using the same vertex data.

A2-04 Write a function with one parameter and demonstrate it visually.

A2-05 Write a function for drawing triangles and visually demonstrate its flexibility.

A2-06 Write a function with three or more parameters and visually demonstrate its flexibility.

A2-07 Create a dynamic animation using the cos() function as a generator for motion.

A2-08 Create a dynamic animation using the cos() and sin() function as a generator for motion.

A2-09 Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.

A2-10 Create an event that begins when the mouse is pressed and ends when the mouse is released.

A2-11 Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.

A2-12 Create a button that changes the color of the background when it is clicked.

A2-13 Program your moving elements from A2-09 but use classes to represent the two visual elements.

A2-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.

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[http://www.sfu.ca/~msa83/IAT800/Project/P_One/CuteFaceClock/applet/index.html]

Mariska

2009-09-29T19:08:18Z

Msa83: /* '''ASSIGNMENTS''' */

Mariska

2009-09-29T03:50:09Z

Msa83: /* '''PROJECTS''' */

Mariska

2009-09-29T03:49:56Z

Msa83: /* '''PROJECTS''' */

Mariska

2009-09-29T03:48:59Z

Msa83: /* '''PROJECTS''' */

Mariska

2009-09-29T03:46:13Z

Msa83: /* '''ASSIGNMENTS''' */

Project 1 Fall 2009

2009-09-29T03:41:01Z

Msa83: /* Project 1 */

== Project 1 ==
Please put your names here.

[[Erin Ashenhurst]]

[[Mariska]]

Project 1 Fall 2009

2009-09-29T03:40:08Z

Msa83: /* Project 1 */

== Project 1 ==
Please put your names here.

[[Erin Ashenhurst]]

[[Mariska Santoso]]

Project 1 Fall 2009

2009-09-29T03:39:48Z

Msa83: /* Project 1 */

== Project 1 ==
Please put your names here.

[[Erin Ashenhurst]]
[[Mariska Santoso]]

Mariska

2009-09-29T03:09:58Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/One/A1_16_ms/applet/index.html]

'''TWO'''

----------------------------------------------------------------

== '''PROJECTS''' ==

'''ONE'''

A non-traditional way to display the progress of time.
[]

Mariska

2009-09-29T03:09:29Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/One/A1_16_ms/applet/index.html]

'''TWO'''

----------------------------------------------------------------

== '''PROJECTS''' ==

One

A non-traditional way to display the progress of time.
[]

Mariska

2009-09-29T03:09:04Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/One/A1_16_ms/applet/index.html]

'''TWO'''

----------------------------------------------------------------

== '''PROJECTS''' ==

One

A non-traditional way to display the progress of time.
[]

Mariska

2009-09-29T03:08:16Z

Msa83: /* '''ASSIGNMENTS''' */

== '''ASSIGNMENTS''' ==

'''ONE'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/One/A1_16_ms/applet/index.html]

'''TWO'''

----------------------------------------------------------------

== '''PROJECTS''' ==

One

A non-traditional way to display the progress of time.
[]

Mariska

2009-09-29T03:07:43Z

Msa83: /* '''PROJECTS''' */

== '''ASSIGNMENTS''' ==

'''One'''

A1-1 Draw three lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_1_ms/applet/index.html]

A1-2 Draw five lines. [http://www.sfu.ca/~msa83/IAT800/One/A1_2_ms/applet/index.html]

A1-3 Draw three ellipses. [http://www.sfu.ca/~msa83/IAT800/One/A1_3_ms/applet/index.html]

A1-4 Control the position of two lines with one variable.
[http://www.sfu.ca/~msa83/IAT800/One/A1_4_ms/applet/index.html]

A1-5 Control the position and size of two lines with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_5_ms/applet/index.html]

A1-6 Control the properties of two shapes with two variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_6_ms/applet/index.html]

A1-7 Create a simple, regular pattern with six lines.
[http://www.sfu.ca/~msa83/IAT800/One/A1_7_ms/applet/index.html]

A1-8 Program your pattern from Assignment 1-07 using while().
[http://www.sfu.ca/~msa83/IAT800/One/A1_8_ms/applet/index.html]

A1-9 Draw a layered form with two new loops.
[http://www.sfu.ca/~msa83/IAT800/One/A1_9_ms/applet/index.html]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables.
[http://www.sfu.ca/~msa83/IAT800/One/A1_10_ms/applet/index.html]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_11_ms/applet/index.html]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way.
[http://www.sfu.ca/~msa83/IAT800/One/A1_12_ms/applet/index.html]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame.
[http://www.sfu.ca/~msa83/IAT800/One/A1_13_ms/applet/index.html]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window.
[http://www.sfu.ca/~msa83/IAT800/One/A1_15_ms/applet/index.html]

A1-16 Develop a kinetic image which responds to the mouse.
[http://www.sfu.ca/~msa83/IAT800/One/A1_16_ms/applet/index.html]

'''Two'''

----------------------------------------------------------------

== '''PROJECTS''' ==

One

A non-traditional way to display the progress of time.
[]

Mariska

2009-09-29T03:05:36Z

Msa83: /* '''ASSIGNMENTS''' */