Project+2

=Project 2: Code and Form (25%)= New opportunities in interactive media can be met by applying many of the same visual principles and concepts used in print based design work. At the same time, interactive technologies offer the potential for unique visual forms and dynamic behaviours.

The second project will introduce students to some basic concepts and techniques for exploring interactivity in the context of graphic design. This is process-oriented project and is based on three exercises intended as an introduction to the basics of creating static, moving and interactive compositions using the programming language of [|Processing]

Project 2A
//Logo Design Assignment//
 * 1) Design a logo using only geometric shapes in Illustrator (or graphic software of your choice). It could be for a new or existing organization, business, studio, etc. It's up to you. Specifications:
 * Use only primitive shapes: squares, rectangles, circles, ovals, triangles and lines - any combination of these
 * Must be 250px by 250 px
 * RGB colours only- includes grayscale but no gradients, textures, pictures
 * No text
 * Export and post to the wiki for next class Feb 8
 * 1) Using Processing, recreate your logo.
 * 2) Post your Processing Sketch to openprocessing.org and create a link from the wiki to your project



processing sketch (right-click > save linked file as...)

Project 2B
//Static Shapes// Using Processing, create these static shapes using variables and loops:



Required specifications:
 * sketch size is 250 x 250
 * consider elements of scale, position, shape and colour to slightly alter the visual aesthetics (but the overall structure of your sketches should be similar to the examples above)
 * must use variables and iterations/loops in your Processing code - commenting required
 * output and upload to openprocessing.org and create link in wiki

Project 2C
//Motion Module//
 * 1) Using the following words as the theme of your motion module, sketch some sequence ideas using the storyboard format.
 * Stretch, Loop, Gyrate, Flow, Syncopate, Grow, Emit, Pull, Implode, Emerge, Decay, Split, Attract, Avoid, Blast, Burst, Vibrate, Reproduce
 * 1) Choose 2 different words to create 2 different motion loop sequence of 4 to 6 seconds long that visually describes your words— the motion should be continuous
 * 2) Choose an appropriate size and aspect ratio
 * 3) In total, you will have 2 different motion loop sketches - output and upload to openprocessing.org with link in wiki

Project 2D
//Processing and Interaction//
 * 1) Start by sketching some ideas in storyboard format plus a written brief of the intended interaction and specifications (utilizing the mouse input commands covered in the lecture). There are no set specifications. It is up to you to pitch your idea. Challenge yourself, consider a combination of motion with interaction
 * 2) Using Processing, create a processing sketch with interaction
 * 3) Choose an appropriate size and aspect ratio
 * 4) output and upload to openprocessing.org and create link in wiki

//The more you practice and explore various results by testing and previewing your work, the more control you will have over your Processing file.//