LGUI2:AnimationType:value

From Lavish Software Wiki
Revision as of 03:16, 19 November 2018 by Lax (talk | contribs) (Created page with "The value Animation Type adjusts a specified value over time, with support for different modes (defaulting to linear) == Animation properties == ; A ...")
(diff) ←Older revision | view current revision (diff) | Newer revision→ (diff)
Jump to navigation Jump to search

The value Animation Type adjusts a specified value over time, with support for different modes (defaulting to linear)

Animation properties

A value Animation uses these properties in addition to those defined by Animation
Animation properties for "value"
mode (Optional) The method of adjusting the value, one of: Linear (more to come). If not given, the default value is Linear
Properties for "Linear" mode
Adjusts by a constant speed
originalValue (Required) The value to start from
finalValue (Optional) The value to end at. If not provided, the speed property must be specified.
speed (Optional) The speed to adjust by. If not provided, the finalValue property must be specified.


Examples

Fade an element by adjusting 'opacity' from 1.0 to 0.5 over 1.0 seconds. This is an alternative implementation of the "fade" Animation Type.
     {
       "type": "value",
       "name": "fadeOut",
       "valueName": "opacity",
       "originalValue": 1.0,
       "finalValue": 0.5,
       "duration": 1.0
     } 


Spin a radial menu by adjusting 'offsetDegees' from 0.0 at a rate of 60.0 degrees/second. This is an alternative implementation of the custom "spin" Animation Type given in an example for Animation Types.
     {
       "type": "value",
       "name": "spin",
       "valueName": "offsetDegrees",
       "originalValue": 0.0,
       "speed": 60.0,
     }


LavishGUI 2 Animation Types

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