Difference between revisions of "LGUI2:AnimationType:fade"

From Lavish Software Wiki
Jump to navigation Jump to search
 
Line 9: Line 9:
 
! 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:04, 19 November 2018

The fade Animation Type adjusts an element's Opacity over time to a specified value

Animation properties

A fade Animation uses these properties in addition to those defined by Animation
Animation properties for "fade"
destination An Array with 2 numbers specifying the X,Y coordinate to move to, e.g. [0,0]


Examples

Repeatedly fade an element to 50% opacity, and back to 100%
{
  "type": "repeat",
  "name": "loopBlink",
  "animation": {
    "type": "chain",
    "name": "blink",
    "animations": [
      {
        "type": "fade",
        "name": "fadeOut",
        "opacity": 0.5,
        "duration": 1.0
      },
      {
        "type": "fade",
        "name": "fadeIn",
        "opacity": 1.0,
        "duration": 1.0
      }
    ]
  }
}


LavishGUI 2 Animation Types

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