Как масштабировать игру Phaser 3 и ее активы, чтобы она работала на смартфонах и планшетах?

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