How to reposition sprites after a game setGameSize

[kiwi]

Hi,

 

when creating the game using the Game constructor I'm defining the width and height of canvas. Later, using the Phaser.Device detection I'd like to change the game size. I'm using the 

game.scale.setGameSize(1920,1080)

but the images and sprite are not centered.

I'm trying a way to reposition all elements correctly in this new dimensions but I can't find the scaleManager method to achieve this. Could you help me pls?

 

thanks

[andrii.barvynko]

Hello

I'm not sure about scaleManager methods...

But you can use one big sprite as container. Just add all game imges and sprites via "addChild" and than set container position to center.

Don't forget, after addChild we should use checkTranform method and update sprite bounds by this way - http://www.html5gamedevs.com/topic/18495-how-to-update-bounds-for-nested-sprites/

[kiwi]

 

Hello

I'm not sure about scaleManager methods...

But you can use one big sprite as container. Just add all game imges and sprites via "addChild" and than set container position to center.

Don't forget, after addChild we should use checkTranform method and update sprite bounds by this way - http://www.html5gamedevs.com/topic/18495-how-to-update-bounds-for-nested-sprites/

 

 

 

thanks for your reply but I think I was doing something wrong. I was setting the new size immediately after the new Game function. Instead I moved that to the first stage Create call and everything is aligned perfectly 

[Batzi]

Here's how I do it

//Assume original scale is 1 (100%)sprite1;sprite2;allSprites = game.add.group();allSprites.add(sprite1);allSprites.add(sprite2);//let's get a random scale between 0 and 1 (0%-100%)scale = 0+Math.random()*1;//now let's scale the group and have them maintain their positions with respect to the new scaleallSprites.scale.set(scale);

You also have to adjust camera bounds if you're scrolling around on the map.

 

Not sure if this answers your question.