Back

Assignment 1 - Shapes and Transformations

Guidelines

Due at 11.59pm, Sunday, September 25th.

• You are graded on the completeness, neatness, comments, and visual style of your final assignment
• All assignments are individual
• ZIP ALL SKETCH FOLDERS (not individual files) INTO ONE ZIP FILE
• Submit to WebCT before the deadline

There is no late policy for this course!

If you do not complete the assignment by the deadline, you will receive 0
You will be excused pending discussion with your TA

Part 1 - Drawing Directly

Draw a scene using the shapes covered in lectures and labs.
Place this code inside the setup method.
Examples:

• A location (city, street, ocean, mountains, island, jungle)
• A pattern (shapes in grid layout, shapes inside shapes)

Requirements:

Practice each shape type and have some variation in position, size, shape.
Use at least 4 of EACH shape type:

• Line
• Rectangle
• Ellipse
• Triangle
• Quad
• Arc
• Curve

Use at least:

• 8 different fills
• 4 different strokes
• 4 different stroke widths
• Use both RGB and HSB color modes

Part 2 - Drawing with Transformations

Draw a character for your scene.
Place this code inside the draw method and clear the background.
Examples:

• A spaceship
• An animal
• A person

Requirements:

• Use at least 4 different shapes
• Use at least 16 shapes in total
• Your character drawing should be oriented around the point (0, 0)
• Your character drawing should no more than 200 pixels wide or tall

• Translate your character to the center of the screen
• Rotate your character 45 degrees to the left and 45 degrees to the right based on the mouseX position
• Scale your character based on the mouseY position (suggested values: 0.5 - 2)
• Your mouseX and mouseY interaction must use the full width and height of the window

Part 3 - Drawing in a Method

Make a new sketch (using your background from Part 1 and character from Part 2).
Move your scene code and character code inside their own methods.
Call these methods from the draw method.

Requirements:

• Clear the background
• Call the scene method
• Provide x, y, rotation, and scale parameters for your character method
• Call your character method at least 8 times with different positions, rotations, and scalings

Tips and Tricks

• Be creative with your character! You will be reusing these characters in future assignments
• Style counts! Take time to design your scene and character
• Your animation should match the character's design
• Start now! Use Part 1 to practice the shapes learned in the lectures