is it posible to skew image in phaser

[davidzhu]

i just start using phaser , i wonder is it posible to skew image in phaser?

[feiss]

It seems the Sprite class does not support it yet, you may have to access to Pixi stuff, if that is possible.. don't know really, sorry :/

[tackle]

Anyone know if this is possible?

[Team_Q]

Check out this post regarding pixi from a while ago:

http://www.html5gamedevs.com/topic/1300-how-to-use-transform-in-displayobject/

[lewster32]

Not natively within either Phaser or pixi - you'd either have to use BitmapData along with your own skewing routine (or Google for a canvas lib which does this) or possibly use a pixi filter though I have to confess I know very little about writing or implementing filters.

[tackle]

Not natively within either Phaser or pixi - you'd either have to use BitmapData along with your own skewing routine (or Google for a canvas lib which does this) or possibly use a pixi filter though I have to confess I know very little about writing or implementing filters.

 

Slightly off topic - do you know if Pixi is purely WebGL? Or does it handle Phaser's Canvas rendering as well?

 

Here's a pretty cool use of skewing in a HTML5 game:

http://m.spele.nl/games/brainteaser/jelly-madness/index.php?v=3

[lewster32]

Pixi forms the basis of Phaser's rendering, so Phaser does WebGL and canvas because pixi does too.

 

I've had a play with some ctx.setTransform stuff using BitmapData and it looks like skewing is possible with that, though it's not totally straightforward and requires a bit of knowledge of transform matrices.