Difference between revisions of "Mariska"

From BioV
Jump to navigation Jump to search
('''PROJECTS''')
 
(46 intermediate revisions by the same user not shown)
Line 1: Line 1:
'''ASSIGNMENTS'''
+
== '''ASSIGNMENTS''' ==
  
One
 
  
A1-1 [http://www.sfu.ca/~msa83/IAT800/One/A1_1_ms/applet/index.html]
+
'''ONE'''
A1-2 [http://www.sfu.ca/~msa83/IAT800/One/A1_2_ms/applet/index.html]
 
A1-3 [http://www.sfu.ca/~msa83/IAT800/One/A1_3_ms/applet/index.html]
 
A1-4 [http://www.sfu.ca/~msa83/IAT800/One/A1_4_ms/applet/index.html]
 
A1-5 [http://www.sfu.ca/~msa83/IAT800/One/A1_5_ms/applet/index.html]
 
A1-6 [http://www.sfu.ca/~msa83/IAT800/One/A1_6_ms/applet/index.html]
 
A1-7 [http://www.sfu.ca/~msa83/IAT800/One/A1_7_ms/applet/index.html]
 
A1-8 [http://www.sfu.ca/~msa83/IAT800/One/A1_8_ms/applet/index.html]
 
A1-9 [http://www.sfu.ca/~msa83/IAT800/One/A1_9_ms/applet/index.html]
 
A1-10 [http://www.sfu.ca/~msa83/IAT800/One/A1_10_ms/applet/index.html]
 
A1-11 [http://www.sfu.ca/~msa83/IAT800/One/A1_11_ms/applet/index.html]
 
A1-12 [http://www.sfu.ca/~msa83/IAT800/One/A1_12_ms/applet/index.html]
 
A1-13 [http://www.sfu.ca/~msa83/IAT800/One/A1_13_ms/applet/index.html]
 
A1-14 [http://www.sfu.ca/~msa83/IAT800/One/A1_14_ms/applet/index.html]
 
A1-15 [http://www.sfu.ca/~msa83/IAT800/One/A1_15_ms/applet/index.html]
 
A1-16 [http://www.sfu.ca/~msa83/IAT800/One/A1_16_ms/applet/index.html]
 
  
 +
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'''
+
== '''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]

Latest revision as of 07:09, 15 December 2009

ASSIGNMENTS

ONE

A1-1 Draw three lines. [1]

A1-2 Draw five lines. [2]

A1-3 Draw three ellipses. [3]

A1-4 Control the position of two lines with one variable. [4]

A1-5 Control the position and size of two lines with two variables. [5]

A1-6 Control the properties of two shapes with two variables. [6]

A1-7 Create a simple, regular pattern with six lines. [7]

A1-8 Program your pattern from Assignment 1-07 using while(). [8]

A1-9 Draw a layered form with two new loops. [9]

A1-10 Redo Assignment 1-05 using mouseX and mouseY as the variables. [10]

A1-11 Draw two visual elements that each move in relation to the mouse in a different way. [11]

A1-12 Draw three visual elements that each move in relation to the mouse in a different way. [12]

A1-13 Move a visual element across the screen. When it disappears off the edge, move it back into the frame. [13]

A1-14 Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed. [14]

A1-15 Using if and else, make the mouse perform different actions when in different parts of the window. [15]

A1-16 Develop a kinetic image which responds to the mouse. [16]


TWO

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

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

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

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

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

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

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

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

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

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

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

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

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

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



THREE

A3-1 Mosaic method --> drawing an image with several different block size [31]

A3-2 kinetic text [32]



FOUR

A4 widgets [33]



PROJECTS

ONE

A non-traditional way to display the progress of time. [34]


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


FINAL

Proposal

Artifact [36]

Paper [37]