I’m trying to make phaser v3.55 game screen responsive based on browser size also supportable to multiple android and ios devices. Scaling should be similar to this demo: https://youtu.be/63GCHwrLk5Y Thank you.

Maybe this helps: [image] Game Scaling/Resizing Example (v3) Examples Phaser Frist Game Example with scaling/resizing I have made an resizing example based on the Phaser 3 Frist Game Tutorial . The objects inside the saveArea are always visible on all screen sizes. There …

Thanks for replying. In the example you provide it doesn’t always seem to fill the screen. [Screenshot 2022-02-07 190919] In the image you can see that the top and bottom of the screen seems to have black border.

What I meant is that the requirement I requested for was that safe area will always be visible and rest of the area should have the background. This is the example created using different game engine : Cocos Creator | hello_world . Red box is the safe area here. Example: The image is of size 2688…

@Un_Gamer you have to calculate the scale at runtime and then reposition your scene’s element according to the game scale, I don’t think phaser provide a way to do so. Try creating a base-scene that does the calculation and all your game scene will extend this base scene.

Thanks for replying @nish_mishra . Do you mean that I need to change the config size as well as canvas size based on the window size? Can you please provide a code or any methods that would help.

@Un_Gamer apologies for the delay in response, here is the basic idea how i am doing it. this.screenWidth = 1920; this.screenHeight = 1080; this.scaleX = (this.game.scale.width / this.screenWidth).toFixed(2); this.scaleY = (this.game.scale.height / this.screenHeight).toFixed(2); this.globalScal…

Multi-scale resolution support

Phaser 3

yannick February 2, 2022, 11:55pm 2

Maybe this helps:

Topic		Replies	Views
Scaling game area on full screen canvas Phaser 3	1	674	July 1, 2020
Game Scaling/Resizing Example (v3) Examples	26	22448	July 17, 2020
Scaling game on different devices Phaser 3	2	1204	September 17, 2022
Mobile Responsive Phaser 3	3	2459	September 13, 2022
Making a full screen game Phaser 3	6	8611	February 9, 2019

Multi-scale resolution support

Related topics