2019-04-11PhaserPhaserアニメーション

phaser3でも使える無料のAtlasesデータ生成ツールのメモ phaser3にはTexture Packerが対応していますが、無料版でも高機能にみえてまずスプライトシートが読み込めないというね 結局、Texture Packerの無 ...

2019-04-08PhaserPhaserアニメーション

Phaser 3のTweenを使ったフェードアウトとフェードインを実装する方法です Tweenを使ったフェードアウトの実装サンプル See the Pen Phaser 3 Tween FadeOut by yochans (@yochan ...

2019-04-08PhaserPhaserシーン

Phaser 3でシーンを作成する方法とコンフィグ設定にシーンを追加する方法です 利用するシーンをコンフィグに設定する scene:とする事でコンフィグに利用するシーンを設定できます(ひとつの場合は配列じゃなくてもOK) 複数のシーンを設定 ...

2019-04-08PhaserPhaserシーン

Phaser 3でシーンを切り替える(移動・移行)する方法です See the Pen Phaser 3 Chenge Scenes by yochans (@yochans) on CodePen. シーンの切り替えにはシーンを移動するイ ...

2019-04-11Phaser

Phaser3のGraphicsを利用して簡単な図形を描画する方法です Graphicsの基本コード graphics()を利用します 全てではないと思いますが、graphics()内に配列にて指定していく事が可能 let graphics ...

2019-04-11Phaser

Phaser3で各ファイルタイプ別プリロードの実装方法です 単一画像ファイルのプリロード 画像ファイルのプリロードはload.image()で利用します preload() { this.load.image('image', 'image ...

2019-04-11PhaserPhaserテキスト

phaser3のadd.text()で作成・表示したテキストにクリックイベントを実装する方法です See the Pen Phaser 3 text set touch events by yochans (@yochans) on Cod ...

2019-04-11PhaserPhaserテキスト

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

2019-05-23PhaserPhaserテキスト

単純なテキストの表示 Phaser 3でテキストを表示するにはadd.text()を利用します。 let text = this.add.text(X座標, Y座標, 文字列); 必須因数として、第一因数にX座標、第二因数にY座標、第三因数 ...