Homework 1: Simple Drawing

Short Description:

Write a program that displays a simple picture composed of multiple components.

This assignment is worth 5 points.

Goals

When you finish this homework, you should

be able to use basic javascript commands to create a simple image on the HTML 5 canvas.
have established your working environment for the class.

Formal Description

Using javascript and the HTML5 canvas, create an image that consists of at least six distinct parts. These parts should be added one piece at a time and create an entire image. You will eventually implement a game similar to hangman and you will use this image to keep score in your game.

This image should be restricted to the upper left quarter of the screen.

There are no restrictions on the content of the image. If you wish you may use the traditional hangman stick figure consisting of a head, body, two arms and two legs. If you wish, you may make Mr. Sunshine, who has a head, two eyes, a smile, a nose and sunrays. The sky is the limit, you just need six components.

You may, if you wish, have additional components in your image. For example, the hangman game has a starting component of a gallows.

Please keep all code for the components isolated from other parts of your code. You will eventually break this code into a series of functions.

The canvas for your program should be 500x500 with a 4 pixel border.

Documentation

Please use relative references to your code in the html file. This will allow me to extract the file in my local environment.

Additional Requirements/Comments

I expect you to build your code based on my examples.

Extras

I find that I want to continue to play with simulations/visualizations of this type. Please do so, but only if you have sufficient time, do not enhance this, or any other project at the expense of your other classes.

Submission

Your homework, at this point, should consist of a single html file, which you should submit to your instructor by the due date. Please make sure that your name, course, and the fact that this is homework 1 is included in the file. Please submit this file as an attachment to an email message.