annemarie_Project_3

ORGANIZATIONAL THEME: Timeline

CONTENT LIST:

**Final 1c:** A project made using HTML and external CSS. It incorporates magazine cutout images in 4 different compositions. They link together in a linear fashion using image rollovers.

**Final 1d**: A project made using HTML and external CSS. The compositions incorporate magazine cutout images and a Wikipedia article about ice cream. The 5 different layouts each link to every other layout using image rollovers. The rollovers reveal numbers which correspond to which layout it will link to.

**Final 2a:** This is a logo design I made in processing. I was inspired by Lego.

**Final 2b:** This is a project I made in processing to copy and modify the example images given. The goal was to make use of loops.

**Final 2c:** These are animations I made in processing to demonstrate the words “split” and “emit”.

**Final 2d:** These are interactive animations I made in processing. “night and day”, and “target practice”.  Night and Day  Instructions:  Drag mouse on the left half to draw "clouds".  Drag mouse of the right half to produce "stars"  Click to clear.

 Target Practice  Instructions:  Hover over the "target" to produce multi-coloured targets.  Click to produce white squares.  Press the space bar to clear.

Hi! My name is Anne Marie Hood, and I am a first year student in the YSDN program at York University. This is a website I have made to show some of the projects that I have done in my Interactivity class. Some of the projects were made using HTML and CSS, while others were made using Processing. Thank you and enjoy! If you have any questions, comments, or suggestions feel free to email me at annemarie.hood@hotmail.com.
 * About:**

STRUCTURE:

WIREFRAME:

MOODBOARDS:


 * 1
 * 2

VISUAL DESIGN COMP:

FINAL WEBSITE: Timeline

The bottom polka dots should be at the bottom of the page, and the bow on the right should go to the end of the window.
 * note: my website is supposed to open in a window of a certain size. It works on some computers and doesn't work on others.