Graphics Reference
In-Depth Information
3.
Keyframes:
Here is where the actual choreography takes place. Any element
animated over a defined time frame is displayed together with its keyframes
as a colored animation track. Clicking one of the tracks displays the starting
and ending values so you can view the keyframe's properties. Keyframes can
be moved around with the mouse, and animation sequences can be easily
transferred to other tracks with copy-and-paste.
Figure 2.14
Animation sequences and
keyframes in the Timeline
4.
Timeline with playhead:
The Timeline with playhead is located directly
above the keyframes. Use the mouse to move it around and jump within
an animation to a certain point. Directly below the Timeline time markers
are two other lanes that you might not immediately notice. The upper lane
is used for labels. A label is a point on the Timeline that can be jumped to
through code. To define such a label, simply move to the desired location
and then click on the icon with the down arrow to the left of the lane. A
label is solely defined by position and text. For example, the latter can be
used in a play statement as follows:
sym.play "Intro")
.
Figure 2.15
Labels and actions enable
the creation of nonlinear
compositions
Triggers and actions are located in the grey-shaded lane under the labels. This
is where you can execute an action; in other words, these are code statements
at a specific point on the Timeline. As with elsewhere in Edge Animate, code
statements are displayed here in curly braces. Using the diamond-shaped key-
frame icons, you can assign this code to a specific point in time. These particular
types of actions are called triggers. To create a new trigger, click the down arrow
icon to the left of the lane (like in the Label track above) to open the Code panel.
