EDOBE XDOM EM Bedienungsanleitung PDF herunterladen (Seite 103)

Use motion paths

Last updated 6/15/2014

In this lesson, you’ll learn to create nonlinear navigation, meaning the animation doesn’t have to play straight from the

beginning to the end, and stop there. You'll add code that gets triggered when the playhead reaches a certain point in

time.

You’ll also add code that moves the playhead to different parts of the Timeline to display particular elements. You’ll also

n to make elements on the Stage respond to different interactions with the mouse cursor.

Understanding JavaScript

JavaScript is the scripting language that adds additional functionality to a web page. Many of the common interface

elements on websites, such as pull-down menus, checkboxes, or search boxes, are created with JavaScript. Edge

Animate also uses JavaScript to power its interactivity, as well as the animations and other effects.

Where the JavaScript lives

Even without adding any interactivity to your composition, your project depends on JavaScript. The JavaScript code is

contained in several separate text documents that have the file extension “.js”. Look at the files associated with your Edge

Animate composition, 05_workingcopy. There are four JavaScript files within the folder called edge_includes:

• edge.0.1.6.min.js

• jquery-1.7.1.min.js

• jquery.easing.1.3.js

• json2_min.js

These files contain the basic code required for any Edge Animate composition. There are also additional JavaScript files,

whic

h are unique to your project. Those files are located outside the edge_includes folder, and are automatically named

with your Edge Animate filename. Your files are named as follows:

• 05_workingcopy_edge.js

• 05_workingcopy_edgeActions.js

• 05_workingcopy_edgePreload.js

When your Web browser first launches your Edge Animate project, it loads the JavaScript code so all the functionality

is ava

ilable when your project plays. All the code is organized as functions, which group commands together. Since each

function has a unique name, you can trigger the commands simply by referencing the name of the function.

Programmers say that a function is “called,” or that the browser “calls” a function.

jQuery and the Edge Animate API

While JavaScript is useful, it’s meant to control all the details of a web page, which is powerful but often clumsy and

complicated. That’s where jQuery and the Edge Animate API come in handy. jQuery is an open-source JavaScript

library that provides an easy way to select, control, and animate elements in a browser. jQuery is not another language,

but simply a set of well-written JavaScript functions. If you look again at the JavaScript files in the edge_includes folder,

you'll see that two of those files are, in fact, files for jQuery.

Along with jQuery, Edge Animate provides additional functions it has built for you. The library of JavaScript functions

Edge Animate has built for your use constitute the Edge Animate API (Application Programming Interface).

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

Keine Kommentare

EDOBE XDOM EM Bedienungsanleitung Seite 103