1 / 19

Princess Escape Animation Storyboarding Challenge

Learn how to create a storyboard for an animated story about a rebellious princess escaping with a dragon taxi service. Follow step-by-step instructions to design, implement, and test the animation.

mfulcher
Download Presentation

Princess Escape Animation Storyboarding Challenge

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Storyboarding Steve Cooper Barb Ericson August 2009 Storyboarding

  2. Problem Solving Steps • Understand the problem • Create a textual description of what you are trying to do or what story you are trying to tell • Design a solution • In a movie they create a storyboard to plan the movie • Implement the solution • Write the program code to tell the story or create the movie • Test the solution • Run the animation • Revise as needed Storyboarding

  3. Design • Decide on the problem to be solved • Design a solution • We will use a storyboard design technique, commonly used in the film industry Storyboarding

  4. Example • The scenario is: Princess Escape A princess has been grounded by her father (a wizard) and kept inside the castle. Being a rather rebellious princess, she has emailed the local dragon taxi service. The dragon will fly to the princess and she will climb aboard the dragon to escape from the castle – to meet some friends at the village dance club. • The problem is: • How can we create this animation? Storyboarding

  5. Create an Initial World Storyboarding

  6. Storyboard Option 1: Sketches Storyboarding

  7. Storyboard Option 2: Screen Shots Initial scene The dragon is flying towards the princess Storyboarding

  8. 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 in order dragon takes off dragon flies to princess princess climbs on dragon's back dragon and princess escape knight shakes his arm (and sword) in protest Storyboarding

  9. Step 2: Implementation • Toimplement the storyboard, translate the actions in the storyboard to a program. • Program (a.k.a. script) • a list of instructions to have the objects perform certain actions in the animation Storyboarding

  10. Writing the Program • Our planned storyboard (to-do list) is: • The idea now is to translate the design steps to program instructions. Do in order dragon takes off dragon flies to princess princess climbs on dragon's back dragon and princess escape knight shakes his arm (and sword) in protest Storyboarding

  11. Traditional Problem Solving in CS • Read and understand the problem or task specification • Design a solution (develop an algorithm) • Implement (code) • Test • Revise, as needed Storyboarding

  12. Translating the Design • Some steps in the storyboard might be written as a singleinstruction • The robot turns to face the alien • Other steps are composite actions that require more than one instruction • Let’s start with getting the dragon to take off Storyboarding

  13. Action Blocks in Alice Sequential Action Block Simultaneous Action Block Storyboarding

  14. Dragon Takes Off Method • We want the dragon to move up and flap its wings at the same time • Later when the dragon flies to the princess we will want it to move forward and flap its wings • We should create a flag wings method to use in both of these steps Storyboarding

  15. Testing • An important step in creating a program is to run it – to be sure it does what you expect it to do. • We recommend that you use an incremental development process: • write a few lines of code and then run it • write a few more lines and run it • write a few more lines and run it… • This process allows you to find any problems and fix them as you go along. Storyboarding

  16. Comments • While Alice instructions are easy to understand, a particular combination of the instructions may perform an action that is not immediately obvious. • Comments are used to document the code – explain the purpose of a particular segment of the program to the human reader. Storyboarding

  17. Challenge • Open 04DragonMethodSolution.a2w • Add comments in the example world • Describe the action performed by the entire method • describe the purpose of a small segment of code Storyboarding

  18. Challenge • In a group think about a story you would like to tell using Alice • Create a storyboard for the story • What characters will you need • What things will the characters need to know how to do? • Assign a character to each person in the team to develop and save as a new class • Create a subclass • Bring the characters together to tell the story • Import the class Storyboarding

  19. Summary • Storyboarding helps you design a story • Break the action into scenes • Break scenes into an existing method or create a new method • That uses existing methods • The problem solving process is: • Read and understand the problem or task specification • Design a solution (develop an algorithm) • Implement (code) • Test • Revise, as needed Storyboarding

More Related