Tag Archives: Term 4

Computer Graphic Design

Spring 2014 – 45 – Buttons and ActionScript

Tuesday, April 22nd, 2014

Objective:

  • Use ActionScript to control the Timeline or add interactivity to animations.
  • Place ActionScript code in frames on the Timeline or in external files.
  • Use keyboard shortcuts to view ActionScript.
  • Add event listeners and stop actions.
Student-Friendly Objective:

  • I can use ActionScript to control the Timeline and add interactivity to animations.

Video Links:

Getting Started: ActionScript 3.0:
https://tv.adobe.com/watch/learn-flash-professional-cs4/getting-started-17-actionscript-30/

Getting Started: Building an Application:
https://tv.adobe.com/watch/learn-flash-professional-cs4/getting-started-18-building-an-application/

Topics Discussed:
  • ActionScript 3.0
  • Timeline
  • Layers
  • Event Listener
  • Stop Action
  • Button Symbols

Assignment:

  1. Open the “Pac-Man” animation created yesterday.
  2. Watch both of the above videos to learn how to apply ActionScript 3.0 to create stop actions and to control the position of the playhead during animation playback.
  3. Use the technique demonstrated in today’s videos to create a button called “Rewind” that replays your animation from the beginning.
  4. Use the same technique to create a second button called “Chase” that only plays the portion of your Pac-Man animation where Pac-Man chases the Blue Ghost off the stage.
  5. Save your work. Turn in your animation with functioning Rewind and Chase buttons, titled “Your Name – Pac Man Controls.fla” file to folder “45 – Pac Man Controls” into your period’s subfolder by the end of today.

Assigned: April 22nd, 2014
Due Date: April 24th, 2014

Computer Graphic Design

Spring 2014 – Flash “Quiz”

Thursday, April 17th, 2014

Objective:

  • Produce a complete Flash animation using all the techniques studied over the past two weeks.
Student-Friendly Objective:

  • I can produce a complete Flash animation using all the techniques we studied in class.

Video Link:

None. See video links attached to Flash Days 1-8 for review.

Topics Discussed:
  • For a complete list of Topics Discussed, please see the previous lessons, Flash Days 1-8.

Assignment:

  1. Open the “Pac-Man” animation produced in Lesson 43 – “Working With Sound”. Your Pac-Man symbol should now cross the Stage once, “eating” all six dots along the way, while the “Chomp” sound effect and the background music plays. If you still need to complete this animation, review the previous lessons (Flash Days 1-8) for instructions on how to do this.
  2. Today, your objective is to complete this animation by adding a Red Ghost chasing Pac-Man across the stage to the right, then having Pac-Man chase a Blue Ghost to the left. You will need to utilize Symbols, Layers, Keyframes and Motion Tweens to achieve this. You may use any resources you have available to you to determine the best way to do this. Examples of resources include: This website and the previous lessons, The Learn Flash Professional video series linked from the previous lesson pages, Google Search, and your neighbors.
  3. The animation should extend the entire length of the background music, but should not be more than 127 frames of animation.
  4. Press Command + Return (Ctrl + Enter on the PC) to test your movie.
    • Pac-Man should move across the stage (with the embedded mouth “chomping” animation)
    • Pac-Man should “eat” all six of the dots
    • Pac-Man should be chased by a Red Ghost monster to the right side of the stage. Both Pac-Man and the Red Ghost should exit the stage on the right hand side.
    • Pac-Man should chase a Blue Ghost monster onto the stage, cross the stage, and exit the stage on the left hand side.
    • The entire animation should be completed in no more than 127 frames.
  5. Save your work. Turn in the completed “Pac Man Quiz.fla” file to folder “44 – Pac Man Quiz” in your period’s subfolder by Monday.

Extension Activity

  1. If you complete the quiz objectives early, then you are issued the following challenge:
    • Can you make Pac-Man eat a flashing Power Pellet and turn the Red Ghost into a Blue Ghost before chasing him off the stage?
      • Hint: The flashing Power Pellet can be achieved with keyframes or Motion Presets.

Good Luck!

Assigned: April 17th, 2014
Due Date: April 21st, 2014