Animation properties bundle all information required for animating properties of animated objects. Which properties are animated and which aren't depend on the animated object itself. In the following we'd like to introduce the general structure of how animation properties are declared in TULIP bootstrapping files.
<property> tag defines the name of the property to be animated.
<start> tag specifies the start value when animating the specified property.
<end> tag specifies the target value the specified property shall have at the end of the animation cycle.
<duration> tag specifies the time expressed in milliseconds in which the specified property shall go from its start value to the specified end value.
<delay> tag allows delaying the start of the animation cycle by the given amount of milliseconds. If omitted,
<delay> will be 0.
<looping> tag specifies whether or not the animation cycle shall repeat when the it reaches the end or not. Specify true if animation shall be repeating, false if animation shall run only once.
<reversing> tag allows to further define how looping properties, i.e. properties having
<looping> set to true, are to loop. If
<reversing> is false, the animated property will jump from its end value back to its start value when looping. By setting
<reversing> to true, the animation will reverse its direction when the end is reached, i.e. the property will be animated from its end value to back to its start value. Please not that
<reversing> is only effective if and only if
<looping> is set to true.
Animate opacity of object, starting from 1.0 (fully opaque) down to 0 (fully transparent) over a time of 1000 ms. Loop back to start.
<property>opacity</property> <start>1.0</start> <end>0.0</end> <duration>1000</duration> <looping>true</looping>
Animate scale of object, starting from 1.0 upto 6.0 over a time of 1000 ms. Reverse direction of animation whenever animation cycle ends.
<property>scale</property> <start>1.0</start> <end>6.0</end> <duration>1000</duration> <looping>true</looping> <reversing>true</reversing>