Students will create an animated movie using a series of photos displayed in the browser via HTML, CSS, and JavaScript without Flash. The movie must have a clear beginning, middle, and end with a minimum of 30 photos and be controlled by play, start, and pause buttons. Students will work in pairs to research and implement the required functionality including functions, objects, event handling, and more. The project is due December 10th and is worth a total of 20 points for the movie and 20 points for the code.
1. Web Dev1 – Project Requirements:
1. You will create an animation/movie starring yourselves, by using a series of photos. The series
of photos will be shown on the browser using html/css/JavaScript. No Flash pls. The thene of
the movie could be anything but it should have a clear beginning, body and and ending.
Minimum of 30 photos.
2. The movie should be controlled by three buttons.
Play - Play the movie from the current scene.
Start - Play from start of the movie
Pause - Temporarily pause the movie
Your Movie Here
Start Play Pause
3. You will work in pairs and the submission would be on Dec. 10, 2010.
4. Most of the functionality required here has to be researched but some of them is already
familiar. User defined functions / date/time objects / buttons / event handling (onclick) / image
object
5. Total points for this is
The movie is : 20 points
Number of frames : 15 points
Story: Entertaining: 2 points
Has beginning, body and ending (logical sequence): 3 points
Title : 1 point
The code is: 20 points