🐡

Phaser3で画像の表示

2022/05/27に公開約900字

画像を表示する

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

画像の読み込み

画像の読み込みは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(, 高さ);

ドキュメント

画面


画像表示

Discussion

ログインするとコメントできます