PhaserJS 3.0如何在屏幕右下方放置图像？

问题描述

我试图创建一个区域，将图像附加到该区域，并更改该区域的显示大小，但是它不起作用。这个=== 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);

开始时正确放置，但无法调整大小。我再次检查了事件处理程序是否正常工作。

解决方法

将图像的原点设置在右下角Image.setOrigin(1,1);会更容易。

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