creating an animation program alice. recall from last lecture we began the animation creation...
DESCRIPTION
Step 2: Implementation Implementing an animation requires Setting Up the Initial Scene in Alice Writing the Program (Script)TRANSCRIPT
![Page 1: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/1.jpg)
Creating An AnimationProgram
Alice
![Page 2: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/2.jpg)
Recall from last lecture
We began the animation creation processWe introduced the concept of storyboard
We will continue using the example presented last lecture
![Page 3: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/3.jpg)
Step 2: Implementation
Implementing an animation requires Setting Up the Initial Scene in AliceWriting the Program (Script)
![Page 4: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/4.jpg)
Create Initial Scene
![Page 5: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/5.jpg)
Techniques and ToolsMouse used to
set up the initial sceneapproximately position objects in the scene
Camera Navigation is used toset the camera point of view
Drop-down menu methods are used to resize objectsmore precisely position objects in the scene
Scene Editor's Layout Manager is used toobtain specific alignmentsposition one object relative to another object
![Page 6: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/6.jpg)
Writing A Program
"Writing" a program (script) a list of instructions to have the objects perform certain actions in the animation
![Page 7: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/7.jpg)
Writing the Program
Our planned storyboard (to-do list) is:
The idea now is to translate the design steps to program instructions.
Snowman turns to face snowwoman.
Snowman “makes eyes” and calls out to snowwoman.
Snowwoman turns around.
![Page 8: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/8.jpg)
Translating the Design
Some steps in the storyboard can be written as a single instruction
The snowman turns to face the snowwoman
Other steps are composite actions that require more than one instruction
The snowman tries to catch the snowwoman’s attention is two actions
Snowman says “ahem”Snowman raises and lowers his eyes
![Page 9: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/9.jpg)
Actions
Sequential Some actions occur one after the other
first step (snowman turns to face snowwoman) second step (snowman tries to get snowwoman’s attention)
SimultaneousOther actions occur at the same time
Snowman says "Ahem" and while simultaneously blinking his eyes
![Page 10: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/10.jpg)
Action Blocks in Alice
Sequential Action Block
Simultaneous Action Block
![Page 11: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/11.jpg)
Write the Animation Program
Will develop in class.
![Page 12: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/12.jpg)
Coding the first 2 steps
Things to note: Nesting of DoTogether and DoInOrder blocks Arguments for the move instruction
direction distance
![Page 13: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/13.jpg)
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.
![Page 14: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/14.jpg)
Comments
While Alice instructions are easy to understand, it is often desirable to be able to explain (in English) what is going on in a program We use comments to explain to the human reader what a particular section of code does
![Page 15: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/15.jpg)
Notes:
1) Comments appear in green
2) Alice ignores comments.
3) Comments make the program easier to read.
![Page 16: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/16.jpg)
In the previous example, the comment described a large block of program code.Comments also can be used for a small subsection of the program code.
![Page 17: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/17.jpg)
Assignment
Read Chapter 2-2, A First Program
Read Tips & Techniques 2, Orientation and Movement Instructions
![Page 18: Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will](https://reader036.vdocuments.net/reader036/viewer/2022082600/5a4d1b1d7f8b9ab0599942cb/html5/thumbnails/18.jpg)
Lab
Lab 2-2