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

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

您的配置对象缺少场景项。这是告诉 Phaser 将场景添加到游戏中所必需的。请参阅文档 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搞清楚基础知识。典型游戏设置的精彩解释和示例。