This repository was archived by the owner on Jul 3, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 229
Timeline API
Bulat-Ziganshin edited this page Aug 20, 2017
·
10 revisions
The Timeline API is placed in SDK samples\animations\timeline directory, with two examples provided in samples\animations. It's modelled after GreenSocks AP (GSAP), albeit much more limited. Nevertheless, it's recommended to start learning with excellent GSAP tutorials and docs to get overall idea of this API.
The Timeline API provides the following classes:
- class Tween animates DOM object properties, f.e.
Tween($(#button), {duration:2}, {opacity:1; scale:1}, {opacity:0; scale:0})animates the button appearance in 2 seconds. - class TweenRepeater extends Tween with repeated animations (including endless).
- class Timeline is animation sequencer composing multiple animations in sequential, parallel and delayed ways.
All three classes expose render() function that you may call in canvasPaint or run by element.animate. The Timeline class also exposes function play() that runs animate on the object.