Difference between revisions of "LGUI2:AnimationType:value"

From Lavish Software Wiki
Jump to navigation Jump to search
(Created page with "The value Animation Type adjusts a specified value over time, with support for different modes (defaulting to linear) == Animation properties == ; A ...")
(No difference)

Revision as of 03:16, 19 November 2018

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