如何为 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

您的配置对象缺少 scene 项。这是告诉 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 来了解基础知识。典型游戏设置的精彩解释和示例。

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

How to set a background image to a Phaser.js game?

javascript

phaser-framework