Jump to content

Phaser Always Fix Camera Position to Sprite


Recommended Posts

I am developing a cross-platform overhead game using Phaser.

Is there a way to always fix the position of a camera to a sprite? The following function works great, but I want the camera to always be centered on the sprite - even when the sprite is nearing the edge of the tilemap.


The reason I would like this capability is because I am developing a mobile game, and the player sprite manages to get in the way of crucial UI elements. This could be fixed by providing a constant camera on the sprite. Areas without tiles can be filled with a black background.

Here is my problem visualized. As you can see, when nearing the edge of the tilemap, the sprite is no longer centered and it is in the way of my joystick. Instead, I would like the sprite to be centered and the camera to display a black background past the tilemap when it gets near edges.


Thank you in advance,


Link to comment
Share on other sites

The fix was quite simple. I simply set the world bounds using the function below. I also set the physics bounds so that the player will collide with the edge of the map.

    //set world bounds
    this.world.setBounds(this.boundsOffset * -1, this.boundsOffset * -1, this.map.widthInPixels + (this.boundsOffset * 2), this.map.heightInPixels + (this.boundsOffset * 2));

    //set physics bounds to be the scaleMode
    this.game.physics.arcade.setBounds(0, 0, this.map.widthInPixels, this.map.heightInPixels);


Link to comment
Share on other sites


  • Recently Browsing   0 members

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