Phaser — это быстрый, бесплатный и увлекательный открытый HTML5-игровой фреймворк, который предлагает рендеринг WebGL и Canvas для настольных и мобильных веб-браузеров, активно разрабатываемый уже более 13 лет.

Игры можно создавать для веба или в виде YouTube Playables, Discord-активностей, Reddit-игр, Twitch-оверлеев или компилировать на iOS, Android, Steam и нативные приложения с помощью сторонних инструментов. Для разработки можно использовать JavaScript или TypeScript. Phaser поддерживает более 40 различных фронтенд-фреймворков, включая React и Vue.

Phaser коммерчески разрабатывается и поддерживается компанией Phaser Studio Inc вместе с нашим замечательным сообществом open source. Благодаря быстрой поддержке и удобному для разработчикам API Phaser в настоящее время является одним из самых звёздных игровых фреймворков на GitHub.

Хотите узнать больше? Нажмите на изображение ниже, чтобы посмотреть наше вводное видео.

---

Установка фазера из NPM

Установка через npm:

Затем импортируйте его в свой проект:

Использование фазера из CDN

Phaser находится на jsDelivr — это «супер-быстрый CDN для разработчиков». Включите либо из следующих в свой html:

Он также доступен на CDNJS Cloudflare:

Создать приложение для игры с фазером

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.