Sprite Crop Enable?

[kucira]

Hi Pandajs Team.

 

i would like to creating some health bars feature in my game and i need to crop the texture rather than scaling the texture.

how i can approach this using pandajs?

 

Thanks. 

[enpu]

One way would be using mask.

var sprite = new game.Sprite('sprite.png');var mask = new game.Graphics();mask.drawRect(0, 0, 200, 200);sprite.mask = mask;

[enpu]

I just added new crop method to Sprite. You can try it from develop branch:

https://github.com/ekelokorpi/panda.js/tree/develop

var sprite = new game.Sprite('sprite.png');sprite.crop(0, 0, 200, 200);

[kucira]

Awesome!

 

Thanks enpu.

[awbummer]

Hi, I'm having trouble using this method when the sprite that I'm attempting to crop is offset from 0,0. If I set the xy to (0,0) in the following code, things work fine; otherwise the entire sprite disappears:

 

      healthbar = game.add.sprite(500, 20, 'healthbar');      healthbar.fixedToCamera = true;      healthbar.cropEnabled = true;      cropRectangle = new Phaser.Rectangle(healthbar.x, healthbar.y, healthbar.width - 20, healthbar.height);      cropRectangle.fixedToCamera = true;      healthbar.crop(cropRectangle);

Any thoughts? Thanks!

[awbummer]

Oooh, I got it. The rectangle coordinates are relative to the sprite. So my rectangle should have been adjusted to this:

cropRectangle = new Phaser.Rectangle(0, 0, healthbar.width - 20, healthbar.height);