Web Authoring 3 - Midterm Assignment - 2025         20%

Click for Video Instructions

Download assets

Criteria:

1. Create a file using Adobe Animate formatted to HTML5/Canvas and set size to 1000w x 400h. Name the file your lastname_midterm.fla (ouelllette_midterm.fla)

2. After unzipping assets import them all to the library.

3. Build your file just as you see it demonstrated on the video.


Scene 1 timeline

4. 1% Each animation will be inside a MOVIE CLIP located in the Content layer on the Scene 1 timeline.

5. 4% In the first Movie Cip use the PEN TOOL to draw a path on a seperate layer tracing the bird image sitting on a layer below then use it as your first frame of the Shape Tween. (Delete the original bitmap of the bird from the stage once you've drawn it.)

6. 4% Movie Clip 1 will contain the SHAPE TWEEN of the drawn Bird that changes to a ball then a Star and back to the bird in a seamless loop.

7. 5% Movie Clip 2 will contain an animated progress bar playing a song. This does not loop.

8. 3% Movie Clip 3 will contain the ANIMATED MASK showing parts of the image on the layer below.

9. 3% Use The Wizard in Actions Panel to make clicked buttons send the playhead (go to and stop) to the designated frame labels as well as to create a pause on frame 1.

 

Hand in the .fla file to CANVAS.

©2025 Daniel Ouellette