好吧，我是这个领域的新手，但我正在尝试在我的 Phaser 游戏中显示背景图片
FYI I'M RUNNING ON A LIVE SERVER
var config = {
width:800,
height:600,
backgroundColor: 0x000000
}
var game = new Phaser.Game(config);
function preload()
{
this.load.image('sky', 'bg.png');
}
function create()
{
this.add.image(400, 300, 'sky');
}
function update()
{
}<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.22.0/phaser.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Io Game</title>
<script src="phaser.min.js"></script>
<script src="game.js"></script>
</head>
<body>
</body>
</html>它只是显示一个空白的黑屏。 控制台中没有错误 有任何提示/问题吗？
最佳答案
我之前已经参与过这个项目。在您的情况下，function preload()存在问题。 文件路径有错误。相应地放置您的文件。
正确代码:
function preload ()
{
this.load.image('sky', 'assets/sky.png');
this.load.image('ground', 'assets/platform.png');
this.load.image('star', 'assets/star.png');
this.load.image('bomb', 'assets/bomb.png');
this.load.spritesheet('dude',
'assets/dude.png',
{ frameWidth: 32, frameHeight: 48 }
);
}
关于javascript - 移相器 3 : Why are there no images showing?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60905054/