Please turn on JavaScript. To find out how to do this visit the WebWise JavaScript guide.

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.

BBC © 2014The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.