Phaserは高速で無料、かつ楽しいオープンソースのHTML5ゲームフレームワークで、デスクトップおよびモバイルのウェブブラウザでWebGLとCanvasレンダリングを提供し、13年以上にわたり積極的に開発されています。

ゲームはウェブ向けに作成することも、YouTube Playables、Discord Activities、Redditゲーム、Twitchオーバーレイとして作成することも、サードパーティツールを使ってiOS、Android、Steam、ネイティブアプリにコンパイルすることも可能です。開発にはJavaScriptやTypeScriptを使用できます。PhaserはReactやVueを含む40以上のフロントエンドフレームワークをサポートしています。

PhaserはPhaser Studio Incと素晴らしいオープンソースコミュニティによって商業開発・保守されています。迅速なサポートと開発者に優しいAPIのおかげで、Phaserは現在GitHubで最も評価の高いゲームフレームワークの一つです。

もっと知りたいですか?下の画像をクリックして、紹介動画をご覧ください。

---

NPMからフェイザーを取り付ける

npmでインストールする方法:

そして、それをプロジェクトにインポートします:

CDNからのフェイザー使用方法

PhaserはjsDelivrにあり、「開発者向けの超高速CDN」です。HTMLには以下のいずれかを含めてください:

また、Cloudflareのcdnjsからも入手可能です:

フェイザーゲームアプリを作成

Phaser - HTML5 Game Framework

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers and has been actively developed for over 13 years.

Games can be built for the web, or as YouTube Playables, Discord Activities, Reddit games, Twitch Overlays or compiled to iOS, Android, Steam and native apps using 3rd party tools. You can use JavaScript or TypeScript for development. Phaser supports over 40 different front-end frameworks including React and Vue.

Phaser is commercially developed and maintained by Phaser Studio Inc along with our fantastic open source community. As a result of rapid support, and a developer friendly API, Phaser is currently one of the most starred game frameworks on GitHub.

Interested in learning more? Click the image below to watch our intro video.

---

Installing Phaser from NPM

Install via npm:

npm install phaser

Then import it in your project:

import Phaser from 'phaser';

Using Phaser from a CDN

Phaser is on jsDelivr which is a “super-fast CDN for developers”. Include either of the following in your html:

It is also available from Cloudflare’s cdnjs:

Create Phaser Game App

The easiest way to get started quickly with Phaser is our create-phaser-game app. This CLI tool presents an interactive selection of official project templates and demo games. Issue the command, answer some questions and the app will download and configure the right package for you.

npm create @phaserjs/game@latest
npx @phaserjs/create-game@latest
yarn create @phaserjs/game
pnpm create @phaserjs/game@latest
bun create @phaserjs/game@latest

We support Vue.js, React, Angular, Next.js, SolidJS, Svelte and Remix with Vite, Rollup, Parcel, Webpack, ESBuild, Import Map and Bun. Most come in both JavaScript and TypeScript versions.

View the create game app tutorial.