javascript - 如何将 Phaser 3 游戏及其 Assets 扩展到智能手机和平板电脑上？

Question

我刚开始使用 Phaser 3 和 Apache Córdova 创建移动 Android 游戏。

我创建了一个 1200 x 800 像素的游戏。它在平板电脑上看起来不错，但在智能手机上却不行。如何缩放它以在多种屏幕尺寸下工作？

此外，我需要帮助来强制使用 Phaser 3 调整游戏方向。

谢谢

Answer 1

function create () {
    window.addEventListener('resize', resize);
    resize();
}

function resize() {
    var canvas = game.canvas, width = window.innerWidth, height = window.innerHeight;
    var wratio = width / height, ratio = canvas.width / canvas.height;

    if (wratio < ratio) {
        canvas.style.width = width + "px";
        canvas.style.height = (width / ratio) + "px";
    } else {
        canvas.style.width = (height * ratio) + "px";
        canvas.style.height = height + "px";
    }
}