Activity Industry Sector
Arts, Media & Entertainment

Activity Originally Created By: Mike Morris


Part of Lesson Plan: Animating Objects Programmatically-Animating an Analog Clock face: Part 2

Activity Overview / Details

Lecture Overview:

Before having the students open the Flash program, provide students with the fill-in-the-blank handout titled animated clock worksheet.pdf [ Download ] Mention to the students that they will need to follow along with you, using Flash as you demonstrate todays lesson. So, whatever you do in Flash today, the students will do as well.

Please Note: As the teacher reading this lesson plan and corresponding "teacher notes", notice the highlighted parts of this lesson plan and the notes. these hilighted sections are to show you that these sections directly relate to the questions and answers in the handout you have given to the students to complete.

Also, explain that while following along, students will need to listen for specific keywords, definitions and phrases as you explain the steps in Flash. If they hear a keyword, definition or phrase listed in the handout, they then try to fill in the blank with the correct word from the word bank. 

Therefore, as the lesson progresses, as the teacher, stop and pause to let the students fill in their blanks on their worksheet.

The students have 2 goals to accomplish by the end of the day:

  • One goal for each student is to have a completed flash document containing the same code that the teacher has.
  • The other goal for each student is to have completed the worksheet with all of the blanks, filled in.

The First Few Steps:

  1. Begin by explaining to the students that today, they will utilize the Date class to retrieve the current date and time (hours, minutes ands seconds) from their computer system.
    Mention that Flash developers call this the “system time” (this highlighted block of text answers question 1 of the fill-in-the-blank handout).
  2. Next, explain that after students have retrieved their system time, they will use actionscript 3.0 to display the time. And the time will be displayed inside of a window, called the “Output window” or “Output Panel”
  3. Have the students begin with a new flash actionscript 3.0 document.

    [ View Image ]

  4. Explain that today, students will not be working with any artwork on their stage. They will just be working with actionscript and Flash's output panel. Therefore, everyone's stage will be left blank.
  5. Have the students select the Window menu and choose "Output" from the list of commands (see image link below)

The teacher will then explain...

"As you can see, your flash interface will now display a panel titled "output". This output panel, is very helpful to flash developers when they work with actionscript. The output panel is used to display information to a flash developer so that the developer may troubleshoot his or her published flash file (aka the swf file)." (this highlighted block of text answers questions 2 and 3 of the fill-in-the-blank handout).

[ View Image

"This is where trace statements come in…

In order to see anything appear in the output window, the developer must make use of what are called "trace statements" you see, trace statements in actionscript, send specific information to the output panel as the swf file runs. So, in order to show us that our actionscript is working properly, we will use trace statements to display our computer’s time to us via the output window." (this highlighted block of text answers question 4 of the fill-in-the-blank handout).

Materials / Resource

  • animated clock worksheet.pdf animated clock worksheet.pdf [ Download ]