Question

我正在尝试使用Phaser来制作一款小型游戏，但我仍停留在基础知识上。我想为整个游戏的背景制作图片，但是它不起作用，控制台不会给我任何错误，背景不会改变，这是我的javascript：

var config = {
  type: Phaser.AUTO,
  width: 600,
  height: 800,
  physics: {
      default: 'arcade',
      arcade: {
          gravity: {y: 500},
          debug: false
      }
  },
};

var game = new Phaser.Game(config);

function preload() {
  this.load.image('background', './star-background.jpg');
}


function create() {
  this.add.image(400, 300, 'background');
}

function update() {

}

我缺少什么？如何为游戏背景做图片？

Answer 1

您的配置对象缺少scene项。告诉相位器将场景添加到游戏中是必要的。请参阅文档here。

尝试一下：

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

这应该使用创建的功能加载第一个场景。否则，您的图像设置看起来不错。我强烈建议您遵循官方教程Making your first Phaser 3 game，以弄清基础知识。典型游戏设置的精彩说明和示例。

如何为Phaser.js游戏设置背景图片？

1 个答案: