Как загрузить повернутое полотно с помощью Phaser 3 - PullRequest
Новая
       18

Как загрузить повернутое полотно с помощью Phaser 3

0 голосов
/ 26 марта 2020

Это довольно простой код загрузки изображения холста с использованием Phaser 3: 

<body>

    <div id="phaser-example"></div>
    <script>
        var GAME_WIDTH = 1920;
        var GAME_HEIGHT = 1080;

        var GameScene = new Phaser.Class({
            Extends: Phaser.Scene,
            preload: function () {
                this.load.image('sky', '13219.jpg');
            },
            create: function () {
                sky = this.add.image(0, 0, 'sky').setOrigin(0);
            },
        });

        var config = {
            parent: null,
            width: GAME_WIDTH,
            height: GAME_HEIGHT,
            scale: {
                mode: Phaser.Scale.FIT,
                autoCenter: Phaser.Scale.CENTER_BOTH
            },
            parent: 'phaser-example',
            autoRound: false,
            scene: GameScene
        };

        var game = new Phaser.Game(config);
    </script>
</body>

Теперь я хочу загрузить повернутое изображение холста. Я имею в виду, когда я открываю это, используя книжную ориентацию мобильного телефона, я хочу, чтобы холст поворачивался на 90 градусов по часовой стрелке, чтобы пользователь понял, что он / она должен вращать мобильное устройство и использовать альбомную ориентацию (вместо портретной). Поэтому моя главная цель - загрузить холст, как если бы устройство находилось в горизонтальной ориентации (поворот на 90 градусов по часовой стрелке).

...