Graphics Reference
In-Depth Information
Figure 4.13
Example of independent Timelines
Now when we play the result in the browser, we see that the red bar
animation stops halfway. This is the expected result; the trigger is on the same
Timeline as the red bar animation so that the stop statement refers exactly to
this Timeline. The green bar, however, is not affected because the Timelines are
not linked. Thus, an animation within a symbol is played entirely to its end inde-
pendently from Timeline actions (stop, play or jump), unless explicit statements
indicate otherwise within the symbol. In our example, the green bar grows over
the defined five seconds while the main Timeline is actually paused. This behav-
ior can be nested in any order by creating additional symbols within a symbol.
Section 4.5.3 gives you more information about how to use this technique to
create complex animation sequences and loops.
4
Project
The files for this example can be
downloaded from http://edgebuch.
simonwidjaja.com
Project Name:
Animation_Symbol_Timeline
4.4.4 Controlling Timelines With Playback Actions
Of course, you do not necessarily always want symbol animations to start im-
mediately and then play to the end. Edge Animate offers two ways to control
symbol Timelines. On one hand, you can set playback actions on the Timeline
for easy control of subordinate symbol Timelines. Playback actions are nothing
more than keyframes that affect the playback behavior of the symbol through
six simple statements. This symbol can be stopped, played or played in reverse.
