Animate Assignment 1

  1. Create a new .fla file using the HTML5 Canvas format. Set the document properties to a size of 1200 pixels wide, 800 pixels high, and a frame rate of 24 frames per second. Choose a Stage/background color other than white; or you can make it transparent. The format, document size, and frame rate can be set when you first create the document. These properties and the background can also be set inside the document by choosing Modify>Document.

  2. Create a frame-by-frame animation or a tween consisting of 24 or more frames where there is a change in content among at least some of the frames. You can make this very simple or more complicated, whatever you choose. You may want to use one or more of the tools we have studied and any of the techniques we have studied.

  3. Save the .fla file with an filename equal to your lastname in a folder called hw4.

  4. Choose File>Publish Settings. and make sure that JavaScript/HTML is checked at the left. Uncheck the Loop Timeline checkbox at the right so your animation does not loop. Click on Publish to generate the html, JavaScript file, and the images folder (there may or may not be an images folder)
  5. With a text editor such as Notepad++, Visual Studio Code, etc., add some content to the html file so you see how you can incorporate your Animate movie into a web page. You can add as little as one sentence if you like.
  6. Upload the hw4 folder to your your mydrive webspace.

  7. Zip the hw4 folder containing the fla file, the html file, the .js file, and the images folder (if there is one) and attach the zip file against the assignment on Canvas. Submit the URL to your hw4 folder in myDrive on Canvas.
  8. In a text file that you attach to Canvas or in comments in Canvas, briefly explain your animation and what tools or techniques you used.


Although you will not be graded on how good things look (this isn't an art class), remember that outside of this class, it will matter.

The most helpful items on the schedule page for this assignment will be the first two writeups on Animate that are linked to from the schedule page, i.e.

You may also find the first two Animate videos useful - you can find them in the ITE170 Canvas course site.

Revised: October 6, 2021. Comments to William Pegram,