2. Copyright © 2003 Pearson Education, Inc. Slide 5-1 Created by Jim Lengel, College of Communication, Boston University Web Wizard’s Guide to Shockwave by James G. Lengel

3. Copyright © 2003 Pearson Education, Inc. Slide 5-2 Chapter 5 Making Things Move

4. Copyright © 2003 Pearson Education, Inc. Slide 5-3 Objectives To explore the different types of animation you can include in a Shockwave project To understand basic animation concepts To learn how to create a simple path animation To learn how to create a simple parts-in-place animation To learn how to create and animate a film loop To learn how to set up animation that users can initiate To learn how to create animation from Director’s built-in behaviors To discover hints and tips for creating animation To learn how to create rollover, mouseDown, and moveable sprite animations through scripting

5. Copyright © 2003 Pearson Education, Inc. Slide 5-4 Types of Animation Path Animation Parts-in-Place Animation Animation Synched with Sound Film Loops Lingo-scripted Animation Animating Size and Rotation

6. Copyright © 2003 Pearson Education, Inc. Slide 5-5 Animation Concepts Location Time Tweening Randomness

7. Copyright © 2003 Pearson Education, Inc. Slide 5-6 Creating Path Animation Plan the Animation Create the Sprite Place the Sprite Define the Path Test the Animation Modify the Path Synchronize Sound Change Size or Rotation

8. Copyright © 2003 Pearson Education, Inc. Slide 5-7 Parts-in-Place Animation Create several sprites, each slightly different Drag the sprites to adjacent frames in the Score Test the animation Set registration points as necessary

9. Copyright © 2003 Pearson Education, Inc. Slide 5-8 Creating a Film Loop Drag cast members to adjacent frames in the Score Set the ink to matte or background transparent Test the animation Select the frames Choose Film Loop from the Insert menu Name the film loop See it appear in the Cast

10. Copyright © 2003 Pearson Education, Inc. Slide 5-9 User-Initiated Animation Set up a marker in the Score (“fly”) Place the animation at the marker Insert a go-to-the-frame loop before the marker Attach a script to an object before the marker: on mouseUp go to “fly” end

11. Copyright © 2003 Pearson Education, Inc. Slide 5-10 Built-in Animation Behaviors Place the sprite on the Stage Choose Library from the Window menu Choose Animation > Automatic Select the desired animation Drag its icon to the Sprite in the Score Test the animation

12. Copyright © 2003 Pearson Education, Inc. Slide 5-11 Animation Hints and Tips Large objects do not animate smoothly—there are too many pixels to move at once. Animate small objects for best results. You can create several simultaneous animations, but not so many that you slow down the movie. You can animate text as well as graphic objects on the screen. Placing an appropriate sound effect into a sound channel, across the same frames as your animation, adds realism. Don’t animate things, especially text, unless there is a reason for it. Use plenty of frames for your animation. Try to keep frame-to- frame movement under 10 pixels. Real-world animators spend hours creating lifelike animation with Director. Do not expect to duplicate their craft in one lesson.

13. Copyright © 2003 Pearson Education, Inc. Slide 5-12 More forms of animation Rollover animation Mousedown animation Moveable sprites

14. Copyright © 2003 Pearson Education, Inc. Slide 5-13 Summary The two main types of animation in Shockwave are path animation and parts-in- place animation. The three main animation concepts are location, time, and tweening. You can create path animation by dragging a sprite’s registration point across the screen over a series of frames. Parts-in-place animation requires at least two different cast members that are displayed in rapid succession at the same location to give the impression of movement. A film loop is a short series of animated frames converted to a single cast member. This allows you to combine path animation and parts-in-place animation. It’s easy to set up an animation that users can initiate. Director provides built-in, pre-scripted animation behaviors you can use in Shockwave projects. Following guidelines for animation will make your Shockwave projects look and work better. You can write simple scripts to create rollover and mouseDown animations and to make moveable sprites.