Mobile version for my web game

Phaser 3
1

Hello, I’m currently working on the mobile version of my game. Originally designed for web browsers, I now need to adapt it for mobile devices at the request of my player community.

I admit it’s a real challenge. I hadn’t imagined making a mobile version of this game… But I’m going to work hard to succeed.:sweat_smile:

The problems I’m currently encountering are related to the configuration I set up for the web version; I need to readjust the display so that it adapts to all types of mobile screens.

Have you done this before?

Capture d’écran 2026-02-22 à 01.21.14
Capture d’écran 2026-02-22 à 01.21.141336×808 109 KB

1 Like
2

I’ve done it before, yes. Can you post your game’s config object? You should use Phaser’s scale manager, most likely. An example in one of my games is:

scale: {
	mode: Phaser.Scale.FIT,
	parent: 'phaser',
	autoCenter: Phaser.Scale.CENTER_BOTH,
	width: 320,
	height: 180
}
4 Likes
3

Hello, thank you for your help. Here are the current settings:

  scale: {
    mode: Phaser.Scale.RESIZE, 
    autoCenter: Phaser.Scale.CENTER_BOTH,
    width: '100%', 
    height: '100%'
  }

Initially, I was using “Phaser.Scale.Fit,” but I couldn’t find a solution to align certain elements. But now I see that you have used a fixed resolution of “320*180.” I chose 100% because I wanted my game to cover the entire screen; I don’t think I took the right approach. :sweat_smile: Thanks

1 Like