Class: Tween

Phaser. Tween

Phaser.Tween

new Tween(object, game, manager)

Tween constructor Create a new <code>Tween</code>.

Parameters:
Name Type Description
object object

Target object will be affected by this tween.

game Phaser.Game

Current game instance.

manager Phaser.TweenManager

The TweenManager responsible for looking after this Tween.

Source - tween/Tween.js, line 17

Members

game :Phaser.Game

A reference to the currently running Game.

Source - tween/Tween.js, line 29

isRunning :boolean

If the tween is running this is set to true, otherwise false. Tweens that are in a delayed state, waiting to start, are considered as being running.

Default Value:
  • false
Source - tween/Tween.js, line 181

onComplete :Phaser.Signal

The onComplete event is fired when the Tween completes. Does not fire if the Tween is set to loop.

Source - tween/Tween.js, line 175

onLoop :Phaser.Signal

The onLoop event is fired if the Tween loops.

Source - tween/Tween.js, line 170

onStart :Phaser.Signal

The onStart event is fired when the Tween begins.

Source - tween/Tween.js, line 165

pendingDelete :boolean

If this tween is ready to be deleted by the TweenManager.

Default Value:
  • false
Source - tween/Tween.js, line 160

Methods

chain() → {Phaser.Tween}

You can chain tweens together by passing a reference to the chain function. This enables one tween to call another on completion. You can pass as many tweens as you like to this function, they will each be chained in sequence.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 558

delay(amount) → {Phaser.Tween}

Sets a delay time before this tween will start.

Parameters:
Name Type Description
amount number

The amount of the delay in ms.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 478

easing(easing) → {Phaser.Tween}

Set easing function this tween will use, i.e. Phaser.Easing.Linear.None.

Parameters:
Name Type Description
easing function

The easing function this tween will use, i.e. Phaser.Easing.Linear.None.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 529

from(properties, duration, ease, autoStart, delay, repeat, yoyo) → {Phaser.Tween}

Sets this tween to be a from tween on the properties given. A from tween starts at the given value and tweens to the current values. For example a Sprite with an x coordinate of 100 could be tweened from x: 200 by giving a properties object of { x: 200 }.

Parameters:
Name Type Argument Default Description
properties object

Properties you want to tween from.

duration number <optional>
1000

Duration of this tween in ms.

ease function <optional>
null

Easing function. If not set it will default to Phaser.Easing.Linear.None.

autoStart boolean <optional>
false

Whether this tween will start automatically or not.

delay number <optional>
0

Delay before this tween will start, defaults to 0 (no delay). Value given is in ms.

repeat number <optional>
0

Should the tween automatically restart once complete? If you want it to run forever set as Number.MAX_VALUE. This ignores any chained tweens.

yoyo boolean <optional>
false

A tween that yoyos will reverse itself and play backwards automatically. A yoyo'd tween doesn't fire the Tween.onComplete event, so listen for Tween.onLoop instead.

Returns:

This Tween object.

Source - tween/Tween.js, line 261

generateData(frameRate, data) → {array}

This will generate an array populated with the tweened object values from start to end. It works by running the tween simulation at the given frame rate based on the values set-up in Tween.to and similar functions. It ignores delay and repeat counts and any chained tweens. Just one play through of tween data is returned, including yoyo if set.

Parameters:
Name Type Argument Default Description
frameRate number <optional>
60

The speed in frames per second that the data should be generated at. The higher the value, the larger the array it creates.

data array <optional>

If given the generated data will be appended to this array, otherwise a new array will be returned.

Returns:
array -

An array of tweened values.

Source - tween/Tween.js, line 340

interpolation(interpolation) → {Phaser.Tween}

Set interpolation function the tween will use, by default it uses Phaser.Math.linearInterpolation. Also available: Phaser.Math.bezierInterpolation and Phaser.Math.catmullRomInterpolation.

Parameters:
Name Type Description
interpolation function

The interpolation function to use (Phaser.Math.linearInterpolation by default)

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 543

loop() → {Phaser.Tween}

Loop a chain of tweens

Usage: game.add.tween(p).to({ x: 700 }, 1000, Phaser.Easing.Linear.None, true) .to({ y: 300 }, 1000, Phaser.Easing.Linear.None) .to({ x: 0 }, 1000, Phaser.Easing.Linear.None) .to({ y: 0 }, 1000, Phaser.Easing.Linear.None) .loop();

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 572

onUpdateCallback(callback, callbackContext) → {Phaser.Tween}

Sets a callback to be fired each time this tween updates.

Parameters:
Name Type Description
callback function

The callback to invoke each time this tween is updated.

callbackContext object

The context in which to call the onUpdate callback.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 591

pause()

Pauses the tween.

Source - tween/Tween.js, line 608

repeat(times) → {Phaser.Tween}

Sets the number of times this tween will repeat.

Parameters:
Name Type Description
times number

How many times to repeat.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 493

resume()

Resumes a paused tween.

Source - tween/Tween.js, line 636

start() → {Phaser.Tween}

Starts the tween running. Can also be called by the autoStart parameter of Tween.to.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 289

stop() → {Phaser.Tween}

Stops the tween if running and removes it from the TweenManager. If called directly and there are any onComplete callbacks or events they are not dispatched.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 458

to(properties, duration, ease, autoStart, delay, repeat, yoyo) → {Phaser.Tween}

Sets this tween to be a to tween on the properties given. A to tween starts at the current value and tweens to the destination value given. For example a Sprite with an x coordinate of 100 could be tweened to x 200 by giving a properties object of { x: 200 }.

Parameters:
Name Type Argument Default Description
properties object

The properties you want to tween, such as Sprite.x or Sound.volume. Given as a JavaScript object.

duration number <optional>
1000

Duration of this tween in ms.

ease function <optional>
null

Easing function. If not set it will default to Phaser.Easing.Default, which is Phaser.Easing.Linear.None by default but can be over-ridden at will.

autoStart boolean <optional>
false

Whether this tween will start automatically or not.

delay number <optional>
0

Delay before this tween will start, defaults to 0 (no delay). Value given is in ms.

repeat number <optional>
0

Should the tween automatically restart once complete? If you want it to run forever set as Number.MAX_VALUE. This ignores any chained tweens.

yoyo boolean <optional>
false

A tween that yoyos will reverse itself and play backwards automatically. A yoyo'd tween doesn't fire the Tween.onComplete event, so listen for Tween.onLoop instead.

Returns:

This Tween object.

Source - tween/Tween.js, line 187

update(time) → {boolean}

Core tween update function called by the TweenManager. Does not need to be invoked directly.

Parameters:
Name Type Description
time number

A timestamp passed in by the TweenManager.

Returns:
boolean -

false if the tween has completed and should be deleted from the manager, otherwise true (still active).

Source - tween/Tween.js, line 672

yoyo(yoyo) → {Phaser.Tween}

A tween that has yoyo set to true will run through from start to finish, then reverse from finish to start. Used in combination with repeat you can create endless loops.

Parameters:
Name Type Description
yoyo boolean

Set to true to yoyo this tween.

Returns:

This tween. Useful for method chaining.

Source - tween/Tween.js, line 508
Phaser Copyright © 2012-2014 Photon Storm Ltd.
Documentation generated by JSDoc 3.3.0-dev on Sat Nov 15 2014 19:55:05 GMT-0000 (GMT) using the DocStrap template.