constant anchoring/centering - only on "render" event?

[trueicecold]

Hey all

 

Suppose I have a text calculated to be at the center the screen, when I change the text, obviously, the text isn't re-centered, since it was calculated with the old text.

Is there a way of make the position persistent, regardless of the content inside, aside from recalculating it all the time inside the "render" event?

 

This applies to groups with varying width/height children, text changes, sprite texture change etc...

 

Thanks!

[valueerror]

what if you set the x anchor of the text to 0.5??

[trueicecold]

valueerror, as far as I know anchoring doesn't work for text, unless I'm missing something? 

[gsko]

It works for Phaser.Text. I just did this about 10 minutes ago:

var instructions = game.add.text(363, 20, msg, { fill: '#ffffff', font: "14px Arial", align: "center"});instructions.anchor.set(0.5,0);

Centered the text for me. Where 363 is the width of my canvas/2. 

 

Original Solution

[trueicecold]

gsko, now, when you resize the browser, does it keep anchoring itself?

[gsko]

This is my first Phaser project and I have a set canvas size. So I don't know what would happen. Maybe someone more experienced has an idea. 

[valueerror]

just use something like game.width/2 instead for the x coordinate so it will be more flexible..

[trueicecold]

valueerror, yes, but that means I'll have to use it inside the "render" event to take care of resize events. I was wondering if there's a way to "bind" it so that I don't have to re-align elements when resizing.