CS 101   Web Construction,  Winter 2012,  Instructor:  Jeffrey Horn ASSIGNMENTS

Assignment 7  "FIND WALDO!   JavaScript (with Image Maps)"

• Handed out:   Monday, April 16, 2012
• Due:    (last week of class)
• Goals: 
  • Learn to use image maps
  • Intro to Javascript programming
  • Use of "onclick" and <script> for incorporating javascript
  • Use of state variables
• Details:   
  • Implement a "Find-Waldo" or "What is Wrong with this Picture?" type of game.
  • The game should:
    1. Show the user an image.
    2. Ask the user/player to find at least four distinct "somethings" (e.g., Waldos) in the image and click on them.
    3. If the user's click is correct, the user's score should increase.  If incorrect, the score should decreas.
    4. The user can only gain points from one of the Waldos once.   If they click on it again then they should either lose points off their score or at least not gain any more points.   You should also display a message (NOT using an "alert()" popup!) to tell the user to stop clicking on the same item!
    5. Score must be cumulative and displayed.
  • Help: 
    • Example Code
    • ISMAP  Attribute:  To help you find out the coordinates of items in your image, use the ismap attribute in your img element.   This allows you to see the coordinates of your mouse!  Try it here.
• Grading Guidelines:    (Find Waldo)
  • TBA

• Turn-in Procedure:   Upload to web.  Send me URL via the hand-in form here.