CPSC 1045 Introduction to Programming

Please follow the instructions carefully and complete all the steps.

1) Download mickeyandcheesestart.zip and extract the html and js files.

2) mickeyandcheese.js contains drawMickey(x, y) which will draw Mickey mouse at position (x, y), and drawCheese(x, y) which will draw a piece of cheese at position (x, y)

3) All calls to drawMickey and drawCheese should be made within the draw function.  This function will be the only function to actually make the calls to draw Mickey and cheese.

4) Create global variables for Mickey’s position.  They should start out at (300, 300).  Mickey should initially be drawn with these values.  This places him at the center.  There will be no cheese drawn initially, but there should be global variables that will later be used to store the coordinates of a piece of cheese.  Whenever there is no cheese on the screen, these cheese location variables should be set to undefined.

5) When the user clicks on the canvas, use the location of the click to place a piece of cheese there.  There will only ever be one piece of cheese, so the previous image of cheese will be removed.

6) Now detect keystrokes.  When the arrow keys are pressed, move the mouse up/down/left/right 10 pixels appropriately.

7) After moving Mickey with a keystroke, detect when Mickey is within 15 pixels of the cheese.  Remove the cheese if this happens.  Remember the distance between two coordinat Animated Advertising Board

Create an animated advertising board that promotes Langara College.

1) First, add a good background image to the whole board.

2) Next, at the top scroll in a text message from the right and stop it in the middle.

3) At the same time around the horizontal centerline, scroll in an image from the left and stop it in the middle.

4) Then, at the bottom directly display another text message (No need to scroll in).

5) At the end, wait for 5 seconds and then repeat the whole process.