Resolution support

Phaser 3
1

Hello,
Right now I’m using this:

window.onload = function () {
    var gameConfig = {
        ...
        width: 1920,
        height: 1080,
        ...
        scale: {
            mode: Phaser.Scale.FIT,
            autoCenter: Phaser.Scale.CENTER_BOTH,
        },
    };
}

If the Image size is 2688 * 1536

This is how it looks when you run the game

Screenshot (2)
Screenshot (2)1920×994 24.2 KB

Top and bottom is proper but at the sides it shows white color but I need images to be displayed.
width should FIT but height should not

this is the whole image is

Untitled
Untitled1602×900 4.56 KB

Is there a way to do it?

Thank you.

2

Use RESIZE scale mode, scroll+zoom camera to display game window at center,
Or try this plugin

3

This doesn’t work as expected.
When the width of screen is large (landscape mode), The width of image should fit the scene and height should be fill the screen.
When the height of screen is large (Potrait mode), The width of image should fill the scene and height should be fit the screen.