Difference between revisions of "LGUI2:AnimationType:chain"
Jump to navigation
Jump to search
(Created page with "The chain LGUI2:Animation Type allows a sequence of LGUI2:Animations to be performed, one after another. == Animation properties == {| border="1" style="border-coll...") |
|||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
The chain [[LGUI2:Animation Type|Animation Type]] allows a sequence of [[LGUI2:Animations|Animations]] to be performed, one after another. | The chain [[LGUI2:Animation Type|Animation Type]] allows a sequence of [[LGUI2:Animations|Animations]] to be performed, one after another. | ||
+ | |||
== Animation properties == | == Animation properties == | ||
+ | ; A chain Animation uses these properties in addition to those defined by [[LGUI2:Animation|Animation]] | ||
+ | |||
{| border="1" style="border-collapse:collapse" cellpadding="5" | {| border="1" style="border-collapse:collapse" cellpadding="5" | ||
!colspan="2"|Animation properties for "chain" | !colspan="2"|Animation properties for "chain" | ||
Line 11: | Line 14: | ||
== Examples == | == Examples == | ||
− | + | ; Slide to 0,0 and then to 1500,0 | |
+ | { | ||
+ | "type": "chain", | ||
+ | "name": "backAndForth", | ||
+ | "animations": [ | ||
+ | { | ||
+ | "type": "slide", | ||
+ | "name": "back", | ||
+ | "destination": [ 0, 0 ], | ||
+ | "duration": 1000 | ||
+ | }, | ||
+ | { | ||
+ | "type": "slide", | ||
+ | "name": "forth", | ||
+ | "destination": [ 1500, 0 ], | ||
+ | "duration": 1000 | ||
+ | } | ||
+ | ] | ||
+ | } | ||
{{LGUI2:AnimationType}} | {{LGUI2:AnimationType}} |
Latest revision as of 03:12, 16 November 2018
The chain Animation Type allows a sequence of Animations to be performed, one after another.
Animation properties
- A chain Animation uses these properties in addition to those defined by Animation
Animation properties for "chain" | |
---|---|
animations | A JSON Array of Animations! |
Examples
- Slide to 0,0 and then to 1500,0
{ "type": "chain", "name": "backAndForth", "animations": [ { "type": "slide", "name": "back", "destination": [ 0, 0 ], "duration": 1000 }, { "type": "slide", "name": "forth", "destination": [ 1500, 0 ], "duration": 1000 } ] }
LavishGUI 2 Animation Types