Adam Ashraf-abadi

-Assignments

Assignment 1

A1_1 - Draw three lines.

A1_2 - Draw five lines.

A1_3 - Draw three ellipses.

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

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

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

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

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

A1_9 - 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_1 Mosaic method

A3_2 kinetic text

Assignment 4

A4 - Add a widget set to the Project 2 (GUI)

-Projects

Project 1

Project1 - Build a Cool Clock.

=== Project 2 === What graphical tools would you creates? Part 1: Proposal

I’m going to create a GUI to draw and paint flowers on the screen. Some buttons or sliders are going to control the color or other properties of the flowers, but the size and somehow the shapes of flowers are going to be changed dynamically by the way the mouse is pressed and held down.

Part 2

Create a Garden

Garden Version2

Final Project

Part 1: Proposal

My Final project will be a program (interface) to visualize some film history data. Through this interface user can select a specific film genre – Drama for instance – or a decade from the pull-down lists, and visually find out what kind of film genre in which period of time is more dominant.

Of course my bigger goal is to develop this program in the future to visualize more parameters of film studies, and expand it even to show some technical aspects of cinema such as montage, cinematography and so on, which would be a useful tool for undergraduate students. But for now my minimum goal is to apply this program for analyzing film genres and creating a model for this kind of data visualization.

Part 2: Project

Final Project: Film Data Visualization

Paper