EDOBE XDOM EM Manual de usuario descargar pdf (Pagina 135)

131

Use motion paths

Last updated 6/15/2014

Review questions

1 What's the difference between actions, triggers, and events, and how are they used to create interactivity in Adobe

Edge Animate?

2 What's the relationship between the Edge Animate API, jQuery, and JavaScript?

3 How do you create a button?

4 Why would you use a label, and where are they located?

5 What is the Code panel, and how does it differ from the panels for actions and triggers?

6 What does the code sym mean in the Edge Animate API, and how do you use it?

Review answers

1 Actions, triggers, and events are all JavaScript code that you use to create interactivity in Edge Animate. Actions are

commands that tell Edge Animate to do something, such as hide or display an element, or load a hyperlink. Triggers

are actions that are placed on the Timeline so they are executed at a specific time. Events are things that happen in

a composition that Edge Animate can respond to with actions.

2 Edge Animate uses JavaScript to power its animation and interactivity. JavaScript is the standard scripting language

for Web browsers. jQuery is a library of well-written JavaScript functions that make it easier to select and animate

elements on a web page. The Edge Animate API provides additional functions (based on JavaScript and jQuery) to

control elements in your composition.

3 A button is a visual indicator of what the user can interact with. You can create a button by creating an element on

the Stage, then clicking the Open Actions button in the Timeline or Elements panel to add an event. In the event tab

that opens, insert actions that you want triggered when the event happens.

4 Labels are located at the top of the Timeline. Labels identify specific points in time so that you can refer to label

names, rather than fixed milliseconds, in your JavaScript code.

5 The Code panel, which you access by pressing Ctrl+E (Windows)/Command+E (Mac OS), allows you to display all

the JavaScript code associated with your current Edge Animate composition. It also shows any code errors and their

location in the script. In contrast, panels for adding triggers, events, and actions show only the code for the

associated element, or time.

6 The word sym represents the whole Edge Animate composition, when the statement is on the main Timeline. Edge

Animate is organized around the concept of "symbols," and the root, or base-level symbol is the Edge Animate Stage.

This root symbol contains all the elements and animations in your Edge Animate composition—everything on the

Stage or Timeline. In JavaScript, when you want to do something, you first identify the object that you want to

control. If you want to affect the Timeline of your Edge Animate composition, the first thing that is written in the

script is sym.

Using Animate files in InDesign or Muse (Video)

Introduction to Edge Animate

Video Tutorial

Introduction to Edge Animate

1 2 ... 130 131 132 133 134 135 136 137 138

Sin comentarios

EDOBE XDOM EM Manual de usuario Pagina 135