# Phaser easing effects - List

## Recommended Posts

Maybe I'm blind but is there anywhere a list of available easing effect of Phaser?
such like:

`game.add.tween(this.pauseMenuBTNcancel).to({y:game.height - 200},0, Phaser.Easing.Bounce.Out, true);`

cheers

##### Share on other sites

• 4 weeks later...

HI...Is there any rotation effect in Phaser easing?

##### Share on other sites

I do not know
but to rotate simply use this in update function:

this.YOURVAR.angle += 0.1;

##### Share on other sites

Easing doesn't work like that. All easing does is change how a value is changed over time, it doesn't actually matter what value you apply it to. You could easily apply say a Quadratic.InOut to the angle value of a sprite and get it to smoothly start rotating, then slow down gradually to a stop.

`var ball = game.add.sprite(game.world.centerX, game.world.centerY, 'ball');// This will make the ball turn upside down over 3 seconds, gradually speeding up and then slowing down againgame.add.tween(ball).to({angle: 180}, 3000, Phaser.Easing.Quadratic.InOut, true);`
##### Share on other sites

If you tween x and y separately with phase-offset Sinusoidal easing, it should produce a circular motion.

##### Share on other sites

You can also see this website: http://gamemechanicexplorer.com/#easing-1

There are examples for all easing function with phaser.

##### Share on other sites

• 5 months later...

I was going threw the phaser examples and I saw

`game.add.tween(text).to( { alpha: 1 }, 2000, "Linear", true); `

When try to use it Phaser gives me an error for  "Linear"  string. Since small investigation I found this in the docs. It contains all the

easings, so the correct code was

`game.add.tween(text).to( { alpha: 1 }, 2000, Phaser.Easing.Linear.None, true); `