Hello, I’m making a mobile game and when testing it on smaller phone screens the elements on screen seem too big and you cannot properly see the world surrounding the player. My solution to this is to change zoom of the main camera to a smaller value ( ~ 0.6 ) at the start of the game if the disp…

[image] mdreda: Also, is there a better way to resize game world for multiple screen sizes ( especially on mobile devices ) ? Have you already used the scale manager ? Or maybe try a custom scale strategy .

Many thanks for the links, I’ll look into using the custom scale strategy great work ! I’m using RESIZE scale mode for now which works for most devices. I’m wondering how did you position the score text which also has scrollFactor = 0 when camera is zoomed in/out ?

Actually the camera does not zoom, it only changed its width and height. You have to adjust the position of the object which uses setScrollFactor(0) manually on each window resize event. // at the end of your scene const resize = () => { // adjust the position of the levelText levelText.setPo…

Positioning gameobjects in a zoomed camera

Phaser 3

yannick April 17, 2019, 12:07am 2

Have you already used the scale manager? Or maybe try a custom scale strategy.

Topic		Replies	Views
UI elements readjust with camera zoom Phaser 3	2	1182	January 4, 2019
Phaser.Scale.RESIZE mode leads to weirdness after zooming camera Phaser 3	0	383	April 25, 2021
Multi-scale resolution support Phaser 3	7	1358	February 10, 2022
Consistent Camera Zoom Phaser 3	5	1138	March 23, 2022
Mobile Responsive Phaser 3	3	2448	September 13, 2022

Positioning gameobjects in a zoomed camera

Related topics