如何使用Phaser在手机上制作全屏版本

Question

我看了很多 api 并尝试了很多方法让我的移相器可以通过点击一些图像来使用全屏。

我的phaser版本是v3.24.1。

我可以用

this.scale.startFullscreen(); // Phaser.Scale.ScaleManager

chrome/safari 桌面版会成功，但不会被 phone 使用。

我尝试了很多方法让我的phaser游戏可以有全屏功能

这是我的设置：

const config: GameConfig = {

    type: Phaser.CANVAS,
    width: 1920,
    height: 1080,
    parent: 'game',
    scale: {
        mode: Phaser.Scale.FIT,
        autoCenter: Phaser.Scale.CENTER_BOTH
    },
    scene: [],
    plugins: {
        scene: [
            { key: 'SpinePlugin', plugin: window.SpinePlugin, mapping: 'spine' }
        ]
    }
};

我不想改变屏幕比例，只想在手机上全屏。

我该怎么办。请帮助我。

Answer 1

Chrome我能用的是iOS上不支持Chrome浏览器，它们不是一回事。如果您查看 iOS on can I use 的 Safari，它会显示 Safari & Chrome on iOS。它明确表示部分支持仅指 ipad。全屏 Web API 在 iPhone iOS 上不可用，与浏览器无关。

全屏的唯一解决方案是将游戏嵌入 WebView 并作为应用安装，将应用安装为 PWA，或者如果供个人使用，则启用全屏的实验性功能。

切换游戏引擎不会改变网络 api 是否可用于 iOS。

如何使用Phaser在手机上制作全屏版本

How to use Phaser to make a full-screen version on mobile

phaser-framework