幻术师。添加图片

这篇文章是Phaser系列的一部分。点击这里可以看到该系列的第一篇文章。

你可以把图片作为GameObjects来添加，但你需要注意的是，为了在游戏开始时显示图片，在create() ，它们需要在preload() ，预先加载。我们给它们分配一个标识符，然后我们可以在create() 函数中用该资产添加图像。

function preload() {
  this.load.image('apple', 'apple.png')
}

function create() {
  this.add.image(200, 200, 'apple')
}

请注意，200，200是我们要放置图像的位置。

它指的是图片的中心。

要使它指的是左上角的位置，这更容易推理，你可以对图像调用setOrigin()方法。

const image = this.add.image(200, 200, 'apple')
image.setOrigin(0, 0)

一旦图像被创建和添加，我们可以对它进行一些操作，包括缩放它。

image.setScale(2)

翻转它。

image.flipY = true
image.flipX = true

以及更多。