Forums » Help » MMO: Center Player Name over Player Entity

Hello all, I am having issues figuring this one out. I am trying to center the players name over their player entity in MMO-like fashion. Here is what I have so far:

this.font.draw($("#playerOnePage").text(), this.player.pos.x, this.player.pos.y-300, ig.Font.ALIGN.CENTER);

I am using the camera plugin which I think is what is throwing it off. The text is where it should be until the entity hits the outer bounds of the cameras trap and the level starts to scroll and as the entity progress forward, the text outruns the player.

Any ideas?

First of all, the following is a more accurate "centering" over the entity:

var draw_x = this.player.pos.x + this.player.size.x/2;
var draw_y = this.player.pos.y + this.player.size.y/2 - 300;

You can make the font draw over the player regardless of what the camera is doing:

var draw_x = this.player.pos.x + this.player.size.x/2 - ig.game._rscreen.x;
var draw_y = this.player.pos.y + this.player.size.y/2 - ig.game._rscreen.y - 300;

Then draw your font:

this.font.draw($("#playerOnePage").text(), draw_x, draw_y, ig.Font.ALIGN.CENTER);

@Joncom thanks for the reply, I will try that when I get back. Where does _rscreen come from?

I am working on a Maplestory-esque sidescrolling mmo and so far the only thing that has thrown me for a loop was this :P.

Thank you very much @Joncom, that worked perfectly.

No problem!

_rscreen is just a "rounded" .screen.

Comment from the ImpactJS source:

Entities reference game._rscreen instead of game.screen when drawing themselfs in order to be "synchronized" to the rounded(?) screen position

Thanks again @Joncom, helped a lot.