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.

Project 3 - part #1

Final Project, Build Something Cool! In this project, you will build something of interest to you using the Processing system. The project consists of two parts, with weekly status updates until classes end.

Write a brief description of what you plan to deliver. You should take care to describe key functionality, plus a brief plan of how each of the pieces work together. You should explain a plan of what parts you will build, plus what parts you will use from Java libraries. This plan should also explain the order in which you plan to build the various components. Finally, you should have a plan of what you will deliver if things don't go well. What is your fallback?

Proposal #1

I would like to develop a software for greeting cards design. The user will be able to design and personalize wide range of cards on different occasions, by drawing (lots of different cool brushes and colors), writing (different fonts and colors), use some templates, image and animations resourses, upload their photos and/or capture them right inside the program (possibly with some special effects and frames). I am going to use libraries for working with camera, sounds and some others for extra 3d and 2d visual effects and interactivity. "If things don't go well", I will try it keep as simple as possible, but leave one unique feature to make it different from other similar software.

Proposal #2

Software for greeting cards design. Basic features:

-"Still" mode output

-Save as pdf file

-Due to the save option, probably will not work online (will search for a solution for online version)

-Different drawing brushes and tools

-Text input

-Text color and font change

KEY Feature:

-Concealed message input and highlighting. ex:

SCHOOL OF INTERACTIVE ARTS AND TECHNOLOFY, DILIARA NASIROVA

(secret message is: SOFT CARDS)

EXTRA Features:

-Insert frames (ready made)

-Insert picture (from file)

EXTRA EXTRA Features (if there is enough time):

-Modify pictures (pixalation, transparency...)

-Add animation to the inputed text

-Insert picture (from camera, by capturing within the program)

-Add "animation" mode and save as "movie" option

-Add visual effects (like smoke, flame...)

-Background music select

LIBRARIES:

-Control 5P widgets

-PDF Export

-Extra - Minim, Yellowtail, libraries to work with camera

Tentative Tool Interface:

http://www.sfu.ca/~dnasirov/IAT800/Projects/Project3/tentativeDesign.jpg

Proposal #3

"CREATIVE" WRITING TOOL.

-For the special design of manuals, posters, greeting cards, letters with "creative" writing style

KEY Feature:

-Steganography tool - "writing with concealed message". ex:

SCHOOL OF INTERACTIVE ARTS AND TECHNOLOFY, DILIARA NASIROVA

(secret message is: SOFT CARDS)

BASIC features:

-Text input (color, font, size and transparency properties)

-Save as pdf file

EXTRA Features:

-Different drawing tools: brushes, frames (ready made) etc.

-Insert picture (from file)

LIBRARIES:

-Control 5P widgets

-PDF Export

Tentative Tool Interface:

http://www.sfu.ca/~dnasirov/IAT800/Projects/Project3/tentativeDesign2.jpg

Project 3 - draft1

draft1 - first draft

Project 3 - part #2

[1] - download one-lined version in rar

!!!NOTE: To run program on your machine you should have Control5P library

TwoLines - final, two-lines version

[2] - download 2nd version of two-lined in rar

Export examples:

[3] - One... two... three...

[4] - Creative Writing

[5] - Creative Writing

[6] - Merry christmas!!

[7] - Happy Birthday!

[8] - Congratulations! (TAs :))!