Allows you to specify several steps for an animation.
The following Move animator will first animate X to 10 over 0.5 second, then from 10 to 15 over 0.5 second. Finally, it will go from an X of 15 to 5 over 1 second.
<Move RelativeTo="ParentSize"> <Keyframe X="10" Time="0.5"/> <Keyframe X="15" Time="1"/> <Keyframe X="5" Time="2"/> </Move>
This time we use
TimeDelta instead of time. With
TimeDelta we can specify time as a relative term instead of absolute. This means that the order of the Keyframes matter, but it lets us reason about the keyframes in terms of their duration instead of their absolute time on the timeline.
Note: Despite being a
PropertyObject the properties in this class are not reactive.
- Fuse.Animations 1.11.2
Interface of Keyframe
Creates a new Keyframe
ObjectValue : object ux
Use the same value for both TangentIn and TangentOut
The direction and strength of the tangent leading into this point.
TangentOut : float4 ux
The direction and strength of the tangent leading out of this point.
The time at which this value is reached, specified in seconds since the start of the timeline.
The time at which this value is reached, specified in seconds since the last