Question

我有一个用相位器制作的游戏，我们正在尝试为其添加全屏功能。当我打电话时

this.game.scale.startFullScreen(false);

它保持游戏的maxHeight和maxWidth，因为它们是在预加载中设置的，因此它显示了一个以游戏为中心的黑色全屏，所以我为它创建了一个包装器，它可以工作，但是当用户遇到逃生时却没有而不是“退出全屏按钮”。启动包装器将maxWidth和maxHeight设置为null，然后允许全屏全屏，停止包装器将它们设置回默认值，当你按下“退出全屏”按钮时它工作正常，但当我点击它时它调用我的功能，但不重置屏幕，因此它退出浏览器全屏模式，但仍然高于浏览器窗口。

这是我的完整代码：

var startFullscreen = function() {
    // remove maxwith and maxheight
    game.scale.maxWidth = null;
    game.scale.maxHeight = null;

    // set to fullscreen
    game.scale.startFullScreen(false);
}

var stopFullscreen = function() {
    // reset maxWidth and maxHeight
    game.scale.maxWidth = 1000;
    game.scale.maxHeight = 600;

    // turn off fullscreen
    if (game.scale.isFullScreen) { // if the user hit escape, fullscreen is already exited and we only need to reset the scale
        game.scale.stopFullScreen();
    } else {
        // what goes here?
    }
}

$(document).keyup(function (e) {
    if (e.keyCode == 27) { // escape key maps to keycode `27`
        stopFullscreen();
    }
});

感谢任何帮助。提前谢谢！

Answer 1

在我们进入全屏后，我将重置移动到了那个位置，当调出退出全屏时它们已经设置好，所以它呈现正确，但我仍然愿意接受更好的解决方案。

var startFullscreen = function() {
    // remove maxwith and maxheight
    game.scale.maxWidth = null;
    game.scale.maxHeight = null;

    // set to fullscreen
    game.scale.startFullScreen(false);

    setTimeout(function () {
        // resets height and width so the game will render correctly when fullscreen exits
        game.scale.maxWidth = 1000;
        game.scale.maxHeight = 600;
    }, 500);
}

在Phaser中重置比例

1 个答案: