debuff vs Phaser

Phaser は 2D ブラウザゲームのフレームワークとして最も有名な存在です。debuff はずっと若くて小さなツールキットで、調整、テスト、コーディングエージェントとの共同作業を軸に作られています。このページでは2026年10月時点で、それぞれが実際に何を提供しているかを比べ、Phaser のほうが良い選択になる場面も正直に書きます。

結論から

物理を内蔵した成熟した多機能フレームワーク、大きなコミュニティと何年分ものサンプル、あるいはビジュアルエディタが欲しいなら Phaser を。小さなランタイム、最初から入っている決定的なテストとファジング、そして開いているゲームにアタッチできるコーディングエージェントが欲しいなら debuff を選んでください。

ひと目で比較

	debuff 0.2	Phaser 4.2.1
ライセンス	MIT	MIT
言語	TypeScript	JavaScript（TypeScript の型あり）
成熟度	新しい、開発初期	10年以上のリリース実績
物理	タイルとの当たり判定。剛体エンジンはなし	内蔵（Arcade と Matter）
レンダリング	WebGL2、Canvas 2D フォールバック	フィルターとライティング付きの GPU レンダラー（phaser.io/phaser4）
ビジュアルエディタ	なし	Phaser Editor、有料（月額 $12）
ランタイム全体（brotli）	20 kB（debuff の全パッケージ）	276 kB（phaser.min.js）
テスト	決定的なシナリオ、スクリーンショットのベースライン、ファズ	HEADLESS レンダラー。テストは自分で用意
コーディングエージェント	動いているゲーム向けの MCP サーバー、新規プロジェクトに AGENTS.md	llms.txt、28個のスキル、Editor の MCP サーバー
コミュニティ	小規模	大規模（GitHub スター約 40k）、フォーラム、Discord

ランタイム全体のダウンロードサイズ、brotli（kB、小さいほど良い）

debuff20 kB

Phaser276 kB

各ライブラリのビルド済みバンドル全体（debuff の全パッケージ、phaser.min.js）を brotli で圧縮し、2026年10月17日に計測しました。ツリーシェイキングしたゲームはさらに小さくなります。

Phaser が強いところ

• 機能。 物理エンジン、フィルターとライティングの仕組み、タイルマップ、カメラ、パーティクル、トゥイーンがすべて内蔵されています。debuff には剛体物理がありません。
• 成熟度。 Phaser は10年以上リリースを続けています。API は安定しています。v4 は v3 からあまり変わっていないので、v3 向けの資料もほとんどそのまま使えます。
• 学習資料。 何千ものサンプル、チュートリアル、回答済みの質問があります。何かでつまずいても、たいてい誰かが同じところで先につまずいています。
• エディタ。 お金を払ってよければ、Phaser Editor でシーンを編集できます。debuff にはエディタがありません。
• エージェント向けドキュメント。 Phaser はメインリポジトリにスキルファイルと llms.txt を置いていて、Phaser Editor のシーン向けに公式の MCP サーバーもあります。

debuff が違うところ

• サイズ。 debuff のランタイム全体は Phaser のバンドルのごく一部の大きさで、開発専用のコードが本番に紛れ込むと debuff build が失敗します。
• 決定性とテスト。 debuff は固定ステップとシード付き乱数で動きます。シナリオ（期待値とスクリーンショットのキャプチャを含む JSON スクリプト）は npm test でヘッドレスに実行できます。npx debuff fuzz はランダムな入力でゲームを遊び、クラッシュや詰まった状態をすべてリプレイとして保存します。
• 動いているゲームにエージェントを。 Phaser の MCP サーバーはエディタ上のシーンを編集します。debuff の MCP サーバーでは、エージェントがあなたの開いているゲームにアタッチします。オーバーレイであなたがフラグを立てたメモを読んでその場面を game_replay で再現し、あなたのタブで型付きパラメータも調整します。調整はいつでも元に戻せます。詳しくはエージェント比較の記事をどうぞ。
• 説明してくれるエラー。 ランタイムエラーは、誰のバグか（あなたのコード、API の誤用、debuff 自身）を伝え、ソースの行を指し示します。

どちらを選ぶか

物理や豊富な内蔵システム、頼れる大きなコミュニティが必要なら Phaser を使いましょう。小さなゲームを作る、初日からテストとファジングが欲しい、コーディングエージェントと密に作業したい。そんなときは debuff を試してみてください。

npm create debuff@latest my-game

Claude Code とのウォークスルーで、一連の流れをすべて見られます。