Как добавить фоновое изображение в мою фазерную игру?

Question

Я хочу добавить фоновое изображение / сцену в мою игру. Этот код не работает.

        const config= {
            type: Phaser.AUTO,
            height: 675,
            width: 675,
            scene: {
                preload,
                create,
                update,
            }
        }
        const game = new Phaser.Game(config)
        const gameState ={
        }
        function preload() {
            this.load.image('background','/background.jpg');
        }
        function create() {
            gameState.move = this.add.circle(325,325,25,'0xffffff');
            let bg=this.add.image(0,0,'background');            
}

function update() {
}

Что я могу сделать? Я новичок в Phaser Gaming. Я не думаю, что URL-адрес неверен. Но это вывод: введите описание изображения здесь

Answer 1

Возможно, URL изображения неверен. документы говорят, что URL может быть относительным или абсолютным. Если изображение находится на одном уровне в файловой системе с вашим файлом JavaScript, в вашей функции preload вы можете попробовать:

this.load.image('background','background.jpg');

или

this.load.image('background','./background.jpg');