1. Animation Programs: Scenarios and Storyboards
Alice

2. Step 1: Design Decide on the problem to be solved Design a solution
We will use a storyboard design technique, commonly used in the film industry

3. Example The scenario is: The problem is: First Encounter
After traveling through space, a robot-manned craft has just made a landing on a moon. The robot is on the moon and has set up a camera so earthbound scientists in Houston can view this historic event. The camera view shows the robot, the lunar Lander and some nearby rock formations. Suddenly an alien peeks out from behind a rock, surprising the robot. The robot looks around, spots the alien, and walks over to take a closer look. The alien is frightened and hides behind the rocks.
The problem is:
How can we create this animation?

4. Create Initial World
Active Learning: Students create initial world. Illustrate use of quad view to position objects relative to one another.

5. Storyboard Option 1: Sketches

6. Storyboard Option 2: Screen Shots
Initial scene
The spiderRobot walks toward the alien

7. Storyboard Option 3: Text Form
A textual storyboard is like a "to-do" list.
The Learning to Program in Alice textbook puts a textual storyboard in a box:
Do the following steps in order
alien moves up
alien says "Slithy toves?"
robot's head turns around
robot turns to look at alien
Do together
robot moves toward the alien
robot legs walk
alien moves down

8. Storyboard Java Programming outside of Alice
A textual storyboard is like a "to-do" list.
Lots of tools and methods are used to design a program outside of Alice with object oriented programming:
Flow Charts
UML – unified modeling language
Agile design methods

9. Assignment
Read Chapter 2 section 1

10. Section 2-1 Scenarios and Storyboards
Four step process to create a program thsat animates a virtual world
Read the scenario – a description of the problem
Design – plan ahead
Implement – write the program
Test – see if it works

11. Section 2-1 Scenarios and Storyboards Read the scenario
A scenario is a problem statement describing the overall animation in terms of what problem is to be solved or lesson to be learned
The scenario provides answers to the following questions:
What story is to be told
What objects are needed
What actions are to take place

12. Section 2-1 Scenarios and Storyboards The scenario provides ans-
wers to the following questions:
What story is to be told
Tells a humorous story about a robot’s first encounter with an alien on a distant moon
What objects are needed
Robot, Lunar Lander, Alien
The background should be a moon surface in a space world
What actions are to take place
Alien peeks from behind a rock, robot turns head,
robot moves towards alien, alien hides, robot sends a message back to earth

13. Section 2-1 Design A textual storyboard is like a "to-do" list.
The Learning to Program in Alice textbook puts a textual storyboard in a box:
Do the following steps in order
alien moves up
alien says "Slithy toves?"
robot's head turns around
robot turns to look at alien
Do together
robot moves toward the alien
robot legs walk
alien moves down

14. Section 2-1
Implement
The DVD has all objects properly positioned but not the code
You can start from the DVD or from Scratch
Create the initial scene
Choose a space background
Add spiderRobot, alienOnWheels, lunarLander, rocks

15. Section 2-1 Implement (cont.)
A method is a segment of program code – notice my_first_method() – yours will be empty at first
INSTRUCTOR: move to Alice and describe the program

16. Section 2-1 Implement (cont.) We take the textual story board
or flow chart or visual story boards
and implement the design
Do the following steps in order
alien moves up
alien says "Slithy toves?"
robot's head turns around
robot turns to look at alien
Do together
robot moves toward the alien
robot legs walk
alien moves down
robot turns to look at camera
robot’s head turns red (to signal danger)
robot says “Houston we have a problem!”

17. Section 2-1 Implement (cont.) Do in order versus Do together
Do in order is sequential
Do together is simultaneous
Do the following steps in order
alien moves up
alien says "Slithy toves?"
robot's head turns around
robot turns to look at alien
Do together
robot moves toward the alien
robot legs walk
alien moves down
robot turns to look at camera
robot’s head turns red (to signal danger)
robot says “Houston we have a problem!”

18. Section 2-1 Implement (cont.)
The aliens move method – drag the move method
inside the doinorder block
The move method
It takes arguments or
parameters of direction and amount
Do the following steps in order
alien moves up
alien says "Slithy toves?"
robot's head turns around
robot turns to look at alien
Do together
robot moves toward the alien
robot legs walk
alien moves down
robot turns to look at camera
robot’s head turns red (to signal danger)
robot says “Houston we have a problem!”

19. image of all the methods
Section 2-1
Add the other methods and blocks
Alien on wheels say method
Robot neck head turn method
Robot turn to face method
Do together block
Robot move
forward
Do inorder
Turn left leg
Turn right leg
Alien move
Robot turn
Robot set
Pay attention to the
image of all the methods
and blocks.
Make yours match.

20. Lab
Chapter 2 Lab Lec1