copyright © 2003 pearson education, inc. slide 5-1 created by jim lengel, college of communication,...

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


Chapter 5Making Things Move

Doubt that the sun doth move,doubt truth to be a liar,but never doubt I love.—from Hamlet


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


Types of Animation

Path Animation Parts-in-Place Animation Animation Synched with Sound Film Loops Lingo-scripted Animation Animating Size and Rotation


Animation Concepts

Location Time Tweening Randomness


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


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


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


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


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


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.


More forms of animation

Rollover animation Mousedown animation Moveable sprites


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.

copyright © 2003 pearson education, inc. slide 5-1 created by jim lengel, college of communication,...

Documents