How to center a bitmapText

[totallybueno]

Hi there guys,

I´m having a problem with align and bitmapText... and it seems that it´s not working (at least not for me)

 

I guess this should be enough:

this.marker= this.game.add.bitmapText(posX, posY, 'bloodyFont',"0", 85);this.marker.align = "right";

But if I change "right" for "center" or "left", the result is exactly the same, nothing changes. At least I tried the angle property and it´s working perfectly, but align is not... do I need something else? Am I doing something wrong?

 

Anyway, as I can´t get the width, I can´t do it "manually", so what should I do?

 

Thanks in advance.

[totallybueno]

Ok, I just saw in the documentation that it´s just for multiline, it doesn´t affect single lines.

[lewster32]

The alignment only works when the text is multi-line. It's not entirely intuitive that this is the case, but it is. If you need to align a single line of text I'm afraid you'll need to manually adjust its position every time you update it.

this.marker.text = "Blah";this.marker.updateText(); // this is important to calculate the textWidth straight away rather than waiting until the next updatethis.marker.x = posX - this.marker.textWidth;

Or if you want it centered:

this.marker.x = posX - (this.marker.textWidth * 0.5);

[totallybueno]

Working perfectly, thanks dude!

 

I didn´t see textWidth in the documentation...

 

Thanks again

[lewster32]

textWidth and updateText() are both properties in PIXI.BitmapText which Phaser's BitmapText inherits from.

[totallybueno]

Then I suposse I need to add Pixi´s documentation to my bookmarks too

 

Thanks dude.

[lewster32]

No problem