javascript - 如何让phaser 3全屏显示

Question

我正在使用最新的移相器。

我想知道如何实现全屏。

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,
//…

这会将您的游戏屏幕宽度设置为窗口的整个宽度，并且高度相同(本质上，无论窗口尺寸如何，它都会使您的游戏全屏显示。