Project Builder 2

You have been asked to develop a website illustrating the signs of the zodiac.  The introductory screen should have a heading with a mask effect and 12 zodiac signs, each of which could become a button.  Clicking a sign button displays an information screen with a different graphic to represent the sign and information about the sign, as well as special effects such as sound, mask effect, and character animation (inverse kinematics).  Each information screen would be linked to the introductory screen [Note:  Using the inverse kinematics feature requires ActionScript 3.0, therefore, you will start with a movie that has the ActionScript for the buttons and stop actions already developed]

[18 points]

Sample Solution


  1. Open fl5_11.fla from the Digital Design folder on the server
  2. Save it to your server folder as FL_C5_PB2_zodiac5_your username
  3. Change the frame rate to 12 fps
  4. Test the movie and study the Timeline to understand how the movie works
  5. Refer to the example as you complete the introductory screen with the following:
    * A new layer above the signs layer named 'heading' with the heading, ‘Signs of the’ that appears from frame 1 through frame 31 [1 pt.]
    * A new layer named 'masked' that contains the word 'Zodiac' and that appears from frame 1 through frame 31
    * A mask layer that passes across the heading Zodiac [1 pt.]
    [Notes:  Use a fill color that can be seen on the black background – after creating the motion tween, drag the end of the tween span on the Timeline to frame 31 – be sure to set the Layer Properties for the mask and masked layers]
    * A new layer that displays the word 'Zodiac' in frame 31 only [1 pt.]
    [Note:  Remove frames 32-80 from the layer by using the Remove Frames option from the Timeline command of the Edit menu]
    [* A new layer with a sound that plays from frame 1 through frame 31 as the mask is revealing the contents of the masked layer] [1 pt.]
  6. Refer to the example as you complete the Scorpio screen with the following:
    [Notes:  The Scorpio screen starts in frame 51 – remove frames in other layers containing content that you do not want displayed after frame 31, such as the Zodiac heading]
    * A new layer with the three-line heading
    * An inverse kinematics animation that moves the tail [10 pts.]
    [Note:  Be sure to connect the head to the tail]
  7. Test the movie, then save it
  8. Save the movie as zodiac5-mc


Sample Solution


  1. Select frame 51 on the Armature1 layer and convert the IK animation to a movie clip [2 pts.]
  2. Delete the Armature1 layer, then select frame 51 on the Scorpio layer and drag the movie clip to the Stage
  3. Create a motion tween to animate the movie clip so the scorpion moves across the screen [2 pts.]
  4. Test the movie, close the Flash Player window
  5. Save the movie
  6. Publish the movie
  7. Post the movie to the Hulk server