Due: May 5^th 1:00 pm (electronically)
80 points
+5 points for assignment 6 (March 28)
+5 points for assignment 7 (April 8)
+ 10 points for assignment 8 (April 22)

The objectives of this assignment are to create an interactive web page using graphics. Please note the assessment sheet that I will use in grading your assignment.

You must

1. Create your own graphics
2. Have your idea approved via assignment 6
3. Animation are to be created using Javascript that you create
4. Use two or more animation techniques
5. One animation technique that is free moving
6. One anmiation technique where the locations are pre-set
7. Submit your first animation technique by April 22^nd on assignment 8

Select a project from these ideas:

• Build a race track where at least two racers will compete. Racers can be vehicles, animals (tortoise, hare), bugs, etc. Make sure the backdrop scene is appropriate and contains at least two different types of elements. The elements of the scene should be placed by Javascript (either through div tags or through an html table). The user will create the race track. Permit the creation of vertical and horizontal pieces as well as T's and X's for intersections by either clicking or moving the mouse. The script should determine proper orientation of the cell based on proximity to other cells. Once the track is constructed, start the race by allowing racers to begin moving along the track; moving forward until an intersection is reached, then choosing randomly from pathss leading from the intersection. Create probabilities that racers will select one path or another based on the elements of the back drop attracting differing amounts of traffic.
• Flower garden. Create at least two different flower types that each have different movements that occur as the wind blows or that occur as a result of growth over "time". Permit the user to set the rate the wind blows or the rate at which time progresses. The movement should be as realistic as possible (3D where appropriate). The flower parts should change shape and direction as appropriate. Transitions between one move and the next are given by defining a state diagram. These transitions should be defined setting elements of a matrix to the probability of moving between two states. So the i-jth cell of the matrix is the probability of moving from state i to state j.
• Your choice of a real-world simulation that uses multiple elements, motion of the elements, timing, and creativity. Your proposal must be approved.

In addition your assignment must:

• be placed in a directory named as9
• be called as9.html
• be documented internally with your names, description of the program, and a variable dictionary
• Place it on your class web site
• E-mail me the link from your University account (by 1pm on May 5^th
• Use the subject: CPSC 217 - Assignment 9. Include the location of the final code as well as the names of all members of the team