Repolode
phaserjs

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. 1

    Установите Phaser через npm

    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 — бесплатный 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 обновляется ежедневно.

Похожие проекты