Описание проекта: Разработка комплексного, гибкого и высокопроизводительного набора инструментов (фреймворка) для создания HTML5-игр. Платформа полностью адаптирована под десктопные и мобильные браузеры, поддерживает бесшовный full-screen режим, локализацию, управление контентом и кроссплатформенную сборку (включая десктопные приложения и публикацию на игровых площадках вроде itch.io).
Технический стек:
Core & Rendering: Phaser 3 (игровая логика, физика, рендеринг).
UI Architecture: Vue 3 (Composition API), Pinia (глобальное состояние интерфейса и игры), Vue Router.
Tooling & Build System: Vite, Electron (для десктопных дистрибутивов).
Content Management & DX: Decap CMS (интеграция админ-панели для контента), Storybook (изолированная разработка и документирование UI-компонентов).
Localization: i18next / i18next-vue (динамическая мультиязычность).
Ключевые инженерные решения и достижения:
Синхронизация UI и Canvas-рендеринга: Спроектировал и реализовал уникальную систему реактивного UI на Vue, которая динамически синхронизирует положение интерфейсных виджетов с основным HTML5 Canvas элементом при изменении размеров экрана и переходе в полноэкранный режим.
Архитектура управления состоянием: Интегрировал Pinia и Phaser, создав мост для бесшовного обмена данными между игровым движком и слоем пользовательского интерфейса (например, реактивное обновление UI при изменении игровых параметров вроде здоровья, инвентаря и т.д.).
Оптимизация сборки и ассетов: Настроил конфигурацию Vite для гибкого управления путями статических ассетов, что обеспечило гарантированную автономную работу сборок на любых статических серверах и платформах (включая itch.io) без проблем с CORS или путями.
Расширение экосистемы (DX): Внедрил Storybook для изоляции UI-компонентов и подключил Decap CMS для управления игровым балансом напрямую через удобный визуальный интерфейс, значительно ускорив процесс гейм-дизайна.
Готовые шаблоны механик: Инкапсулировал базовые игровые паттерны (Top-down управление, платформерная физика, стейт-машины персонажей) в чистые, повторно используемые модули.
Результат: Создана зрелая, масштабируемая экосистема для разработки HTML5-игр, которая кардинально сокращает время выхода продукта на рынок (Time-to-Market). Инструментарий успешно доказал свою эффективность, надежность и высокую производительность в реальных игровых проектах и кроссплатформенных релизах.
Соавтор: Марк Бездорнов.
Технологии с которыми я работал:
