LGUI2:AnimationType:repeat

From Lavish Software Wiki
Revision as of 17:33, 15 November 2018 by Lax (talk | contribs) (→‎Examples)
Jump to navigation Jump to search

The repeat Animation Type repeats a specified Animation

Animation properties

A repeat Animation uses these properties in addition to those defined by Animation
Animation properties for "repeat"
animation (Required) An Animation definition, specifying the Animation to repeat
maxIterations (Optional) A numeric value specifying the number of times to repeat the specified Animation. If 0, the Animation repeats indefinitely, or until the repeat Animation is Stopped.


Examples

Slide back and forth

Here, we repeat a chain of slide Animations indefinitely, moving the element back and forth between 0,0 and 1500,0

{
  "type": "repeat",
  "name": "loopBackAndForth",
  "animation": {
    "type": "chain",
    "name": "backAndForth",
    "animations": [
      {
        "type": "slide",
        "name": "back",
        "destination": [ 0, 0 ],
        "duration": 1000
      },
      {
        "type": "slide",
        "name": "forth",
        "destination": [ 1500, 0 ],
        "duration": 1000
      }
    ]
  }
}
Perform the above example via LavishScript, moving an element named "elementToAnimate" back and forth
LGUI2.Element["elementToAnimate"]:Animate["{\"type\":\"repeat\",\"name\":\"loopBackAndForth\",\"animation\":{\"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