Tag Archives: Spring 2024

Animate CC: Working with Sound – Spring 2024

Objective:

  •  I can import and use sound in my Animate CC animations, and use the Sound Properties window to change the compression level of sounds.

Tutorial Link:

How to Use Sounds in Animate CC

Required Files:

Pac-Man Music: PacmanSong.mp3

Pac-Man “Wocka”: Wocka2sec.mp3

Pac-Man Eats the Fruit: PacmanEatFruit.mp3

Topics Discussed:

  • Import
  • Extend Timeline
  • Keyframes
  • Layers

Assignment:

  1. If you have not yet completed the “Pac-Man Quiz” animation we started last week, you should do so before attempting this assignment.
    1. Refer to Motion Tweens and Animating Within a Symbol: Make Pac-Man Move and Chomp! if you still need to know how to make Pac-Man move and make his mouth open and close while he moves.
    2. Refer to Animate CC Review and “Quiz” if you need to know what the Pac-Man animation should look like when you’re finished and ready to start today’s Lesson.
  2. Locate the audio files at the top of this posting. You will find the Pac-Man Music: “pacman_beginning.wav” and the Pac-Man Wocka Sound: “pacman_chomp.wav”
  3. Access today’s tutorial link and read through the information on Using Sounds in Animate CC on the Adobe website. Use the information provided to embed these audio clips into your animation. Extend the timelines to accommodate the “PacmanSong” audio file length. Try to match the “Wocka2sec” sound to when Pac-Man eats the dots by moving the audio clips in the timeline to match the keyframes on the Dots layer.
  • If you don’t have dots for Pac-Man to eat, add some!
  • Remember you’ll need to use keyframes to get Pac-Man to eat the dots.
  • The “PacmanEatFruit” sound is provided in case you want to add Pac Man eating the fruit like I did in the in-class example. It is not a requirement, just a stretch goal if you want to take on the challenge!

Save your work as “Your Name – PacManSound.fla”. Turn in your completed animation (now with embedded sound) titled “Your Name – PacManSound.fla” to Today’s Google Classroom assignment post by the end of the day on Tuesday.

Assigned: May 6th, 2024
Due Date: May 7th, 2024

ANIMATE CC REVIEW AND “QUIZ” – SPRING 2024

Objective:

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

Video Link:

Pac Man “Quiz” Example

See video links attached to the previous lessons for review.

Topics Discussed:

  • For a complete list of Topics Discussed, please see the previous lessons starting with April 18th, 2024

Assignment:

  1. Open the “Pac-Man” animation produced in the “Animating with Keyframes – Eat Some Dots!” lesson. Your Pac-Man symbol should now cross the Stage once, “eating” all six dots along the way. If you still need to complete this animation, review the previous lessons 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 Adobe Animate Learn & Support video series linked from the previous lesson pages, The Animate tutorials video series on the Adobe website, Google Search, and your neighbors.
  3. The animation should not be more than 128 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 128 frames.
  5. Save your work. Turn in the completed “Pac Man Quiz.fla” file to today’s Google Classroom post “Pac Man Quiz” by Friday, May 3th.

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 30th, 2024
Due Date: May 3rd, 2024