Phaser Easing Test
by Ben Gillbanks
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/phaser/2.0.4/phaser.min.js"></script>
<div id="phaser-example"></div>
JavaScript
var game = new Phaser.Game(400, 400, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
var item;
var tween;
var text;
var current_tween = 0;
var tween_list = [
Phaser.Easing.Back.In, // 0
Phaser.Easing.Back.Out, // 1
Phaser.Easing.Back.InOut, // 2
Phaser.Easing.Bounce.In, // 3
Phaser.Easing.Bounce.Out, // 4
Phaser.Easing.Bounce.InOut, // 5
Phaser.Easing.Circular.In, // 6
Phaser.Easing.Circular.Out, // 7
Phaser.Easing.Circular.InOut, // 8
Phaser.Easing.Cubic.In, // 9
Phaser.Easing.Cubic.Out, // 10
Phaser.Easing.Cubic.InOut, // 11
Phaser.Easing.Elastic.In, // 12
Phaser.Easing.Elastic.Out, // 13
Phaser.Easing.Elastic.InOut, // 14
Phaser.Easing.Exponential.In, // 15
Phaser.Easing.Exponential.Out, // 16
Phaser.Easing.Exponential.InOut, // 17
Phaser.Easing.Linear.In, // 18
Phaser.Easing.Quadratic.In, // 19
Phaser.Easing.Quadratic.Out, // 20
Phaser.Easing.Quadratic.InOut, // 21
Phaser.Easing.Quartic.In, // 22
Phaser.Easing.Quartic.Out, // 23
Phaser.Easing.Quartic.InOut, // 24
Phaser.Easing.Quintic.In, // 25
Phaser.Easing.Quintic.Out, // 26
Phaser.Easing.Quintic.InOut, // 27
Phaser.Easing.Sinusoidal.In, // 28
Phaser.Easing.Sinusoidal.Out, // 29
Phaser.Easing.Sinusoidal.InOut
];
function preload() {
game.load.image('kitten', 'http://placekitten.com/150/150', 150, 150);
}
function create() {
item = game.add.sprite( 125, 50, 'kitten' );
text = game.add.text( 10, 10, '', { fill:'#ffffff' } );
game.input.onDown.add( next_tween, this );
next_tween();
}
function update() {
}
function...