javascript - 如何通过 onclick 事件进入全屏 - Phaser3

Question

您好，我想知道我们是否可以通过 Phaser3 游戏上的点击事件实现“真正的”全屏。我尝试了很多事情但没有任何作用。我有一个对象，我想单击它以将游戏置于全屏模式。希望有人以前遇到过这个问题并可以帮助我。

游戏配置:

const config = {
    parent: "game",
    width: 750,
    height: 500,
    type: Phaser.AUTO,
    zoom: 1,
    scene: [Loading, Menu, InGame, GameOver, Controls, Win],
    backgroundColor: "#ffffff",
    audio: {
        disableWebAudio: true,
        noAudio: false
    },
    physics: {
        default: "arcade",
        arcade: {
            gravity: { y: 1500, x: 0 },
            debug: false
        },
    }, }

window.onload = function() {
    var game = new Phaser.Game(config);
}

场景上的对象点击事件:

this.fullScreenButton = this.add.image(730, 20, "fullScreen");
this.fullScreenButton.setInteractive();
this.fullScreenButton.on('pointerdown', function() {
    this.scene.scale.setGameSize(window.innerWidth, window.innerHeight);
    this.scale.startFullscreen(); });

Answer 1

let fullscreen = this.add.image(16,16,'fullscreen').setInteractive();

fullscreen.on('pointerup',() => { 
  window['game']['canvas'][game.device.fullscreen.request]();
})