как сделать полноэкранный режим для фазера 3

Question

Я использую последний Phaser.

Я хочу знать, как можно иметь полноэкранный режим.

var config = {
            type: Phaser.WEBGL,
            scale: {
                mode: Phaser.Scale.Fit,
                autoCenter: Phaser.Scale.CENTER_BOTH,
                parent: parentDiv,
                width: 1920,
                height: 1080
            },

            parent: parentDiv,
        };

Если я использую этот конфиг и устанавливаю стиль (width:100%, height:100%) на родительский div, что происходит, игра все еще не отображается на весь экран. Это показано в середине. Это правильное поведение? Я хочу, чтобы в моей игре был полный экран для всех размеров экрана.

Есть идеи? это хорошая практика? Я не хочу использовать для этого пользовательские функции.

Answer 1

Вы можете сделать:

//…
width: window.innerWidth,
height: window.innerHeight,
//…

Это установит ширину экрана вашей игры на всю ширину окна, и то же самое для высоты (по сути, она делает вашу игру полноэкранной независимо от того, что Размеры окна.