center align a group

[Terumi]

Hello all, 

 

Is it possible to align a group to the center of the stage?

 

I have a series of buttons that comprise the locked and unlocked levels of my game.

Because the number of levels is arbitrary (as for now) is it possible to determine the width of the group in order to align it to the stage?

[Terumi]

anyone?

[hackenstein]

You could write a function that iterates through the group to determine the combined sum of the individual widths and their spacing. If all buttons have the same width and are spaced uniformly, you wouldn't even have to iterate, because you can calculate the combined with using the length of the group.

[Stephen304]

Is there a solution for 1 sprite? I need nametags for players and I can't have the nametags left aligned with the player sprite and the names can be any length.

[XekeDeath]

nameTag.sprite.x = player.sprite.x + ((player.sprite.width - nameTag.sprite.width)/2);

If your name tag is a Phaser.text object, then consider wrapping the calculation in Math.Floor() to prevent some blurry text.

[Stephen304]

Thanks I didn't see the width property. It works great!

[Raptisha]

How about this:

this.groupName.centerX = this.world.centerX;
this.groupName.centerY = this.world.centerY;