如何使用 onclick 事件实现 go 全屏 - Phaser3

Question

您好想知道我们是否可以 go 在 Phaser3 游戏上通过点击事件“真实”全屏。 我尝试了很多东西，但没有任何效果。 我有一个 object，我想单击它以将游戏置于全屏模式。 希望有人以前遇到过这个问题并且可以帮助我。

游戏配置：

 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);
}

Object 场景点击事件：

 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]();
})

Answer 2

我有同样的问题，不知道为什么，但是pointerdown在全屏模式下有一些问题。 如果您只是切换到指针向上 canvas 将适合整个屏幕。

希望这会有所帮助。 抗体