Namespace glow.tweens

Defined in: core.js.

Namespace Summary
Constructor Attributes	Constructor Name and Description
	glow.tweens Functions for controlling the motion of an animation

Method Summary
Method Attributes	Method Name and Description
<static>	glow.tweens.bounceIn() Returns the reverse of {@link glow.tweens.bounceOut bounceOut}
<static>	glow.tweens.bounceOut() Returns a tween which bounces against the final value 3 times before stopping
<static>	glow.tweens.combine(tweenIn, tweenOut) Create a tween from two tweens.
<static>	glow.tweens.easeBoth(strength) Creates a tween which starts off slowly, accelerates then decelerates after the half way point.
<static>	glow.tweens.easeIn(strength) Creates a tween which starts off slowly and accelerates.
<static>	glow.tweens.easeOut(strength) Creates a tween which starts off fast and decelerates.
<static>	glow.tweens.elasticIn(amplitude, frequency) Returns the reverse of {@link glow.tweens.elasticOut elasticOut}
<static>	glow.tweens.elasticOut(amplitude, frequency) Creates a tween which has an elastic movement.
<static>	glow.tweens.linear() Creates linear tween.
<static>	glow.tweens.overshootBoth(amount) Returns a combination of {@link glow.tweens.overshootIn overshootIn} and {@link glow.tweens.overshootOut overshootOut}
<static>	glow.tweens.overshootIn(amount) Returns the reverse of {@link glow.tweens.overshootOut overshootOut}
<static>	glow.tweens.overshootOut(amount) Creates a tween which overshoots its end point then returns to its end point.

Namespace Detail

glow.tweens

Functions for controlling the motion of an animation

Method Detail

<static> {function} glow.tweens.bounceIn()

Returns the reverse of {@link glow.tweens.bounceOut bounceOut}

Returns:: {function}

<static> {function} glow.tweens.bounceOut()

Returns a tween which bounces against the final value 3 times before stopping

Returns:: {function}

<static> {function} glow.tweens.combine(tweenIn, tweenOut)

Create a tween from two tweens. This can be useful to make custom tweens which, for example, start with an easeIn and end with an overshootOut. To keep the motion natural, you should configure your tweens so the first ends and the same velocity that the second starts.

		// 4.5 has been chosen for the easeIn strength so it
		// ends at the same velocity as overshootOut starts.
		var myTween = glow.tweens.combine(
			glow.tweens.easeIn(4.5),
			glow.tweens.overshootOut()
		);

Parameters:
{function} tweenIn: Tween to use for the first half
{function} tweenOut: Tween to use for the second half

Returns:: {function}

<static> {function} glow.tweens.easeBoth(strength)

Creates a tween which starts off slowly, accelerates then decelerates after the half way point. This produces a smooth and natural looking transition.

Parameters:
{number} strength Optional, Default: 2: How strong the easing is. A higher number produces a greater difference between start/end speed and the mid speed.

Returns:: {function}

<static> {function} glow.tweens.easeIn(strength)

Creates a tween which starts off slowly and accelerates.

Parameters:
{number} strength Optional, Default: 2: How strong the easing will be. The higher the number the slower the animation starts and the quicker it ends.

Returns:: {function}

<static> {function} glow.tweens.easeOut(strength)

Creates a tween which starts off fast and decelerates.

Parameters:
{number} strength Optional, Default: 2: How strong the easing will be. The higher the number the quicker the animation starts and the slower it ends.

Returns:: {function}

<static> {function} glow.tweens.elasticIn(amplitude, frequency)

Returns the reverse of {@link glow.tweens.elasticOut elasticOut}

Parameters:
{number} amplitude Optional, Default: 1: How strong the elasticity will be.
{number} frequency Optional, Default: 3.33: The frequency.

Returns:: {function}

<static> {function} glow.tweens.elasticOut(amplitude, frequency)

Creates a tween which has an elastic movement. You can tweak the tween using the parameters but you'll probably find the defaults sufficient.

Parameters:
{number} amplitude Optional, Default: 1: How strong the elasticity is.
{number} frequency Optional, Default: 3.33: The frequency.

Returns:: {function}

<static> {function} glow.tweens.linear()

Creates linear tween. Will transition values from start to finish with no acceleration or deceleration.

Returns:: {function}

<static> {function} glow.tweens.overshootBoth(amount)

Returns a combination of {@link glow.tweens.overshootIn overshootIn} and {@link glow.tweens.overshootOut overshootOut}

Parameters:
{number} amount Optional, Default: 1.70158: How much to overshoot. The default is 1.70158 which results in a 10% overshoot.

Returns:: {function}

<static> {function} glow.tweens.overshootIn(amount)

Returns the reverse of {@link glow.tweens.overshootOut overshootOut}

Parameters:
{number} amount Optional, Default: 1.70158: How much to overshoot. The default is 1.70158 which results in a 10% overshoot.

Returns:: {function}

<static> {function} glow.tweens.overshootOut(amount)

Creates a tween which overshoots its end point then returns to its end point.

Parameters:
{number} amount Optional, Default: 1.70158: How much to overshoot. The default is 1.70158 which results in a 10% overshoot.

Returns:: {function}

Classes

Namespace glow.tweens