Digital Animation Spring 2019-Period 3 Assignments

Final Examination Study Guide

This study guide will explain what you can expect to see on the final exam. You should use this to make sure that you understand the similar projects from the semester so that you will do well on the final. There is nothing to complete and turn in from this information. You will receive the complete instructions and the Animate files on the day of the Final Exam.

The Final Exam consists of 3 projects and is worth 20% of your final grade. Each project will have a partially completed Animate file that you will need to finish. Each project includes a component from the interactive animation unit.

 Project 1: Anticipation and Follow-through

• The project will have an object that will need to be used to demonstrate the animation principles of anticipation and follow-through.
• This project is similar to the Anticipation 1  (dart) and Anticipation 2 projects.
• The interactive component will consist of a button that starts the animation similar to the rocket launcher project

 Project 2: Internal Animation

• The project will have an object that will need to have a repeating animation in its internal timeline. The object will need to move in the scene 1 timeline.
• The similar projects for this final project are the walk cycle and the airplane animation project for internal animation.
• The interactive component is direct keyboard control to move the object similar to the Keyboard Control 2 project

 Project 3: Character Animation

• This project will require the creation of facial and body behaviors as symbols for a character.
• The similar projects for this final project are the Character Creation projects and the Game Character project for the behavior symbols
• The interactive component will use keyboard controls to start each behavior like the Keyboard Control 1 project.

The Final Exam consists of 3 projects. The final is worth 80 points which is about 20% of your final grade. Read and follow all directions carefully. The numbers in parentheses following the instructions below will tell you how the points are assigned.

Copy the "Animation Final" folder from the common drive to your G: drive. All work from this final must be saved in this folder.

 Project 1: Car (13 points)

• Top light on the traffic light shows Red when the animation begins (2)
• Top light goes back to black and middle light turns yellow. Car demonstrates anticipation as it prepares to go. (3)
• Middle light turns black and bottom light turns green. Car moves across screen (3)
• Car hits wall and demonstrates follow through and appropriate cartoon physics reactions. (3)
• Add a button that causes the light to turn yellow and starts the sequence. (2)

 Project 2: Bird (13 points)

• Open the Final 2.fla file
• Create internal animation on the bird symbol in the Library that flaps his wings and moves his head. (7)
• Place the Bird from the Library into frame 1 of Scene 1 (2)
• Add a sky background in a separate layer. (2)
• Create Keyboard controls to move the bird by changing its x and y values (2)

 Project 3: Face (14 points)

• Open the Final 3.fla file
• Add appropriate facial features to complete the face (3)
• Make a symbol out of the completed character (1)
• Create 4 different behaviors for the character: 2 facial and 2 body (8)
• Create keyboard controls that will demonstrate the four behaviors. (2)

Scrolling Background 2 - Create a scene 1 animation that includes the following in any order:

• Walk Right, Jump Right over an obstacle, Continue Walking right (this sequence must be long enough to repeat the background.)
• Walk Left, Jump Left over the obstacle, Continue Walking left (this sequence must be long enough to repeat the background.)
• Duck an object that is thrown at the character
• Jump over an object that is thrown at the character from a standing position
• Throw an object

Interactive Animation Activities

• Flash Button Tutorial - Complete the tutorial up to where it says "Menu Based Flash Sites" Use the Rocket-Launcher.fla file found in the common drive to complete the tutorial. When the rocket launcher is finished, you may try any of the other tutorial sections on the page.
• Ball Buttons - Copy the "ball buttons.fla" file from the common drive. Add buttons in frame 1 (and only frame 1) at the bottom of the stage for Left, Right, Up, and Down. Create appropriate motion sequences for the ball for each button. A left sequence has already been created for you. Each sequence needs to end with the ball back in the center position. Write action script to make the buttons activate each sequence.
• Keyboard Control - Modify the Ball Buttons project to add keyboard control. Use the following event listener code as a model to make it work. You need a new case statement and break for each key, but only one EventListener, function, and switch.:

stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyboardEvent);

function onKeyboardEvent (event:KeyboardEvent ):void {

switch(event.keyCode) {

case Keyboard.UP:

gotoAndPlay(2);

break;

}

}

 

 

• Keyboard Control 2 - Create a new flash animation document. In layer 1, frame 1, create an object (for example, a circle) and save it as a symbol. Make the instance on the stage either a button or a movie clip and give it an instance name (for example, "ball1). Create a script layer and enter the following actionscript code in frame 1. Make sure that your instance name is in place of "ball1" in the example. Test the script. Use this as a model for script for all four directions.

 

 

stage.addEventListener (KeyboardEvent.KEY_DOWN,onKeyboardEvent) ;

 

function onKeyboardEvent (event:KeyboardEvent) {

switch(event.keyCode){

case Keyboard.RIGHT:

ball1.x += 10;

break;

}

}

 

• Airplane Animation - Find a picture of an airplane that is flying left or right and make it a symbol. Create at least 4 specific behaviors for the airplane and assign them to keys to control when they happen. Include a background layer and internal animation for the airplane symbol. The internal animation is some motion that happens all the time while the keys control the external movement animation of the entire airplane.

Scrolling Background - Create a background that is appropriate for your Game Character. The background should be a symbol that is at least three times the length of the stage and seamlessly blend the edges together. There should be an area the size of the stage that is duplicated at both ends of the background (see the example in the image)

Acting Animator Project

Using your game character, develop a new behavior for your character using the following process.

1. Act out the behavior: Physically act out the behavior that you want to create. Practice it until you feel that you have it the way that you want it. Pay close attention to how your body moves as you act it out.
2. Video the behavior: Working with a classmate, use a cellphone to video the behavior. Video it from at least two angles. Add the videos to the Google Classroom Assignment
3. Draw the behavior: Using a keyframe planning sheet, show the key positions of your behavior. You need at least 5 sketches. Take a picture of the planning sheet or ask Mr. Doggett to scan it and add it to your Google Classroom Assignment
4. Write the behavior:  In a Google Classroom document, describe the behavior. Be very detailed. Include clear descriptions of body part positions, muscle movements, and weight shifts.
5. Animate the behavior: Using your sketches as a guide, create the animation in Adobe Animate. Use anticipation, follow-through, and exaggeration as appropriate.
6. Analyze the behavior:  Compare the video and the animation in a Google Classroom Document. Describe the differences.

Game Character- Create a new character that can perform the following actions with appropriate transitions: walk left, walk right, jump up, jump left, jump right, duck, throw something ( do not include the thrown object ). The walks should be in separate symbols that can be looped. Make sure that you demonstrate anticipation, follow-through, and exaggeration where appropriate.

    Complete the Character Emotions assignment before you do the next two behaviors

Part 4 - create a short animation using all 5 character variations from the part 3. There must be a simple story that justifies each action. All appearances of your character must occur in one layer of your animation. Use Swap Symbol to replace the current character with the new behavior. Additional objects or symbols should be added to make the story work. A common design is to have 3 layers in Scene 1.  The bottom layer holds a background image to set a scene for the character. The middle layer holds the character. The top layer holds any other objects used to tell the story.

 

Some of the skills in the exercises should be familiar. Pay particular attention to Distribute to Layers in Exercise 3, Color effects in Exercise 4 and Editing Symbols in Exercise 6.  Make sure that the "Sun" animation from exercise 6 is in its own file. Save exercise 6 as "sun.fla"

Shape Tweening

• Shape Tween Tutorial - Follow this tutorial to learn about shape tweening
• Shape Tweening 1 - Use Shape Tweening to change a rectangle into a circle. Save as shape1.fla
• Shape Tweening 2 - Create an animation that has three shape changing objects. All three objects must be in the same layer. Save as shape2.fla
• Shape Tween Counting - Modify the tutorial code to tween numbers from 1 through 9. Make each number a different color. Use at least two shape hints on each tween to make the transition as simple and clean as possible. Save as shape count.fla

• Flying Dart - throw a dart at a dartboard Find a dart image in Google Images. The best images are clipart type that are oriented horizontal or vertical (not diagonal) Copy and Paste it to Flash
•  Demonstrate Anticipation and Follow-through as you move the dart to the dartboard.
•  Save as Anticipation1.fla

 Anticipation2

• Complete a Keyframe Planning Sheet designing a second animation demonstrating the principles of anticipation and follow-through. This is a different animation using a different subject than the dart and a different method for anticipation and follow-through. Get your planning sheet checked before you start creating the animation.
• Create the animation. Save as Anticipation2.fla

Bouncing Balls

1. Write a detailed description of a bouncing ball. What does it look like before it starts to fall?  What does it look like as it is falling? Describe in detail what happens to the ball as it hits the ground before it starts to go up. What does it look like as it goes back up into the air? Submit the written description in Google Classroom

2. Use the Keyframe Planning Sheet to draw pictures of the main keyframes in the bounce.

• In the air before it falls
• As the ball hits the ground
• Position of greatest squash on the ground
• Last moment before the ball leaves the ground
• In the air at the end of the bounce

 3. Create the following three Bouncing Ball projects. Use your description and drawings to guide your animation.

• Use classic or motion tweens
• The bounce needs three keyframes while in contact with the ground
• Demonstrate Squash and Stretch and Exaggeration
• Use ease on the falling and rising tweens

Bouncing Ball 1 - Demonstrate an understanding of motion tweening and cartoon physics by creating a bouncing ball that starts at a point, falls to the bottom of the stage and returns to the starting point. Save as ball1.fla

Bouncing Ball 2 - Create a second bouncing ball that bounces 5 times. Each bounce should strike the ground at the same location. Each bounce should bring the ball up to a point that is lower than the previous bounce and show appropriate changes in physics with each bounce. Save as ball2.fla

Bouncing Ball 3 - Create a bouncing ball that enters the screen on the left, bounces once in the center and exits the screen on the right. Save as ball3.fla

 

 

Classic and Motion Tweening -Create the following animations involving moving shapes and tweening.

• Frame by Frame - Create a simple flash animation showing a shape move to three different locations on the screen. The shape must remain still at each location for at least one second and take at least one second to make the move. All motion should be as smooth as possible. Save as motion1.fla
• Classic Tween - Create another animation like Moving shape using classic tweening to create the movement. Save as motion2.fla
• Motion Tween - Create another animation like Moving shape using motion tweening to create the movement. Save as motion3.fla
• Two Moving Shapes - Use Tweens to create another animation that moves two objects independently through three different locations. Save as motion4.fla.
• Maze - Using the maze file from the common drive, create two objects that navigate the maze from the left or right to the center using tweens. Use a classic tween for one object and a motion tween for the second object. The objects should not turn at the same time. Try to keep the speed of the objects consistent. The maze is available in H:\common\doggett\digitalanimation. Save as maze.fla