Breaking a large texture into tiles

[fire7side]

I'm a little new to PIXI and trying to figure out how to have individual sprites that are separated quads from a large texture, for a simple puzzle like a slider.   I was wondering if someone could give me a tip on how to do it, or point me in the right direction.  

[ivan.popelyshev]

var baseTex = PIXI.BaseTexture.fromImage("test.png");
var tex = new PIXI.Texture(baseTex , new PIXI.Rectangle(x,y,w,h));

var sprite1 = new PIXI.Sprite(tex);
var sprite2 = new PIXI.Sprite(tex);

//every time you need to change coords or size
tex.frame = new PIXI.Rectangle(x2,y2,w2,h2)
//now all sprites were changed.

 

Also you can rotate your texture: https://ivanpopelyshev.github.io/examples/index.html?s=demos&f=texture-rotate.js&title=Texture Rotate

[fire7side]

OK, thanks.  I'll get experimenting with it.