Diliara

Assignments

Assignment 1

A1_01 - Draw three lines.

A1_02 - Draw five lines.

A1_03 - Draw three ellipses.

A1_04 - Control the position of two lines with one variable.

A1_05 - Control the position and size of two lines with two variables.

A1_06 - Control the properties of two shapes with two variables.

A1_07 - Create a simple, regular pattern with six lines.

A1_08 - Program your pattern from Assignment 1-07 using while().

A1_09 - Draw a layered form with two new loops.

A1_10 - Redo Assignment 1-05 using mouseX and mouseY as the variables.

A1_11 - Draw two visual elements that each move in relation to the mouse in a different way.

A1_12 - Draw three visual elements that each move in relation to the mouse in a different way.

A1_13 - Move a visual element across the screen. When it disappears off the edge, move it back into the frame.

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

A1_15 - Using if and else, make the mouse perform different actions when in different parts of the window.

A1_16 - Develop a kinetic image which responds to the mouse.

Assignment 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Assignment 3

A3_01 - Create a subclass of PImage that implements a mosaic( int blockSize ) method...

A3_02 - Write a small app that demonstrates kinetic text.

Assignment 4

A4_01 - For the Drawing editors,

  1. Add at least two sliders that control the properties of the marks that the user is drawing.
  2. If your editor draws in a random location, you must allow the user to now set the location of the mark that the user is now making.
  3. Add a button to clear the screen
  4. Add a pull-down menu that enables some sensible choice, such as shape to draw, or whether to draw filled/unfilled. 

You could use either the ControlP5 widgets or the Spring GUI widgets

Projects

Project 1

Project1 - Build a Cool Clock.

Project 2 - part #1

Create your own drawing tool, emphasizing algorithmic generation/modification/manipulation. Describe in a paragraph what your editor will accomplish by the due date.

Proposal #1

I am thinking of an educational program for children +5 to practice counting, improving some motor skills by using mouse and developing ideas of drawing different shapes. As you see in the picture, from the left panel children will choose a picture they want to draw and then click on points in order from 1 – 30. Lines will be drawn automatically after each correct click. There will be no drawing if child clicks on the wrong number. Total number of points will increase with every exercise. To make it more exiting on the right panel there will be an option to change color and width of the lines drawn.

EXTRA features:

http://www.sfu.ca/~dnasirov/IAT800/Projects/Project2/Part1/project_1.jpg

Proposal #2

The same educational drawing program for children +5, but instead of clicking on points they would have chance to draw themselve by using different tools. In addition, as you see in the picture, on the left panel there will be some prepared sketches that they can you as "guiders" by placing them as a background image. (Sketches will be haft transparent) + Same extra features as in the first proposal.

http://www.sfu.ca/~dnasirov/IAT800/Projects/Project2/Part1/project_2.jpg

Project 2 - part #2

Part2 - Deliver the editor.

This is an educational drawing tool for children +5 to practice counting, improve mouse usage skills and develope basic ideas of construction of shapes. There are options to choose different shapes, colors and brushes.