概要

Phaser で作られた実際のゲームサンプル

公式

http://labs.phaser.io/index.html?dir=games

項目

Avoid The Germs

マウスで主人公を操作して、アイテムを取る。スコアを競うゲーム。
Germs(細菌)に触れたら即死！

パックマンやヘビゲームに近いゲームルール
シンプルな設計で参考にしやすい。

コードを読み解く

• 専用のフォントイメージ使用（ビットマップフォント）
• パッキングされたスプライト読み込み、アニメーションの組み立て
• glsl によるシェーダー演出(細菌的表現！うにょうにょ)おもしろい
• シンプルな遷移システム(main.js->Boot.js->Preloader.js->MainMenu.js->Game.js)
• タイトル画面
  • 敵キャラランダム移動
• Game.js
  • 各 GameObject クラスからインスタンス作成
  • phisics による接触判定処理
  • GameOver 処理
• Player.js
  • プレイヤーの実装クラス(Arcade.Image 継承)
  • 生存判定
  • 移動処理
• Grem.js
  • 敵の実装クラス（Physics.Arcade.Sprite 継承)
  • 生存判定
  • 移動処理
• Grems.js
  • 敵管理クラス
  • 一定時間ごとに新たな敵を生み出すかチェックする

Bank Panic

⚒️

Breakout

ブロック崩しゲーム！（みんな大好き 😍）

⚒️

Emoji Match

⚒️

Firstgame

チュートリアルで作成するゲーム。
解説なし

Food-Fill

⚒️

Snake

⚒️ ヘビゲームあるじゃん！
なにかのチュートリアルの一部のようだが…？

Snowmen Attack

⚒️

Stacker

⚒️

Top Down Shooter

⚒️ なにかのチュートリアル？