Difference between revisions of "LGUI2:AnimationType:slide"

From Lavish Software Wiki
Jump to navigation Jump to search
(Created page with "The slide Animation Type moves an element over time to a specified point == Animation properties == {| border="1" style="border-collapse:collapse" c...")
 
Line 3: Line 3:
 
== Animation properties ==
 
== Animation properties ==
 
{| 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 "slide"
 
|-
 
|-
 
! destination
 
! destination

Revision as of 03:07, 16 November 2018

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

Animation properties

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