http://biov.wiki.iat.sfu.ca/biov/api.php?action=feedcontributions&feedformat=atom&user=Dinara 2026-09-10T14:55:19Z User contributions MediaWiki 1.32.0 http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=3926 2009-12-10T19:01:22Z

<p>Dinara: /* Project 3 */</p> <hr /> <div></div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_3_(Final_Project)&diff=2740 2009-12-10T05:02:58Z

<p>Dinara: </p> <hr /> <div>[[Kristin Carlson]]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Adam_Ashraf-abadi Adam Ashraf-abadi]<br /> <br /> [[Leila Aflatoony]]<br /> <br /> [[Dinara Moura]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2806 2009-11-17T20:15:36Z

<p>Dinara: /* Project 3 */</p> <hr /> <div></div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2688 2009-11-12T19:53:37Z

<p>Dinara: /* Project 3 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment4/ A4: do something with widgets...]<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> <br /> '''Proposal(s) :)'''<br /> <br /> &gt;&gt; Create a computer game... OR...<br /> <br /> &gt;&gt; Create an interactive world (or virtual environment) where some objects would be in motion and interact to one another (physics – motion, collision, distortion). Also, the user would be able to use sliders/buttons/mouse to change colors, brightness, transparency, velocity, etc. and/or to interact to the objects (grab and move them, for example). OR...<br /> <br /> &gt;&gt; Improve my drawing tool. Implement &quot;eraser&quot; and &quot;undo&quot; functions and create new animated brushes (that is, I try different effects and different ways to move the brushes around my canvas).</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2643 2009-11-12T18:57:00Z

<p>Dinara: /* Assignment 4 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment4/ A4: do something with widgets...]<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> <br /> '''Proposal(s) :)'''<br /> <br /> &gt;&gt; My idea is to create an interactive world (or virtual environment) where some objects would be in motion and interact to one another (physics – motion, collision, distortion). Also, the user would be able to use sliders/buttons/mouse to change colors, brightness, transparency, velocity, etc. and/or to interact to the objects (grab and move them, for example).<br /> <br /> &gt;&gt; My second idea is to improve my drawing tool. Implement &quot;eraser&quot; and &quot;undo&quot; functions and create new animated brushes (that is, I try different effects and different ways to move the brushes around my canvas).</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2629 2009-11-12T18:55:11Z

<p>Dinara: /* Project 3 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> <br /> [ A4: do something with widgets...]<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> <br /> '''Proposal(s) :)'''<br /> <br /> &gt;&gt; My idea is to create an interactive world (or virtual environment) where some objects would be in motion and interact to one another (physics – motion, collision, distortion). Also, the user would be able to use sliders/buttons/mouse to change colors, brightness, transparency, velocity, etc. and/or to interact to the objects (grab and move them, for example).<br /> <br /> &gt;&gt; My second idea is to improve my drawing tool. Implement &quot;eraser&quot; and &quot;undo&quot; functions and create new animated brushes (that is, I try different effects and different ways to move the brushes around my canvas).</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2628 2009-11-12T18:54:36Z

<p>Dinara: /* Project 3 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> <br /> [ A4: do something with widgets...]<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> <br /> '''Proposal(s) :)'''<br /> <br /> My idea is to create an interactive world (or virtual environment) where some objects would be in motion and interact to one another (physics – motion, collision, distortion). Also, the user would be able to use sliders/buttons/mouse to change colors, brightness, transparency, velocity, etc. and/or to interact to the objects (grab and move them, for example).<br /> <br /> My second idea is to improve my drawing tool. Implement &quot;eraser&quot; and &quot;undo&quot; functions and create new animated brushes (that is, I try different effects and different ways to move the brushes around my canvas).</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2627 2009-11-12T06:25:40Z

<p>Dinara: /* Assignment 4 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> <br /> [ A4: do something with widgets...]<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2534 2009-11-12T06:22:37Z

<p>Dinara: /* Projects */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2533 2009-11-12T06:22:20Z

<p>Dinara: /* Assignments */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_4_Fall_2009&diff=2536 2009-11-12T06:21:37Z

<p>Dinara: </p> <hr /> <div>[[Matt Rosen]]<br /> <br /> [[John Wang]]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Adam_Ashraf-abadi Adam Ashraf-abadi]<br /> <br /> [[Serena Hillman]]<br /> <br /> [[Dinara Moura]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2532 2009-11-03T18:15:26Z

<p>Dinara: /* Assignment 3 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2441 2009-11-03T14:18:46Z

<p>Dinara: /* Assignment 3 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2435 2009-11-03T14:17:24Z

<p>Dinara: /* Assignment 3 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_01/ A3-01: Create a subclass of PImage that implements a mosaic method]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment3/A3_02/ A3-02: Write a small app that demonstrates kinetic text]<br /> <br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_3_Fall_2009&diff=2432 2009-11-03T11:09:12Z

<p>Dinara: </p> <hr /> <div>[[ Laura Lee Coles ]]<br /> <br /> [[ Assignment 3 Part 1 ]]<br /> <br /> [http://www.sfu.ca/~lcoles/iat800/assignment3/assignment3part1/applet/]<br /> <br /> [[Assignment 3 Part 2]]<br /> <br /> [http://www.sfu.ca/~lcoles/iat800/assignment3/assignment3part2/applet/]<br /> <br /> [[Serena Hillman]]<br /> <br /> [[Erin Ashenhurst]]<br /> <br /> [[Mariska]]<br /> <br /> [[Kristin Carlson]]<br /> <br /> [[Pat Subyen]]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Adam_Ashraf-abadi Adam Ashraf-abadi]<br /> <br /> [[Leila Aflatoony]]<br /> <br /> [[Dinara Moura]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2434 2009-10-22T17:08:14Z

<p>Dinara: /* Project 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project2/ Project2: Create a drawing tool.]<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2310 2009-10-22T17:06:46Z

<p>Dinara: /* Project 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> '''Project 2 - Part 2 - Animated Brushes'''<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2309 2009-10-18T07:26:33Z

<p>Dinara: /* Project 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> '''Project 2 - Part 1 - Animated Brushes'''<br /> <br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> ________________________<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2242 2009-10-18T07:22:15Z

<p>Dinara: /* Project 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> Project 2 - Part 1 - Animated Brushes<br /> <br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> ________________________<br /> <br /> My drawing tool will offer different drawing options such as: different brushes and colors, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2241 2009-10-18T07:02:02Z

<p>Dinara: /* Project 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> <br /> Project 2 - Part 1 - Animated Brushes<br /> <br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> ________________________<br /> <br /> My drawing tool will offer different drawing options such as brush's color, transparency, and background color. When moving the mouse, the user will paint with the regular chosen brush. While dragging the mouse, the user will activate different animated brushes and create unexpected effects.<br /> <br /> Additional features (if there is time to be implemented): diameter and eraser.<br /> <br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_2_Fall_2009&diff=2250 2009-10-18T06:41:53Z

<p>Dinara: /* Put Links to your User Page Here */</p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> [[Diliara | Diliara Nasirova]]<br /> <br /> [[Kristin Carlson]]<br /> <br /> [[Erin Ashenhurst]]<br /> <br /> [[Matt Rosen]]<br /> <br /> [[John Wang]]<br /> <br /> [[Yess]]<br /> <br /> [[Vicky]]<br /> <br /> [[Mariska]]<br /> <br /> [[Dinara Moura]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2240 2009-10-17T03:27:07Z

<p>Dinara: /* Assignment 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_14/ A2-14: Create a subclass of one of the asteroids classes that adds a new capability.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2214 2009-10-06T16:20:37Z

<p>Dinara: /* Assignment 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2114 2009-10-06T16:20:11Z

<p>Dinara: /* Assignment 2 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ] Press Mouse<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2113 2009-10-06T16:16:19Z

<p>Dinara: /* Assignments */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_01/ A2-01: Using beginShape() and endShape(), create a composition with five or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_02/ A2-02: Using beginShape() and endShape(), create a composition with ten or more vertices. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_03/ A2-03: Create an image different from A2-02, but using the same vertex data. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_04/ A2-04: Write a function with one parameter and demonstrate it visually. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_05/ A2-05: Write a function for drawing triangles and visually demonstrate its flexibility. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_06/ A2-06: Write a function with three or more parameters and visually demonstrate its flexibility.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_07/ A2-07: Create a dynamic animation using the cos() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_08/ A2-08: Create a dynamic animation using the cos() and sin() function as a generator for motion. ]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_09/ 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.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_10/ A2-10: Create an event that begins when the mouse is pressed and ends when the mouse is released.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_11/ A2-11: Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_12/ A2-12: Create a button that changes the color of the background when it is clicked.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment2/A2_13/ A2-13: Program your moving elements from A2-09 but use classes to represent the two visual elements.]<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_2_Fall_2009&diff=2106 2009-10-06T12:06:26Z

<p>Dinara: /* Put Links to your User Page Here */</p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.<br /> <br /> [[Pooya]]<br /> <br /> [[Diliara | Diliara Nasirova]]<br /> <br /> [[Erin Ashenhurst]]<br /> <br /> [[Mariska]]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/User:Amir Amir]<br /> <br /> [[Serena Hillman]]<br /> <br /> [[Kristin Carlson]]<br /> <br /> [[Pat Subyen]]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Adam_Ashraf-abadi Adam Ashraf-abadi]<br /> <br /> [[Laura Lee Coles ]]<br /> <br /> [[Dinara Moura]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_1_Fall_2009&diff=2004 2009-09-29T20:20:22Z

<p>Dinara: /* Project 1 */</p> <hr /> <div>== Project 1 ==<br /> Please put your names here.<br /> <br /> [[Erin Ashenhurst]]<br /> <br /> [[Mariska]]<br /> <br /> [[Serena Hillman]]<br /> <br /> [[Ben Unterman]]<br /> <br /> [[Vicky]]<br /> <br /> [[leila Aflatoony]]<br /> <br /> [[John Wang]]<br /> <br /> [[Pat Subyen]]<br /> <br /> [http://www.sfu.ca/~aghahary/IAT800/project1_clock/index.html Amir Ghahary]<br /> <br /> [[Kristin Carlson]]<br /> <br /> [[Diliara | Diliara Nasirova]]<br /> <br /> [[Dinara Moura]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2112 2009-09-29T20:18:58Z

<p>Dinara: /* Assignments */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_02/ A1-02: Draw five lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_03/ A1-03: Draw three ellipses.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_04/ A1-04: Control the position of two lines with one variable.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_05/ A1-05: Control the position and size of two lines with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_06/ A1-06: Control the properties of two shapes with two variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_07/ A1-07: Create a simple, regular pattern with six lines.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_08/ A1-08: Program your pattern from Assignment 1-07 using while().]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_09/ A1-09: Draw a layered form with two new loops.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_10/ A1-10: Redo Assignment 1-05 using mouseX and mouseY as the variables.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_11/ A1-11: Draw two visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_12/ A1-12: Draw three visual elements that each move in relation to the mouse in a different way.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_13/ A1-13: Move a visual element across the screen. When it disappears off the edge, move it back into the frame.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_14/ A1-14: Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_15/ A1-15: Using if and else, make the mouse perform different actions when in different parts of the window.]<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_16/ A1-16: Develop a kinetic image which responds to the mouse.]<br /> <br /> === Assignment 2 ===<br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===<br /> <br /> <br /> == Projects ==<br /> <br /> <br /> === Project 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Project1/ Project1: Display the progress of time in a non-traditional way.]<br /> <br /> === Project 2 ===<br /> === Project 3 ===<br /> === Project 4 ===<br /> === Project 5 ===<br /> === Project 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=2002 2009-09-17T20:46:08Z

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

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=1833 2009-09-17T20:04:31Z

<p>Dinara: /* Assignment 1 */</p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> [http://www.sfu.ca/~ddb5/iat800/Assignment1/A1_01/ A1-01: Draw three lines.]<br /> <br /> === Assignment 2 ===<br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara_Moura&diff=1832 2009-09-17T17:21:08Z

<p>Dinara: </p> <hr /> <div>== Assignments ==<br /> <br /> === Assignment 1 ===<br /> [http://www.sfu.ca/~ddb5/iat800/assignment1/]<br /> <br /> === Assignment 2 ===<br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> === Assignment 5 ===<br /> === Assignment 6 ===</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_1_Fall_2009&diff=1831 2009-09-17T17:11:59Z

<p>Dinara: /* Put Links to your User Page Here */</p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.<br /> <br /> [[Pooya]]<br /> <br /> [[Adam Ashraf-abadi]]<br /> <br /> [[Ben Unterman]]<br /> <br /> [[Vicky]]<br /> <br /> [[Pat Subyen]]<br /> <br /> [[John Wang]]<br /> <br /> [[Diliara | Diliara Nasirova]]<br /> <br /> [[Kristin Carlson]]<br /> <br /> [[Laura Lee Coles]]<br /> <br /> [[Erin Ashenhurst]]<br /> <br /> [[Serena Hillman]]<br /> <br /> [[Matt Rosen]]<br /> <br /> [[Erik R. Glyttov]]<br /> <br /> [[Dinara Moura]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_1_Fall_2009&diff=1703 2009-09-10T21:17:46Z

<p>Dinara: </p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/User:Dinara Dinara]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=User:Dinara&diff=3907 2009-09-10T21:16:49Z

<p>Dinara: </p> <hr /> <div>Dinara's page<br /> <br /> <br /> [http://www.sfu.ca/~ddb5/iat800/a1/ Assignment 1]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_1_Fall_2009&diff=1695 2009-09-10T21:15:23Z

<p>Dinara: </p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.<br /> [http://wiki.iat.sfu.ca/BioV/index.php/User:Dinara Dinara]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_1_Fall_2009&diff=1693 2009-09-10T21:13:42Z

<p>Dinara: </p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_1_Fall_2009&diff=1692 2009-09-10T21:13:04Z

<p>Dinara: </p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.<br /> <br /> [[http://wiki.iat.sfu.ca/BioV/index.php/User:Dinara Dinara]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_1_Fall_2009&diff=1691 2009-09-10T21:12:17Z

<p>Dinara: </p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.<br /> <br /> [[http://wiki.iat.sfu.ca/BioV/index.php/User:Dinara]]</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=User:Dinara&diff=1694 2009-09-10T21:10:31Z

<p>Dinara: </p> <hr /> <div>Dinara's page</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Dinara&diff=3905 2009-09-10T21:10:07Z

<p>Dinara: </p> <hr /> <div>sghdfgds</div>

Dinara http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_1_Fall_2009&diff=1690 2009-09-10T21:09:49Z

<p>Dinara: </p> <hr /> <div>== Put Links to your User Page Here ==<br /> <br /> Save your links on your user page.<br /> <br /> [[Dinara]]</div>

Dinara