Version 1.7Using Tweens
API Quick Reference
JavaScript is required to use the quick reference
What are tweens?
A Tween is a way of defining how your animation moves from the start to the end. For instance, glow.tweens.easeBoth() will make the animation accelerate at the start and decelerate towards the end. Glow animations use tweens, and most have a default that can be overridden in the appropriate options.
Calling glow.tweens.easeBoth() returns the tween, passing a number as a parameter will affect the severity of the acceleration / deceleration.
From a technical point of view, tweens are functions which take a number between 0 & 1 and return a number where 0 is the start point and 1 is the end point.
You can use the form below to visualise the tweens provided by glow.tweens.
Tween to view
Available tweens
View Tween
Combine Tweens
The Tween
This is a graph of the tween selected above. Click within the graph to see how it animates.