画像

phaser3でも使える無料のAtlasesデータ生成ツールのメモ

phaser3にはTexture Packerが対応していますが、無料版でも高機能にみえてまずスプライトシートが読み込めないというね

結局、T ...

Tween

Phaser 3のTweenを使ったフェードアウトとフェードインを実装する方法です

Tweenを使ったフェードアウトの実装サンプル

See the Pen
Phaser 3 Tween FadeOut by yoch ...

シーン

Phaser 3でシーンを作成する方法とコンフィグ設定にシーンを追加する方法です

利用するシーンをコンフィグに設定する

scene:とする事でコンフィグに利用するシーンを設定できます(ひとつの場合は配列じゃなくてもOK)

シーン

Phaser 3でシーンを切り替える(移動・移行)する方法です

See the Pen
Phaser 3 Chenge Scenes by yochans (@yochans)
on CodePen.

2019年2月17日図形

Phaser3のGraphicsを利用して簡単な図形を描画する方法です

Graphicsの基本コード

graphics()を利用します

全てではないと思いますが、graphics()内に配列にて指定していく事が可 ...

2019年2月17日Preload

Phaser3で各ファイルタイプ別プリロードの実装方法です

単一画像ファイルのプリロード

画像ファイルのプリロードはload.image()で利用します

preload() { this.load.image('ima ...

2019年2月17日テキスト

phaser3のadd.text()で作成・表示したテキストにクリックイベントを実装する方法です

See the Pen
Phaser 3 text set touch events by yochans (@yo ...

2019年2月17日テキスト

テキストを指定範囲内で中央揃えさせる方法は色々ありますがadd.text()でのoriginパラメータの指定やsetOrigin()で基準値を利用するのが簡単です

X軸とY軸で指定する基準値を変える場合はsetOrigin ...

2019年2月17日テキスト

単純なテキストの表示

Phaser 3でテキストを表示するにはadd.text()を利用します

let text = this.add.text(X座標, Y座標, 文字列);

必須因数として、第一因数にX座標、第二因数にY座 ...