EDOBE XDOM EM Bedienungsanleitung PDF herunterladen (Seite 104)

100

Use motion paths

Last updated 6/15/2014

You can think of JavaScript, jQuery, and the Edge Animate API as different layers of control. The Edge Animate API is

the top, most superficial layer of control, jQuery is the middle, and the core JavaScript is the deepest layer. A useful

analogy is the control of an automobile. The Edge Animate API would represent the controls you see in the driver’s

seat—the steering wheel, the parking brake, or the gas pedal. They allow you to drive the car without you needing to

know much about its inner workings. They’re created from a combination of levers, dials, and shafts to make

controlling your vehicle simple and easy. Those levers, dials, and shafts represent the jQuery level of control. At the

most granular level, you have JavaScript, represented by the individual nuts and bolts and gears.

Just as it is so much easier to drive a car using the steering wheel a

nd gas pe

dal, so it is to control your Edge Animate

composition with the Edge Animate API. But in both cases, there’s no reason why you couldn’t tinker with the deeper-

level controls for a more customized experience. You can start coding in jQuery and JavaScript to make your own

interactivity. You just need to be sure you’re a competent mechanic, or know your way around JavaScript!

In this lesson, you’ll first learn to add interactivity with the Edge Animate API. Later, as you gain more confidence and

mfor

t, you’ll delve a little deeper and insert some jQuery for more sophisticated effects.

Triggers, events, and actions

Edge Animate uses actions, triggers, and events to incorporate JavaScript in your composition.

Actions are the things that Edge Animate can do, which, given the full JavaScript language at its disposal, is quite a lot.

Actio

ns can range from loading a hyperlink, to changing a particular visual property of an element on the Stage, to

storing a piece of information in a variable for later retrieval.

Triggers are actions that are placed along the Timeline. When the playhead reaches the trigger, the actions are executed.

se trig

gers when you want code to be synchronized by your animation, and not by user control.

Events are things that happen in a composition that Edge Animate can respond to with an action. Typically, events are

use

generated, such as the click of a mouse button, the pressing down of a key, or the tilting of a mobile device.

However, events can also happen automatically. For example, the point when the composition is ready (when all the

assets and code libraries have been downloaded) is an event. Events are always paired with actions. When an event

happens, an action—or set of actions—is executed.

Timeline triggers

Triggers are the simplest way to add code to your Edge Animate composition. Triggers are executed automatically when

the playhead reaches them on the Timeline. You can have multiple triggers along the Timeline. The minimum time

interval between triggers is 1/1000th of a second, but practically, you’d never need or want actions to be executed so

close together.

Creating a loop

For this slideshow of Burma, you’ll insert a trigger at the end of the Timeline to make the playhead automatically return

to the beginning, creating a loop.

1 Click the Zoom Timeline to Fit button at the bottom of the Timeline.

The entire slideshow animation appears in the available space in the Timeline panel.

2 Move the playhead to the very end of the slideshow, at 0:10 seconds.

1 2 ... 99 100 101 102 103 104 105 106 107 108 109 ... 137 138

Kommentare zu diesen Handbüchern

Keine Kommentare

EDOBE XDOM EM Bedienungsanleitung Seite 104

Kommentare zu diesen Handbüchern