Difference between revisions of "LGUI2:AnimationType:slide"

From Lavish Software Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
The slide [[LGUI2:Animation Type|Animation Type]] moves an element over time to a specified point  
 
The slide [[LGUI2:Animation Type|Animation Type]] moves an element over time to a specified point  
 +
  
 
== Animation properties ==
 
== Animation properties ==
 +
; A slide 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 "slide"
 
!colspan="2"|Animation properties for "slide"

Revision as of 03:12, 16 November 2018

The slide Animation Type moves an element over time to a specified point


Animation properties

A slide Animation uses these properties in addition to those defined by Animation
Animation properties for "slide"
destination An Array with 2 numbers specifying the X,Y coordinate to move to, e.g. [0,0]
duration An integer value (such as 1000) specifying the duration in milliseconds, or a floating point value (such as 1.0) specifying the duration in seconds


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