Difference between revisions of "LGUI2:AnimationType:slide"

From Lavish Software Wiki
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
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"
Line 7: Line 10:
 
! destination
 
! destination
 
| An Array with 2 numbers specifying the X,Y coordinate to move to, e.g. [0,0]
 
| 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''
 
 
|}
 
|}
  

Latest revision as of 03:03, 19 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]


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