Удобный набор инструментов для создания HTML5-игр. Инструментарий адаптирован под ПК и браузеры, поддерживает полноэкранный режим и публикацию на браузерных платформах, таких как itch.io.
Технический стек:
- Phaser – используется для игровой логики и рендеринга графики
- Vue – используется для построения пользовательских интерфейсов
- Pinia – используется для управления состоянием игры
- Vite – используется для сборки проекта
- Electron – используется для создания десктопной версии приложения
- Decap CMS – используется для редактирования параметров игры и контента через удобную административную панель
- Storybook – используется для изолированной разработки и документирования UI-компонентов
- i18next – используется для локализации игры
- i18next-vue – используется для интеграции локализации в компоненты Vue
- Vue Router – используется для навигации между экранами и переходами между уровнями
Изначально набор инструментов создавался как стартовый шаблон для участия в гейм-джемах и как основа для собственных проектов. В процессе разработки потребовалось изменить подход к интерфейсу, чтобы положение виджетов синхронизировалось с основным компонентом canvas при ресайзе и переходе в полноэкранный режим. Также была учтена загрузка ассетов, чтобы сборка игры могла работать на любом статическом сервере, таком как itch.io.
Со временем работы над проектами мы добавили поддержку локализации, подключили Decap CMS для создания удобной админки игры и Storybook для разработки библиотеки UI-виджетов. Таким образом, стартовый шаблон стал полноценным набором инструментов.
В стартовом шаблоне мы реализовали несколько механик: топ-даун управление персонажем, платформинг и работу с данными игры на примере изменения здоровья.
Шаблон разработан совместно с Марком Бездорновым
Технологии с которыми я работал:
