OptionalpProperty to animate
IMPORTANT: If you'd like to animate nested properties (i.e. 'texture.x', 'shader.angle', 'text.text'), you will need to suffix them with "Force Assertions", since it is not possible to derive their types in the type system:
as '$$number'as '$$string'as '$$boolean'See the examples below to see how to use them.
See Action Value for more information.
this.MyStrongElement.animation({
duration: 10,
actions: [
{ p: 'x', v: 100 },
{ p: 'x', v: { 0: 100, 0.25: { v: 200 }, 0.75: { v: 300 }, 1: 400 } },
{ p: 'x', v: (p) => 100 * p },
{ p: 'rtt', v: false },
{ p: 'rtt', v: { 0: false, 0.25: { v: true }, 0.75: { v: false }, 1: true, sm: 0.5 } },
{ p: 'rtt', v: (p) => true },
{ p: 'texture.x' as '$$number', v: 123 },
{ p: 'text.text' as '$$string', v: 'some string' },
{ p: 'text.wordWrap' as '$$boolean', v: true }
]
})
OptionalrvReset value
After manually stopping the animation, the defined value v at progress 0 is used.
If another value is desired, rv can be used.
See Action Value for more information.
OptionaltTag selector (see Element.tag function) on which the animation will be applied
animation() on will be animated.WARNING: Because it's impossible to make tag selection type-safe it is recommended
to use a reference when using TypeScript, or call animation() directly on
each Element you wish to animate.
OptionalvValue object decribing animation
See Action Value for more information.
Animation Action Settings object literal
Remarks
See Animation Actions for more information.