Я не могу получить что -либо, чтобы загрузить на холст с функцией создания в Phaser 3 ⇐ Html

[Anonymous]

Я не могу получить изображения в предварительную загрузку < /p>

Я попытался преобразовать их в URL, я попытался скопировать файл в папке проекта, и я попытался просто разместить имя файла. < /p>

function preload(){
this.load.image('sky', 'assets/sky.png');
this.load.image('ground', 'assets/platform.png');
this.load.spritesheet('dude', 'assets/dude.png');
this.load.image('star', 'assets/star.png');
} // preloads all of the files I will need to make the game
function create() {
this.add.sprite(200, 200, 'star');
} // applies the files
function update() {

}// update every frame

var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: '#FF0000',
physics: {
default: 'arcade',
arcade: {
gravity: {y:200},
debug: false
}
},
scene: {
preload,
create,
update
},

} // configures the game

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

Я хотел бы успешно отобразить изображение на холсте, но на нем изображен только черный ящик с некоторыми зелеными линиями. Любые советы о том, как исправить это или то, что мне не хватает, были бы очень оценены, спасибо. < /P>



function preload() {
this.load.image('sky', 'file:///home/chronos/u-fc7808c01e889e74148d1013b69f0a2241def976/Downloads/testprogram-atom.js/assets/sky.png');
this.load.image('ground', 'assets/platform.png');
this.load.spritesheet('dude', 'assets/dude.png');
this.load.image('star', '/home/jojobinks/Desktop/testprogram-atom.js/star.png');
}
function create() {
this.add.image(0, 0, 'sky');
}
function update() {

}

var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: '#FF0000',
physics: {
default: 'arcade',
arcade: {
gravity: {y:200},
debug: false
}
},
scene: {
preload,
create,
update
},

}

var game = new Phaser.Game(config);< /code>
< /code>
< /div>
< /div>

< /code>

Подробнее здесь: https://stackoverflow.com/questions/553 ... -in-phaser