Draw image/sprite warped like in Slick2D?

[daintycode]

Can we do something like Image.drawWarped (link goes to the javadoc of slick2d) with pixi.js?

It gave devs the possibility to define where to render the 4 corners of an image with absolute x, y locations and it automatically skewed the image to fit in. I guess it just redefined the points of the triangles used to render the image or something like that. (I'm not that fit with gl, thats why I use pixi.js.^^)

Thanks.

[ivan.popelyshev]

https://github.com/pixijs/pixi-projection , webgl only. There are bilinear and projectional ways to do it.

http://pixijs.github.io/examples/#/projection/quad-homo.js

http://pixijs.github.io/examples/#/projection/quad-bi.js

[daintycode]

Going to look into that, thanks.

As I see this it extends Sprites with functionality, not changing their overall prototype?

You're even using Typescript - actually perfect.

[ivan.popelyshev]

You can even convert your own sprite class into it, there's "convert2d" function for containers/sprites that adds necessary fields.

"2d" is for sprites that use 3x3 matrix instead of pixi default 3x2, performance is the same as a simple sprite.

"2s" is for general curves, in my case, billinear, its slower because of special calculations in fragment shader, math is just harder.

I'm using TS for all of my plugins.

[daintycode]

Whooa, checked out the examples. Works beautiful!

Yeah, I see that.

I think I'm going to use it, I thank you in advance.(:

[daintycode]

I don't want to open an issue on your plugin for this and I guess it fits in here.

Is there a way to define a backside, rendered where "wrapped around"?