1. Creating Animations in Alice
Note to Instructor: Slides may be used either in a traditional lecture format or with an Active Learning approach. If you are using an active learning approach, suggestions will appear in this "Notes" area on appropriate slides.

2. What will we learn today?
Remember that Alice is a programming tool
Alice uses storytelling to teach programming concepts
We will learn
Writing an animation program
Reading the scenario
Designing a storyboard
Visual and Textual storyboards

3. Animation Program
Creating a computer program that animates objects in a virtual world is a 4-step process
Read the scenario; a description of the problem
Design a storyboard; decide how to go about creating the animation
Implement; write a program code
Test; run the animation

4. Reading the Scenario A scenario
Is a problem statement that describes the overall animation in terms of what problem is to be solved and what task is to be performed
A scenario provides answers to the following questions
What story is to be told?
What objects are needed?
What actions are to take place?
(actions=instructions)
*A scenario gives all necessary details for setting up the initial scene and the planning a sequence of instructions for the animation.
*Some objects will play leading role in the story while other objects will be used to provide background scenery
*The actions in the story will eventually become the instructions in the program

5. Scenario Example Scenario.. Questions Answer.. Questions Answers:
#1: The scenario tells an action story about a thief who stole a treasure and then get caught by the sheriff
#2: The objects are the Man, the randomMan “thief”, treasure chest, sheriff, gun and police car
#3:The actions include, a Man found a treasure, a randomMan looking for his treasure and threat the other man with his gun
a man run to town to inform the police, and the police came to catch the thief and send him to jail

6. Design a Storyboard
A storyboard is the design approach we will use to create a solution to a problem or plan a list of actions to perform a task as specified in the scenario
We break down a scenario into a sequence of many short scenarios
Types of storyboards
Visual storyboard
Textual storyboard
For each short scenario a storyboard is created to depict the sequence of scenes

7. Visual Storyboard
A visual storyboard breaks down a scenario into a sequence of major scenes with transitions between scenes
Each sketch is a snapshot of a scene in the animation
Each snapshot is associated with objects in certain position, colors, sizes and poses
*When one or more transitions (changes) occur in the animation, the transition leads to the next scene (state)
*The snapshots are numbered in sequence and labeled with necessary information

8. Storyboard Template Scene Number: Description Sound: Text: (Sketch)
*Each snapshot is labeled with Scene Number and contains a sketch or picture showing where the objects are in scene
*The description tells what actions is occurring
*If sound is appropriate in animation, the description will include a list of sounds to be played during scenes
*Text maybe included to show words/phrases that will be displayed in a text bubble
*Text and/or sound are used only if neede

9. Storyboard Scenes Scene Number: 1
Description: When a man was walking in a desert he found a treasure
chest full of jewels and gold
Sound: None
Text: None
*Students will be asked to do a Hand-sketched visual storyboard

10. Storyboard Scenes Scene Number: 2
Description: A randomMan came looking for the treasure, he got his
gun out and said “this is my treasure, I stole it from someone else”
Sound: None
Text: the randomMan say “this is my treasure..”
*Students will be asked to do a Hand-sketched visual storyboard

11. Storyboard Scenes Scene Number: 3
Description: The man run to the town and informed the local Sheriff
Sound: None
Text: None
*Students will be asked to do a Hand-sketched visual storyboard

12. Storyboard Scenes Scene Number: 4
Description: The sheriff caught the thief and sent him to jail
Sound: None
Text: The sheriff said “hands up”
*Students will be asked to do a Hand-sketched visual storyboard

13. Textual Storyboard
It looks similar to a “to-do” list and allows to prepare a planned structure for writing program code
It may summarize several scenes from a visual storyboard
A textual storyboard is called an algorithm
The actions in a textual storyboard are often known as pseudocode

14. Textual Storyboard Example
Do the following steps in order
a man moves forward
a man says “Treasure Chest”
Do the following steps together
other man moves toward the treasure
a gun moves toward the man
other man says “this is my treasure, I stole it”
a man turns and moves forward
a sheriff moves toward the other man
a sheriff says “hand up”
the other man turns and gun falls down
a police car comes
*line of a textual storyboard provides an ordered list of actions
*they are written in an outline format and indentation that make it easy to read
*Lines in Italic organize the actions (do-in-order) and (do-together)

15. Evaluate and Revise
After designing the storyboard, it is good to take an objective look to decide what might be changed
The storyboard is Not final
Creative people go through the design-modify-create cycle
Storyboard can be reviewed and modified if necessary

16. Let’s work with Alice
Design and create a visual and a textual storyboard for a scenario of your imagination
Suggested scenario:
An Olympic simulation…An ice skater is practicing her skating routine for the Olympic trials. She will perform
a sequence of jumps and spins, while classical music is playing