OpenLayers.Tween

Summary
OpenLayers.Tween
Constants
INTERVAL{int} Interval in milliseconds between 2 steps
Properties
easing{<OpenLayers.Easing>(Function)} Easing equation used for the animation Defaultly set to OpenLayers.Easing.Expo.easeOut
begin{Object} Values to start the animation with
finish{Object} Values to finish the animation with
duration{int} duration of the tween (number of steps)
callbacks{Object} An object with start, eachStep and done properties whose values are functions to be call during the animation.
time{int} Step counter
interval{int} Interval id returned by window.setInterval
playing{Boolean} Tells if the easing is currently playing
Constructor
OpenLayers.TweenCreates a Tween.
Functions
startPlays the Tween, and calls the callback method on each step
stopStops the Tween, and calls the done callback Doesn’t do anything if animation is already finished
playCalls the appropriate easing method
OpenLayers.EasingEasing Equations by Robert Penner, http://www.robertpenner.com/easing/
OpenLayers.Easing.Linear
Functions
easeIn
easeOut
easeInOut
OpenLayers.Easing.Expo
Functions
easeIn
easeOut
easeInOut
OpenLayers.Easing.Quad
Functions
easeIn
easeOut
easeInOut

Constants

INTERVAL

{int} Interval in milliseconds between 2 steps

Properties

easing

{<OpenLayers.Easing>(Function)} Easing equation used for the animation Defaultly set to OpenLayers.Easing.Expo.easeOut

begin

{Object} Values to start the animation with

finish

{Object} Values to finish the animation with

duration

{int} duration of the tween (number of steps)

callbacks

{Object} An object with start, eachStep and done properties whose values are functions to be call during the animation.  They are passed the current computed value as argument.

time

{int} Step counter

interval

{int} Interval id returned by window.setInterval

playing

{Boolean} Tells if the easing is currently playing

Constructor

OpenLayers.Tween

Creates a Tween.

Parameters

easing{<OpenLayers.Easing>(Function)} easing function method to use

Functions

start

start: function(begin,
finish,
duration,
options)

Plays the Tween, and calls the callback method on each step

Parameters

begin{Object} values to start the animation with
finish{Object} values to finish the animation with
duration{int} duration of the tween (number of steps)
options{Object} hash of options (for example callbacks (start, eachStep, done))

stop

stop: function()

Stops the Tween, and calls the done callback Doesn’t do anything if animation is already finished

play

play: function()

Calls the appropriate easing method

OpenLayers.Easing

Credits

Easing Equations by Robert Penner, http://www.robertpenner.com/easing/

OpenLayers.Easing.Linear

Functions

easeIn

easeIn: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

easeOut

easeOut: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

easeInOut

easeInOut: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

OpenLayers.Easing.Expo

Functions

easeIn

easeIn: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

easeOut

easeOut: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

easeInOut

easeInOut: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

OpenLayers.Easing.Quad

Functions

easeIn

easeIn: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

easeOut

easeOut: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition

easeInOut

easeInOut: function(t,
b,
c,
d)

Parameters

t{Float} time
b{Float} beginning position
c{Float} total change
d{Float} duration of the transition
start: function(begin,
finish,
duration,
options)
Plays the Tween, and calls the callback method on each step
stop: function()
Stops the Tween, and calls the done callback Doesn’t do anything if animation is already finished
play: function()
Calls the appropriate easing method
easeIn: function(t,
b,
c,
d)
easeOut: function(t,
b,
c,
d)
easeInOut: function(t,
b,
c,
d)
easeIn: function(t,
b,
c,
d)
easeOut: function(t,
b,
c,
d)
easeInOut: function(t,
b,
c,
d)
easeIn: function(t,
b,
c,
d)
easeOut: function(t,
b,
c,
d)
easeInOut: function(t,
b,
c,
d)
Close