Jump to content

Center Tilemap in Canvas


Recommended Posts


I created a tile map in Tiled,then I want to display this tile map in the center of the screen. I do it as below:

let ground = this.map.createLayer('Ground');     // "map" is Phaser.Tilemap
ground.fixedToCamera = false;
ground.position.set(this.game.world.centerX, this.game.world.centerY);

But it not work. The tile map still show on the top left of the screen.

What should I do?

Link to comment
Share on other sites


Maybe your anchor is wrong.
More importantly, `game.world.width` may be much bigger than `game.width`

So try this.game.width/2 and this.game.height/2.

and make sure that position (0,0) is actually the top left of the screen (It is entirely possible that part of your world is to the left)

Link to comment
Share on other sites


Thanks for reply.

I create a text in the center of screen like this: 

this.localFontText = this.game.add.text(this.game.world.centerX, this.game.world.centerY, '测试本地字体效果', {
            font: '50px ' + Assets.CustomWebFonts.FontsFangsong.getFamily()

This works fine. But for my map, this doesn't work.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...