1 / 13

Creating An Animation Program

Creating An Animation Program. Alice Web Design Section 8-4. Recall. We began the animation creation process We introduced the concept of storyboard We will continue using the example presented in the previous session. Step 2: Implementation.

vail
Download Presentation

Creating An Animation Program

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. Creating An AnimationProgram Alice Web Design Section 8-4

  2. Recall • We began the animation creation process • We introduced the concept of storyboard • We will continue using the example presented in the previous session

  3. 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

  4. Writing the Program • Our planned storyboard (to-do list) is: • The idea now is to translate the design steps to program instructions. 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

  5. Translating the Design • Some steps in the storyboard can be written as a singleinstruction • The robot turns to face the alien • Other steps are composite actions that require more than one instruction • To make the robot legs walk, each robot leg (five legs) must bend at a joint

  6. Creating a Flowchart • Once you have the steps you can create a flowchart of the processes: Robot turns to look at alien Start Alien Moves Up Robot moves toward the alien and at the same time, robot legs walk Alien says “Slithy toves” Robot’s head turns around Alien moves down Stop

  7. Action Blocks in Alice Sequential Action Block Simultaneous Action Block

  8. Demo • Ch02FirstEncounter

  9. Concepts in this first program • Program instructions may have arguments • Example: for the move instruction, the arguments we used in this example were • direction • distance • DoTogether and DoInOrder blocks can be nested one inside the other

  10. 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.

  11. 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. • Add a comment by dragging

  12. Demo • Ch02FirstEncounterwithComments • Comments in this example world illustrate • description of the action performed by the entire method • description of the purpose of a small segment of code

  13. Rest of Today • Read Chapter 2, Section 2 • A First Program • Read Tips & Techniques 2, Orientation and Movement Instructions • Create an animation of the story you have in your storyboard • Create a flowchart for your process • Create the story in Alice • You have 2 days to complete this exercise • Turn in the storyboard, the flowchart and be prepared to show the program..

More Related