Быстрая библиотека для 2D-рендеринга в вебе: рисует графику, спрайты и текст с помощью WebGL и WebGPU.
phaserjs/phaser
Phaser — бесплатный open source-фреймворк HTML5 для создания 2D-игр с рендерингом через WebGL или Canvas в браузере.
- Звёзды
- 40,540
- Форки
- 7,181
- Открытые issues
- 176
- Последний коммит
- 2 месяца назад
Что это?
Phaser — фреймворк на JavaScript и TypeScript для 2D-игр, работающих в настольных и мобильных браузерах. Он поддерживает рендеринг через WebGL и Canvas и включает управление сценами, загрузчик ресурсов, встроенные физические движки Arcade и Matter.js, анимации, обработку ввода, камеры, тайловые карты, частицы и tween-анимации.
Игры на Phaser можно публиковать в интернете, на YouTube Playables, в Discord Activities, Reddit и в виде оверлеев для Twitch, а также упаковывать с помощью сторонних инструментов для iOS, Android, Steam и нативных приложений. Phaser можно установить из npm или подключить через CDN, а CLI create-phaser-game создаёт заготовки проектов с шаблонами для React, Vue, Angular, Svelte, Next.js и других фреймворков.
В версии 4 конвейер рендеринга заменён на WebGL-рендерер с узловой архитектурой, а эффекты и маски объединены в систему фильтров. Добавлены управляемые GPU слои спрайтов и тайловых карт, которые позволяют отображать очень большое количество объектов. Для проектов на Phaser 3 потребуется миграция — её процесс описан в руководстве в репозитории.
Ключевые возможности
- 01Рендеринг через WebGL или Canvas в настольных и мобильных браузерах.
- 02Встроенные физические движки Arcade и Matter.js, анимации, tween-анимации и частицы.
- 03Сцены, загрузка ресурсов, обработка ввода, камеры и тайловые карты.
- 04Поддержка JavaScript и TypeScript со встроенными определениями типов.
- 05CLI для создания заготовок проектов под популярные фронтенд-фреймворки и сборщики.
- 06Система фильтров с эффектами размытия, свечения и bloom.
Сценарии использования
- Создание 2D-игр для настольных и мобильных браузеров.
- Публикация мини-игр на YouTube Playables или в Discord Activities.
- Создание интерактивного контента в игровом стиле внутри приложений на React или Vue.
- Прототипирование механик 2D-игр с помощью встроенных инструментов физики и анимации.
Быстрый старт
- 1
Установите Phaser через npm
npm install phaser - 2
Импортируйте Phaser в свой проект
import Phaser from 'phaser'; - 3
Или создайте основу новой игры с помощью приложения create-phaser-game
npm create @phaserjs/game@latest
Что важно знать
- В Phaser 4 есть несовместимые изменения по сравнению с Phaser 3, поэтому старые руководства и плагины может потребоваться адаптировать.
В подборках
Темы
Частые вопросы
- Что такое phaser?
- Phaser — бесплатный open source-фреймворк HTML5 для создания 2D-игр с рендерингом через WebGL или Canvas в браузере. Phaser — фреймворк на JavaScript и TypeScript для 2D-игр, работающих в настольных и мобильных браузерах. Он поддерживает рендеринг через WebGL и Canvas и включает управление сценами, загрузчик ресурсов, встроенные физические движки Arcade и Matter.js, анимации, обработку ввода, камеры, тайловые карты, частицы и tween-анимации.
- phaser можно использовать бесплатно? Какая у него лицензия?
- phaser распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- phaser всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в phaser — 21 авг. 2026 г..
- Для чего можно использовать phaser?
- Создание 2D-игр для настольных и мобильных браузеров. Публикация мини-игр на YouTube Playables или в Discord Activities. Создание интерактивного контента в игровом стиле внутри приложений на React или Vue. Прототипирование механик 2D-игр с помощью встроенных инструментов физики и анимации.
- Как установить phaser?
- Установите Phaser через npm: npm install phaser Импортируйте Phaser в свой проект: import Phaser from 'phaser'; Или создайте основу новой игры с помощью приложения create-phaser-game: npm create @phaserjs/game@latest
- Где скачать phaser?
- Исходный код и инструкции по установке — на GitHub: https://github.com/phaserjs/phaser
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Открытый no-code игровой движок и редактор для создания 2D-, 3D- и многопользовательских игр для мобильных устройств, компьютеров и веба.
JavaScript-библиотека для создания и отображения 3D-сцен в браузере с помощью WebGL и WebGPU.
WebGL-библиотека для глобуса размером около 5 КБ без зависимостей, позволяющая привязать любой DOM-элемент к глобусу в качестве маркера.
3D-движок для игр и рендеринга на JavaScript/TypeScript, работающий в браузере с WebGL, WebGPU и WebXR.
React-обёртка для физического движка Rapier WASM: добавляет твёрдые тела, коллайдеры и соединения в сцены react-three-fiber.