Phaser3で画像の表示

画像を表示する

画像を表示する手順です。ここで表示する画像は、固定画像です。スプライト画像（アニメーションを行うための画像）ではなく、物理エンジン対応画像ではなく、ただの画像を表示します

画像の読み込み

画像の読み込みはpreloadで行います
https://github.com/hiroshees/phaser-game-sample/blob/main/src/work01.html#L19-L21

this.load.image(画像名, 画像パス);

画像の表示

createメソッド内で画像を表示します。デフォルトでは、画像の座標は、画像の中心点を基準にして配置します。そのため画像の幅と高さによって、座標は変わることに注意が必要です。

https://github.com/hiroshees/phaser-game-sample/blob/main/src/work01.html#L23-L25

const 画像オブジェクト = this.add.image(X座標, Y座標, 画像名);

ドキュメント

画像の表示サイズ変更

画像の表示サイズを変更します

https://github.com/hiroshees/phaser-game-sample/blob/main/src/work01.html#L25

画像オブジェクト.setDisplaySize(幅, 高さ);

ドキュメント

画面

画像表示