http://biov.wiki.iat.sfu.ca/biov/api.php?action=feedcontributions&feedformat=atom&user=Erinashen 2026-09-15T20:22:51Z User contributions MediaWiki 1.32.0 http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=3923 2009-12-10T23:51:51Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons and sliders to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3/ Play with the final project!]<br /> <br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/screen_slices.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2815 2009-12-10T23:44:45Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons and sliders to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3/ Play with the final project!]<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/screen_slices.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2814 2009-12-10T23:23:51Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons and sliders to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3/ The final results!]<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/screen_slices.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2813 2009-12-10T19:02:56Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons and sliders to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3/ The final results!]<br /> <br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_3_(Final_Project)&diff=2809 2009-12-10T19:01:25Z

<p>Erinashen: </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]]<br /> <br /> [[Diliara | Diliara Nasirova]]<br /> <br /> [[John Wang]]<br /> <br /> [[Serena Hillman]]<br /> <br /> [[Vicky]]<br /> <br /> [[Matt Rosen]]<br /> <br /> [[Mariska]]<br /> <br /> [[Vinu Subashini]]<br /> <br /> [[Pat Subyen]]<br /> <br /> [[Erin Ashenhurst]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2808 2009-11-17T07:46:04Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons and sliders to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2672 2009-11-17T07:45:47Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons, sliders to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2671 2009-11-17T05:49:52Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2669 2009-11-17T05:49:28Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive visual art project. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers, and change how portions of images blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The visual will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2668 2009-11-17T05:47:01Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2667 2009-11-17T05:46:47Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> &lt;br&gt;<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2666 2009-11-17T05:46:24Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> &lt;/br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2665 2009-11-17T05:46:01Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/project_3ex.jpg<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2664 2009-11-17T05:45:45Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_3e/project_3ex.jpg<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2663 2009-11-17T05:15:53Z

<p>Erinashen: /* Projects */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2662 2009-11-17T05:14:20Z

<p>Erinashen: /* Project 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_3ex/ The beginnings]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2661 2009-11-12T08:31:32Z

<p>Erinashen: /* Projects */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Project 3 ===<br /> <br /> PART 1:<br /> <br /> * I plan to deliver an interactive collage. The user is provided with buttons, sliders, and the option to use their mouse position to reveal hidden layers of images, and change how portions of the collage blend together. By allowing the user to play within the content, I am inviting them to investigate how meaning is created through the juxtaposition of visual elements.<br /> <br /> * I'm hoping to use the 'controlP5' library to build an interface that can control a variety of 'blend()' modes and trigger alpha masks. The collage will be constructed out of photographs/drawing from my own work.<br /> <br /> * First, I will establish what source material to use, and how elements can collaborate through blend modes (i.e. screen, multiply, subtract etc.). Simultaneously, I will select buttons/sliders from the library that can be given functions for the user to explore. <br /> <br /> * In phase II of the project, I will wish really, really hard for magical programming pixies to spin my project into gold for me overnight... If they fail to materialize, I will attempt to program it myself from the knowledge I've gained through our past assignments/projects. I'm confident I can construct the project I'm envisioning, although it's complexity may be affected by any obstacles I encounter in the programming process.</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2545 2009-11-12T08:24:58Z

<p>Erinashen: /* Assignments */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2544 2009-11-12T07:01:55Z

<p>Erinashen: /* Assignment 4 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/ Painting the Narrative: new + improved] ''Use a widget set of sliders, menus, and buttons to control the display.''<br /> &lt;br&gt;<br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2539 2009-11-12T06:58:26Z

<p>Erinashen: /* Assignment 4 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_4/]<br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_4_Fall_2009&diff=2541 2009-11-12T06:57:57Z

<p>Erinashen: </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]]<br /> <br /> [[Erin Ashenhurst]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_4_Fall_2009&diff=2537 2009-11-12T06:57:47Z

<p>Erinashen: </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]]<br /> <br /> <br /> [[Erin Ashenhurst]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_3_Fall_2009&diff=2414 2009-11-03T06:05:37Z

<p>Erinashen: </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]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2538 2009-11-01T23:08:27Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2364 2009-11-01T23:08:18Z

<p>Erinashen: /* Project 1 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2363 2009-11-01T23:07:47Z

<p>Erinashen: /* Project 1 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> &lt;br&gt;&lt;br&gt;<br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/insomnia.jpg<br /> &lt;br&gt;<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2362 2009-11-01T23:04:01Z

<p>Erinashen: /* Assignment 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * [http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/ A3-01] <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/01/A3-01.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2361 2009-11-01T18:00:15Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * A3-01 <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]<br /> <br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/paint.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2360 2009-11-01T01:14:48Z

<p>Erinashen: /* Assignment 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * A3-01 <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/A3b.jpg<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2359 2009-11-01T01:11:22Z

<p>Erinashen: /* Assignment 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * A3-01 <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_3/02/ A3-02 ]<br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2358 2009-10-27T00:10:30Z

<p>Erinashen: /* Assignment 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * A3-01 <br /> Create a subclass of PImage that implements a: mosaic( int blockSize ) method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> <br /> *A3-02 <br /> Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2343 2009-10-27T00:09:53Z

<p>Erinashen: /* Assignment 3 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> <br /> * A3-01 Create a subclass of PImage that implements a: 'mosaic( int blockSize )' method.<br /> The blockSize parameter specifies how big the mosaic block is (e.g. blockSize = 4 would mean the mosaic block size is 4 pixels by 4 pixels). The mosaic method should replace each block of pixels in the image (e.g. if blockSize = 4, each block of 4 by 4 pixels) with the average color value of the pixels in that block. Look at the Pixelate-&gt;Mosaic filter in photoshop for an example of what this image operation does. Demonstrate your new class by drawing an image with several different block sizes.<br /> <br /> *A3-02 Write a small app that demonstrates kinetic text. Your app should allow the user to type something and move the text around in some way while they type. For example, the user might type text on a line, but slowly the words or letters start drifting apart, or perhaps the line starts bending, or the words and letters flutter to the bottom of the screen, etc. Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web (though using such examples for inspiration, as a place to start modifying code, etc. is fine).<br /> <br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2342 2009-10-22T06:16:00Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2: Painting the Narrative]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2292 2009-10-22T06:15:45Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2291 2009-10-22T06:15:38Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg an example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_2/ Project 2]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2290 2009-10-22T06:13:52Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg My example]<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/applet_1/ Project 2]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2289 2009-10-18T21:35:10Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg Here's a visual example]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2248 2009-10-18T21:34:58Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg Here's a visual example]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2247 2009-10-18T21:34:15Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> <br /> [http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg Here's a visual example]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2246 2009-10-18T21:33:19Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> <br /> Here's a visual example: [http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2245 2009-10-18T21:32:58Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> <br /> [[Here's a visual example [http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg]]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2244 2009-10-18T21:32:39Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.<br /> <br /> <br /> [Here's a visual example [http://www.sfu.ca/~eashenhu/courses/iat_800/project_2/IAT800project2_ex.jpg]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_2_Fall_2009&diff=2206 2009-10-16T19:59:36Z

<p>Erinashen: /* 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]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2243 2009-10-16T05:50:48Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Proposal: Painting the Narrative<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2174 2009-10-16T05:50:19Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Painting the Narrative:<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red). The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!'). The user can use the emotional content of the sentence to colour and punctuate the scene.</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2173 2009-10-16T05:49:59Z

<p>Erinashen: /* Project 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===<br /> <br /> Painting the Narrative:<br /> <br /> My project will start with an image of two people. There is a sentence above them containing key words that are different colours in relation to emotional content (i.e. 'angry' = red).<br /> <br /> The user can click on the key works and their mouse will take on the colour of the word. Moving the mouse allows the user to paint with the colour, while clicking the mouse will draw punctuation characters (i.e. 'angry' = red, and '!').<br /> <br /> The user can use the emotional content of the sentence to colour and punctuate the scene.</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_2_Fall_2009&diff=2073 2009-10-06T02:10:04Z

<p>Erinashen: /* 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]]</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2172 2009-10-05T06:59:47Z

<p>Erinashen: /* Project 1 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/ Insomnia! ] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2067 2009-10-05T06:59:30Z

<p>Erinashen: /* Assignment 1 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/ A1-01]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/ A1-02]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/ A1-03]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/ A1-04]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/ A1-05]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/ A1-06]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/ A1-07]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/ A1-08]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/ A1-09]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/ A1-10]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/ A1-11]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/ A1-12]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/ A1-13]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/ A1-15]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/ A1-16]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> * Insomnia! [http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===</div>

Erinashen http://biov.wiki.iat.sfu.ca/biov/index.php?title=Erin_Ashenhurst&diff=2066 2009-10-05T06:57:50Z

<p>Erinashen: /* Assignment 2 */</p> <hr /> <div>==Assignments ==<br /> <br /> === Assignment 1 ===<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_01/]''Draw three lines.'' <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_02/]''Draw five lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_03/]''Draw three ellipses.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_04/]''Control the position of two lines with one variable.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_05/]''Control the position and size of two lines with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_06/]''Control the properties of two shapes with two variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_07/]''Create a simple, regular pattern with six lines.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_08/]''Program your pattern from Assignment 1-07 using while().''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_09/]''Draw a layered form with two new loops.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_10/]''Redo Assignment 1-05 using mouseX and mouseY as the variables.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_11/]''Draw two visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_12/]''Draw three visual elements that each move in relation to the mouse in a different way.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_13/]''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_14/]''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_15/]''Using if and else, make the mouse perform different actions when in different parts of the window.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_1/a1_16/]''Develop a kinetic image which responds to the mouse.''<br /> <br /> === Assignment 2 ===<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_01/ A2-01]''Using beginShape() and endShape(), create a composition with five or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_02/ A2-02]''Using beginShape() and endShape(), create a composition with ten or more vertices.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_03/ A2-03]''Create an image different from A2-02, but using the same vertex data.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_04/ A2-04]''Write a function with one parameter and demonstrate it visually.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_05/ A2-05]''Write a function for drawing triangles and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_06/ A2-06]''Write a function with three or more parameters and visually demonstrate its flexibility.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_07/ A2-07]''Create a dynamic animation using the cos() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_08/ A2-08]''Create a dynamic animation using the cos() and sin() function as a generator for motion.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/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 /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_10/ A2-10]''Create an event that begins when the mouse is pressed and ends when the mouse is released.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_11/ A2-11]''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_12/ A2-12]''Create a button that changes the color of the background when it is clicked.''<br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_13/ A2-13]''Program your moving elements from A2-09 but use classes to represent the two visual elements.''<br /> <br /> ::'''A2-01 thru A2-13 Due: Tuesday October 6'''<br /> <br /> *[http://www.sfu.ca/~eashenhu/courses/iat_800/assignment_2/a2_14/ A2-14]''Create a subclass of one of the asteroids classes that adds a new capability. Some examples of what you could do: create a subclass of Rocket (or ArmedRocket) that shoots flame when the thrusters are fired and/or plays a sound when thrusters are fired, create a subclass of Asteroid that know when it's been hit (instead of doing this test in loop()), create a subclass of Asteroid that splits into two smaller Asteroids when it's hit.''<br /> <br /> ::'''A2-14 Due: Thursday October 8'''<br /> <br /> === Assignment 3 ===<br /> === Assignment 4 ===<br /> <br /> <br /> ==Projects ==<br /> <br /> === Project 1 ===<br /> <br /> * Insomnia! [http://www.sfu.ca/~eashenhu/courses/iat_800/project_1/] ''Display the progress of time in a non-traditional way.''<br /> <br /> === Project 2 ===</div>

Erinashen