Difference between revisions of "LGUI2:AnimationType:chain"

From Lavish Software Wiki
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...")
 
Line 11: Line 11:
  
 
== 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}}

Revision as of 17:53, 15 November 2018

The chain Animation Type allows a sequence of Animations to be performed, one after another.

Animation properties

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

Basic Animations
fade - slide - value
Utilities
chain - composite - delay - random - repeat