By default, node is placed at the origin (position 0,0,0) and facing forward (direction 0,0,-1).
Tween Lite comes with a few standard eases: Note: Tween Max already includes Ease Pack, but because we are using Tween Lite we need to include it separately.
Here’s where you can download the Green Sock Ease Pack directly from the Green Sock website.
Go To Green Sock Ease Visualizer Ok, that was fun, but we’re not done yet. There is a lot of ways how you can use callback functions, but for start lets just log a console message when a tween starts.
Keep only the And this is it, a quick overview of what Green Sock Tween Lite can do.
You’ve seen it in action, you’ve heard others talking about it and now you want to finally get your hands dirty and start learning Green Sock from scratch, right?
As the title suggests, this tutorial is aimed to introduce the basics of Green Sock Animations Platform (GSAP) API to a complete beginner.
To read more about it, go to the Tween Lite API documentation. Is there anything that drives you crazy or doesn’t make sense?
Let me know in the comments below and next time we’ll have a look at the Timeline Lite.
But there are no limits on what to animate; as long as the property you want to animate is numeric ( var tween: Tween = new Tween(object, 2.0, Transitions.
EASE_IN_OUT); tween.animate("x", object.x 50); tween.animate("rotation", deg2rad(45)); To(0); // equivalent to 'animate("alpha", 0)' Starling.juggler.add(tween); Note that the object is added to a juggler at the end of this sample.
Green Sock Tween Lite can animate one or multiple properties of a single element or an array of objects (multiple elements).