http://biov.wiki.iat.sfu.ca/biov/api.php?action=feedcontributions&feedformat=atom&user=Lynda 2026-04-11T17:41:34Z User contributions MediaWiki 1.32.0 http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=3887 2008-12-11T18:17:36Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP5/applet/ '''Draft 5''''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_4/applet/ '''Draft 3''': '' ''DEC 8''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1665 2008-12-11T18:17:10Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP5/applet/ '''Draft 5''': '' ''Prototype in progress''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_4/applet/ '''Draft 3''': '' ''DEC 8''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1664 2008-12-11T18:15:31Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP5/applet/ '''Draft 5''': '' ''DEC 9''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP design draft.jpg/ '''Design Draft''': '' ''DEC 8''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_4/applet/ '''Draft 3''': '' ''DEC 8''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1663 2008-12-08T09:41:27Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP design draft.jpg/ '''Design Draft''': '' ''DEC 8''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_4/applet/ '''Draft 3''': '' ''DEC 8''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1616 2008-12-08T09:04:31Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP_4/applet/ '''Draft 3''': '' ''DEC 8''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1615 2008-12-01T17:57:12Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1601 2008-12-01T17:53:43Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP_3/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1600 2008-12-01T17:29:26Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP3/FP_3/applet/ '''Draft 2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1596 2008-12-01T17:28:56Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP3/FP_3/applet/ '''Draft2''': '' ''DEC 1''']<br /> <br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1595 2008-11-24T17:43:42Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point Nov24''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1568 2008-11-24T17:43:27Z

<p>Lynda: /* Final Project Part 2 */</p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': '' ''starting point''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1567 2008-11-24T17:42:09Z

<p>Lynda: </p> <hr /> <div>==Final Project Part 2==<br /> [http://members.shaw.ca/miyo/iat800/FP2/FP_codeDraft1/applet/ '''codeDraft1''': ''codeDraft1 ''stating point''']<br /> <br /> ==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_3_-_Part_2_(Fall_2008)&diff=1571 2008-11-24T17:38:27Z

<p>Lynda: </p> <hr /> <div>[[Shannon.Coates]]<br /> <br /> [[Lynda.Nakashima]]</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_3_-_Part_2_(Fall_2008)&diff=1565 2008-11-24T17:38:11Z

<p>Lynda: </p> <hr /> <div>[[Shannon.Coates]]<br /> [[Lynda.Nakashima]]</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1566 2008-11-20T06:47:08Z

<p>Lynda: /* Final Project Part I */</p> <hr /> <div>==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1540 2008-11-20T06:39:27Z

<p>Lynda: /* Final Project Part I */</p> <hr /> <div>==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc:'' Final Project Proposal'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1539 2008-11-20T06:38:59Z

<p>Lynda: /* Final Project Part I */</p> <hr /> <div>==Final Project Part I==<br /> [http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc:'' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1538 2008-11-20T06:37:52Z

<p>Lynda: /* Final Project Part I */</p> <hr /> <div>==Final Project Part I==<br /> http://members.shaw.ca/miyo/iat800/FP1/LyndaProposal.doc '' Project Proposal'' ''<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1537 2008-11-20T06:36:28Z

<p>Lynda: </p> <hr /> <div>==Final Project Part I==<br /> <br /> ==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_3_-_Part_1_(Fall_2008)&diff=1541 2008-11-20T06:35:30Z

<p>Lynda: </p> <hr /> <div>[[Shannon.Coates]]<br /> <br /> [http://iat-800.active.ah-on.ca/#final_project Andrew H: Quick Map Proposal]<br /> <br /> [[Wendy.Foster]]<br /> <br /> [[Rey.Lim]]<br /> <br /> [http://www.sfu.ca/~jot/JOT/finalproject/text/ Jeremy Turner: Graphical Text-Adventure Summary]<br /> <br /> [[KimberlyJang.CarolynRush]]<br /> <br /> [[Matt Martell]]<br /> <br /> [[Lynda.Nakashima]]</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1536 2008-11-13T07:43:04Z

<p>Lynda: /* Assignment 4 */</p> <hr /> <div>==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 '' Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1476 2008-11-13T07:42:35Z

<p>Lynda: /* Assignment 4 */</p> <hr /> <div>==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4-01''': ''A4_GalaxyDraw_v2 ''Project 2 with added interface library'' '']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1475 2008-11-13T07:40:22Z

<p>Lynda: /* Assignment 4 */</p> <hr /> <div>==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_v2/applet/'''A4 final''']<br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1474 2008-11-12T17:48:22Z

<p>Lynda: </p> <hr /> <div>==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_1/applet/'''A4 draft''': ''not yet working'']<br /> <br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1464 2008-11-12T17:47:59Z

<p>Lynda: </p> <hr /> <div>==Assignment 4==<br /> [http://members.shaw.ca/miyo/iat800/A4/A4_GalaxyDraw_1/applet/'''A4 draft''': ''A3-01_ver3 ''not yet working'' '']<br /> <br /> <br /> ==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_4_Fall_2008&diff=1466 2008-11-12T17:46:11Z

<p>Lynda: </p> <hr /> <div>[[Shannon.Coates]]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Johnny.Rodgers#Assignment_4 Johnny Rodgers: Assignment 4]<br /> <br /> [[Kimberly.Jang]]<br /> <br /> [[Parjad Sharifi]]<br /> <br /> [http://www.pantopicon.ca/projects/ Wendy Foster]<br /> <br /> [[Allen Bevans]]<br /> <br /> [[Rey.Lim]]<br /> <br /> [[Lynda.Nakashima]]</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1463 2008-10-31T03:05:37Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver3/applet/'''A3-01_ver3''': ''A3-01_ver3 ''NEW: RGB finder for mosaic, with read-out'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1407 2008-10-28T17:40:54Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED: RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1395 2008-10-28T17:39:54Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''UPDATED RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''DRAFT: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1394 2008-10-28T17:39:21Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''Updated RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''draft: Subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1393 2008-10-28T17:37:58Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01_ver2/applet/'''A3-01_ver2''': ''A3-01_ver2 ''Updated RGB finder for mosaic assignment'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''Create a subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1392 2008-10-28T07:00:40Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''Create a subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.''']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1387 2008-10-28T07:00:26Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''Create a subclass of PImage that implements a mosaic method.'' '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.'' (Done)']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1386 2008-10-27T06:05:07Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''Create a subclass of PImage that implements a mosaic method.'' (Not yet) '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 ''Write a small app that demonstrates kinetic text.'' (Done)']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1366 2008-10-27T06:04:15Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''A3-01 ''Create a subclass of PImage that implements a mosaic method.'' (Not yet) '']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 Write a small app that demonstrates kinetic text.']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1365 2008-10-27T06:03:05Z

<p>Lynda: /* Assignment 3 */</p> <hr /> <div>==Assignment 3==<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_01/applet/'''A3-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A3/A3_02/applet/ '''A3-02''': ''A3-02 Write a small app that demonstrates kinetic text.']<br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1364 2008-10-27T06:00:04Z

<p>Lynda: </p> <hr /> <div>==Assignment 3== <br /> <br /> <br /> ==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Assignment_3_Fall_2008&diff=1371 2008-10-27T05:59:11Z

<p>Lynda: </p> <hr /> <div>[http://www.sfu.ca/~vkt/IAT_800/Assign3/ Veronika Tzankova]<br /> <br /> [http://ah-on.ca/page.php?content=active&amp;section=iat-800#assignment3 Andrew H]<br /> <br /> [[Min Soo Kim]]<br /> <br /> [http://www.pantopicon.ca/projects/ Wendy Foster]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Johnny.Rodgers#Assignment_3 Johnny Rodgers: Assignment 3]<br /> <br /> [[Rey.Lim]]<br /> <br /> [[Kimberly.Jang]]<br /> <br /> [[Shannon.Coates]]<br /> <br /> [[Lynda.Nakashima]]<br /> <br /> ----<br /> <br /> NOTE: For anyone who, like me, found extending PImage cumbersome, see this thread: http://dev.processing.org/bugs/show_bug.cgi?id=168. It appears to be opened by someone in our class from 2005 (or someone doing the same exact assignment - Georgia Tech possibly?). Anyway, it's a good discussion of the subclassing issue that we've all dealt with this for this assignment (copying PImage field values over to your subclass manually, including the undocumented 'format' and 'cache' fields). - JR</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1363 2008-10-21T07:52:32Z

<p>Lynda: /* Project 2 Part II */</p> <hr /> <div>==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2_GalaxyDraw/applet/ ''Galaxy Draw'']<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1333 2008-10-21T07:49:40Z

<p>Lynda: /* Project 2 Part II */</p> <hr /> <div>==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object-moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1331 2008-10-21T07:49:04Z

<p>Lynda: /* Project 2 Part II */</p> <hr /> <div>==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> This is a new project. I will keep what I learned in Part I on text manipulation and object moving for future use, but I wanted to concentrate on the drawing aspect of the assignment which I initially overlooked.<br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1330 2008-10-21T07:46:16Z

<p>Lynda: /* Project 2 Part I */</p> <hr /> <div>==Project 2 Part II== <br /> due October 20, 2008<br /> <br /> <br /> ==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1329 2008-10-21T07:45:57Z

<p>Lynda: /* Project 2 Part II */</p> <hr /> <div>==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> <br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1328 2008-10-21T07:45:14Z

<p>Lynda: /* Project 2 */</p> <hr /> <div>==Project 2 Part I== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Project 2 Part II== <br /> due October 8, 2008<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Project_2_-_Part_2_(Fall_2008)&diff=1332 2008-10-21T07:43:47Z

<p>Lynda: </p> <hr /> <div>[[Matt Martell]]<br /> <br /> [[Shannon.Coates]]<br /> <br /> [http://www.pantopicon.ca/projects/ Wendy Foster]<br /> <br /> [http://www.sfu.ca/~lemmott/IAT%20800%20Project%202/applet/ Leah Emmott]<br /> <br /> [[Rey.Lim]]<br /> <br /> [[Parjad Sharifi]]<br /> <br /> [http://ah-on.ca/page.php?content=active&amp;section=iat-800#project2 Andrew Hawryshkewich]<br /> <br /> [[Kimberly.Jang]]<br /> <br /> [[Hon Lam]]<br /> <br /> [[Min Soo Kim]]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Carolyn.Rush Carolyn.Rush]<br /> <br /> [http://wiki.iat.sfu.ca/BioV/index.php/Johnny.Rodgers Johnny Rodgers: Spirographicdesign]<br /> <br /> [http://www.sfu.ca/~vkt/IAT_800/proj2/applet/ Veronika Tzankova - pointillisation]<br /> <br /> [http://www.sfu.ca/~jot/JOT/JOTProject2_drawingtablets_simplebuggyversion/applet/ Jeremy Turner] This version is buggy and still needs more work and increased functionality... I am still working on it.<br /> <br /> [[Allen Bevans]]<br /> <br /> [http://www.sfu.ca/~ecairns/Project%202/project_2_test/applet/ Liz Cairns - Scatter Plot + Cinemetrics] <br /> <br /> [[Lynda.Nakashima]]<br /> <br /> === Comments: ===<br /> <br /> <br /> <br /> ----<br /> <br /> Back to [[IAT_800_Student_Submissions_Fall_2008]]</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1327 2008-10-15T16:27:56Z

<p>Lynda: /* Project 2 */</p> <hr /> <div>==Project 2== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> [http://members.shaw.ca/miyo/iat800/P2/oct15b/applet/ ''non-class'']<br /> [http://members.shaw.ca/miyo/iat800/P2/testClass/applet/&quot;test in class&quot;]<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1235 2008-10-08T06:07:29Z

<p>Lynda: /* Project 2 */</p> <hr /> <div>==Project 2== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and dropping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1188 2008-10-08T06:06:44Z

<p>Lynda: /* Project 2 */</p> <hr /> <div>==Project 2== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> <br /> '''Magnet Board Prototype'''<br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and drop ping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1187 2008-10-08T06:06:35Z

<p>Lynda: /* Project 2 */</p> <hr /> <div>==Project 2== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> <br /> <br /> '''Magnet Board Prototype'''<br /> <br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and drop ping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda http://biov.wiki.iat.sfu.ca/biov/index.php?title=Lynda.Nakashima&diff=1186 2008-10-08T06:06:21Z

<p>Lynda: /* Project 2 */</p> <hr /> <div>==Project 2== <br /> due October 8, 2008<br /> <br /> <br /> THE PROJECT DESCRIPTION:<br /> The contemporary computer scene is dominated by the graphical user interface (GUI). For almost every task, from manipulating text, imagery, sound, video, to configuring a computer's operating system (e.g. control panels), from searching for and organizing information (e.g. the web), to the process of programming (e.g. integrated development environments), there are special purpose GUI tools supporting the task through analogies to embodied interaction with physical objects. But no tool is neutral; every tool bears the marks of the historical process of its creation, literally encoding the biases and viewpoints of its creators, offering affordances for some interactions while making other interactions difficult or impossible to perform or even conceive. While the ability to program does not bring absolute freedom (you can never step outside of culture, and of course programming languages are themselves tools embedded in culture), it does open up a region of free play, allowing the artist to encode his/her own biases and viewpoint. What graphical tools would you create?<br /> Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation.<br /> Explore the balance of control between the tool and the person using the tool. The tool should do something different when moving vs. dragging (moving with the mouse button down).<br /> The code for your tool should use at least one class.<br /> <br /> <br /> <br /> Magnet Board Prototype<br /> <br /> <br /> I will make a prototype of a collaborative sorting tool. Magnet Board is an affinity interface that facilitates sorting of elements and allows objects to pick up attributes from other objects (like colour). It will also allow text object to be two different sizes. The objects can either be text or images.<br /> <br /> I would need to learn how to use fonts, how to generate a new object from a button click, how to move objects around the screen by dragging and drop ping, how to do an attribute swap based on physical overlapping of the objects (collision detection?) how to insert images, how to make two size option buttons available on each object. A little bit scary, but I would be happy just demonstrating the attribute swap and dragging and dropping sort capacity.<br /> <br /> ==Assignment 2== <br /> due October 6th, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_01/applet/'''A2-01''': ''Using beginShape() and endShape(), create a composition with five or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_02/applet/ '''A2-02''': ''Using beginShape() and endShape(), create a composition with ten or more vertices.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_03/applet/ '''A2-03''': ''Create an image different from A2-02, but using the same vertex data.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_04/applet/ '''A2-04''': ''Write a function with one parameter and demonstrate it visually.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_05/applet/ '''A2-05''': ''Write a function for drawing triangles and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_06/applet/'''A2-06''': ''Write a function with three or more parameters and visually demonstrate its flexibility.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_07/applet/ '''A2-07''': ''Create a dynamic animation using the cos() function as a generator for motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_08/applet/'''A2-08''': ''Create a dynamic animation using the cos() and sin() function as a generator for motion.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_09/applet/'''A2-09''': ''Move two visual elements across the screen using the random() function as a generator of movement. Give each element a unique nonlinear motion.'']<br /> <br /> [[http://members.shaw.ca/miyo/iat800/A2/A2_10/applet/'''A2-10''': ''Create an event that begins when the mouse is pressed and ends when the mouse is released.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_11/applet/'''A2-11''': ''Create a responsive image that behaves differently when the mouse is moving and the mouse is dragging.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_12/applet/'''A2-12''': ''Create a button that changes the color of the background when it is clicked.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_13A/applet/'''A2-13''': ''Program your moving elements from A2-09 but use classes to represent the two visual elements.'']<br /> <br /> [http://members.shaw.ca/miyo/iat800/A2/A2_14/applet/'''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 .'']<br /> <br /> ==Project 1== <br /> due September 24, 2008<br /> <br /> [http://members.shaw.ca/miyo/iat800/P1_v3/applet/ '''P1''': ''Mathematical time vs. celestial time -- Finished! '']<br /> <br /> <br /> ==Assignment 1== <br /> due September 12th, 2008<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_01/applet/ '''A1-01''': ''Draw three lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_02/applet/ '''A1-02''': ''Draw five lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_03/applet/ '''A1-03''': ''Draw three ellipses.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_04/applet/ '''A1-04''': ''Control the position of two lines with one variable.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_05/applet/ '''A1-05''': ''Control the position and size of two lines with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_06/applet/ '''A1-06''': ''Control the properties of two shapes with two variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_07/applet/ '''A1-07''': ''Create a simple, regular pattern with six lines.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_08/applet/ '''A1-08''': ''Program your pattern from Assignment 1-07 using while().'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_09/applet/ '''A1-09''': ''Draw a layered form with two new loops.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_10/applet/ '''A1-10''': ''Redo Assignment 1-05 using mouseX and mouseY as the variables.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_11/applet/ '''A1-11''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_12/applet/ '''A1-12''': ''Draw two visual elements that each move in relation to the mouse in a different way.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_13/applet/ '''A1-13''': ''Move a visual element across the screen. When it disappears off the edge, move it back into the frame.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_14/applet/ '''A1-14''': ''Draw a visual element that moves in relation to the mouse, but with a different relation when the mouse is pressed.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_15a/applet/ '''A1-15''': ''Using if and else, make the mouse perform different actions when in different parts of the window.'']<br /> <br /> [http://members.shaw.ca/hanabeestudio/A1/A1_16/applet/ '''A1-16''': ''Develop a kinetic image which responds to the mouse. '']</div>

Lynda