phaserjs/phaser

これは何？

主な機能

• 01デスクトップおよびモバイルのブラウザーで、WebGLまたはCanvasによる描画に対応しています。
• 02ArcadeおよびMatter.jsの物理エンジン、アニメーション、トゥイーン、パーティクルを備えています。
• 03シーン、アセットの読み込み、入力処理、カメラ、タイルマップを利用できます。
• 04JavaScriptとTypeScriptに対応し、型定義も同梱しています。
• 05人気のあるフロントエンドフレームワークやバンドラー向けのプロジェクトを作成できるCLIを提供しています。
• 06ぼかし、グロー、ブルームなどのエフェクトを使えるフィルターシステムを備えています。

ユースケース

• デスクトップやモバイルのWeb向けに2Dブラウザーゲームを開発する。
• YouTube PlayablesやDiscord Activitiesにミニゲームを公開する。
• ReactやVueアプリ内に、ゲームのようなインタラクティブコンテンツを作成する。
• 組み込みの物理演算やアニメーションツールを使って、2Dゲームの仕組みを試作する。

クイックスタート

1. 1

   npmからPhaserをインストールする

   npm install phaser
2. 2

   プロジェクトにPhaserをインポートする

   import Phaser from 'phaser';
3. 3

   または、create-phaser-gameアプリで新しいゲームのひな形を作成する

   npm create @phaserjs/game@latest

使う前に知っておきたいこと

• !Phaser 4にはPhaser 3との互換性を損なう変更があるため、古いチュートリアルやプラグインの移行が必要になる場合があります。

収録されている特集

トピック

よくある質問

phaser とは？

Phaserは、ブラウザー向けの2DゲームをWebGLまたはCanvasで描画する、無料のオープンソースHTML5ゲームフレームワークです。 Phaserは、デスクトップやモバイルのWebブラウザーで動作する2Dゲーム向けのJavaScriptおよびTypeScriptフレームワークです。WebGLとCanvasの両方での描画に対応し、シーン管理、アセットローダー、組み込みのArcadeおよびMatter.js物理エンジン、アニメーション、入力処理、カメラ、タイルマップ、パーティクル、トゥイーンを備えています。

phaser は無料で使えますか？ライセンスは？

phaser は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

phaser は今もメンテナンスされていますか？

半年以内に更新あり。phaser の最終コミットは 2026年8月21日 です。

phaser は何に使えますか？

デスクトップやモバイルのWeb向けに2Dブラウザーゲームを開発する。 YouTube PlayablesやDiscord Activitiesにミニゲームを公開する。 ReactやVueアプリ内に、ゲームのようなインタラクティブコンテンツを作成する。 組み込みの物理演算やアニメーションツールを使って、2Dゲームの仕組みを試作する。

phaser のインストール方法は？

npmからPhaserをインストールする: npm install phaser プロジェクトにPhaserをインポートする: import Phaser from 'phaser'; または、create-phaser-gameアプリで新しいゲームのひな形を作成する: npm create @phaserjs/game@latest

phaser はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/phaserjs/phaser