HTML5ゲームエンジン「Phaser」が初心者とモバイルにやさしくていい感じです
Phaser - Desktop and Mobile HTML5 game framework
モバイル/デスクトップ向けのHTML5製の2Dゲームフレームワーク。
Pixi.jsベースでCanvasやWebGLのレンダリングもサポート。
Tags: flash-like 2d sounds collisions physics typescript webgl free
cdnjs: //cdnjs.cloudflare.com/ajax/libs/phaser/2.0.5/phaser.min.js
- Examples - PixiJS
ベースとなっている Pixi.js のサンプル。レンダリング結果の雰囲気がつかめる。 - HTML5 Game Engines - Find Which is Right For You
HTML5ベースのゲームエンジン一覧。比較がしやすい。
Phaser Sites
- Documentation
ドキュメント。各クラスのdocもある。 - Support Forum
フォーラム - phaser labs
the playground and test site - Phaser Plugins
"We are trying hard to keep the core of Phaser limited to only essential classes"
Learn By Example
- Phaser Examples
公式サンプル集。 - 12 Games in 12 Weeks | Lessmilk
Phaserで毎週１つゲームを作った人の作品集 - Connect Me
- Initials
Tutorials
Phaser tutorial
Phaserのチュートリアル記事一覧Lessmilk
所感
めっちゃいい感じ。
全体観
- free (MIT)
- 公式にニュースが多いので活発っぽい
- 他のゲームエンジン (CreateJS, enchant.js など) も見てみたけど、なんだかイマイチ
- 試してもないけど、試す気にもならなかった
- サイトデザインからユーザに対する姿勢が明らかにちがう。UX に対する配慮的な
- ちなみに Phaser はこの記事で知りました。ありがたい。
- Phaser の由来は音響機器の「フェイザー」。イラストの宇宙人キャラが持ってる。
学習
- Lessmilk の Flappy Bird チュートリアルが Awesome.
- 充実した公式サンプル集。現在 321 個
- ほかに日本語の記事はあまりなさそうなのが心配。
- でも js だからサンプルあればソース閲覧できるか
動作
- iPhoneで動く!! 出先で人に見せられるのは重要
- Features の DEVICE SCALING ってやつが気になる。良さそう。
Phaser has a built-in Scale Manager which allows you to scale your game to fit any size screen. Control aspect ratios, minimum and maximum scales and full-screen support.
- 何かしらサンプルを Play してみるとわかるが、ゲームからフォーカスを外したときに Pause する、など細やかな配慮が随所に感じられる
作りやすさ
- ゲーム制作初心者であっても取っ付きやすい。実装は実現したいことにフォーカスした記述ができ、ライブラリ都合の冗長な記述が少ない印象
- メソッドチェーンですっきり書けて今どきっぽい
- Phaser で学んでほかに移るコスト（無駄になるもの）少なそう
- Lessmilk の人は一部のゲームを iPhone アプリに移植している模様。Swift も出てきたことだし、その準備にもなりそう
僕が Phaser についてまとめたものの最新はここで管理しています:
