How to rotate frame Texture

[kyptov]

I have one sprite with shots

curtov.hol.es/pixiloader/blasts.png

 

I need to make array from texture and use them later. To make sprite I used TexturePacker and some frames was rotated.

 

So I have the next code from json file exported by TexturePacker

 

var frames = [{"filename": "11_protoss","frame": {"x":403,"y":387,"width":58,"height":37},"rotated": true},{"filename": "11_terran","frame": {"x":433,"y":377,"width":42,"height":6},"rotated": true}]

To rotate texture I used DOC and generateTexture() 

 

texture = new PIXI.Texture(baseTexture, frames[i].frame);if (frames[i].rotated) {    doc = new PIXI.DisplayObjectContainer();    sprite = new PIXI.Sprite(texture);    sprite.rotation = - Math.PI / 2;    doc.addChild(sprite);    texture = doc.generateTexture();}

Everything fine in Chrome, but all rotated in FF without transparency.

http://curtov.hol.es/pixiloader/

[Neso]

Have you considered disabling rotation in the Texture packer. In order to save time and keep the framerate high in runtime. Otherwise, really awesome graphics.

[xerver]

TexturePacker rotation is not supported in v2 of pixijs, so you should turn it off. In v3, we support it natively and you wont even notice that frames are rotated.

[kyptov]

I resolved it by adding {transparent: true} to renderer.

Waiting for v3...