Phaser3の練習にちょっとしたゲームを作ってみた。
リファクタリングはまた今度する（しない）。
以下からプレイ可能
スライム君を会社に戻そうと追ってくるタコから逃げるゲーム。
方向キーで移動、スペースキーでゲームのカードを落とせる。
PC専用で、IEだと動かない。
Phaser3の概要はかなり掴めたかな。
シーン遷移周りのベストプラクティスなんかはちょっと考えたい。
今のやり方だとメモリリーク起こしてないかちょっと心配。
スライムくんゲーム
コメントを残す
「Phaser3」タグアーカイブ
JavaScriptのゲームライブラリ「Phaser」が便利
JavaScriptのゲームライブラリについて少し調べてみたが、Phaserが中々便利そう。
ゲーム制作に必要なものは一通りそろってて、コードも読みやすかった。
2018/10/16現在だと、Phaser3系と、2系でドキュメントが混在してる感じなのがネックかな。
公式のチュートリアルが短い上に分かりやすいので、これで概要が掴めた。
書き始めた時は、公式チュートリアルのcreateとかupdate関数のthisが何を指しているのかいまいち把握できなくて混乱した。
どうもこれはPhaser.Sceneオブジェクトを参照しているようで、PhaserではこのSceneオブジェクトに対する操作を中心にプログラムを書いていくっぽい。
なのでリファレンスのSceneドロップダウンリスト以下を参照すれば、必要な情報は一通り手に入る。
公式の作例も充実しているので、リファレンスと作例見れば大体のことが解決するので助かる。
こんな感じでモダンな書き方にも対応してるようだ。