PhaserJS 3.0 如何将图像放置在屏幕的右下角？

Question

我尝试创建一个区域，将图像附加到它并更改区域的显示大小，但没有成功。这 === Phaser.Scene

this.zone = this.add.zone(
   this.game.scale.width / 2,
   this.game.scale.height / 2,
   this.game.scale.width,
   this.game.scale.height,
);
Phaser.Display.Align.In.BottomRight(this.image, this.zone, -20, -20);

以及调整大小事件 this.zone.setDisplaySize(this.game.scale.width, this.game.scale.height);

它在开始时放置正确，但在调整大小时不起作用。我仔细检查了事件处理程序是否有效。

Answer 1

将图像的原点设置为 bottom-right 会更容易：Image.setOrigin(1, 1);。

然后只需执行 Image.setPosition(width, height)，使用 Phaser 自动传递给调整大小事件回调的值。完全不需要区域来执行此操作，真的。

PhaserJS 3.0 如何将图像放置在屏幕的右下角？

PhaserJS 3.0 How to place image in right bottom of the screen?

javascript

phaser-framework