Работающее демо · подготовлено 7 сентября 2026
Moon Courier Crisis
Браузерная игра о курьерской миссии на Луне: выбор уровня, брифинг, управление маршрутом, радиособытия и результат смены.
01 / Задача
Маршрут, события и исход лунной смены
Игровая миссия должна связывать решения игрока, движение, события и итог, сохраняя понятную обратную связь.
Для кого: Игроки браузерных игр и разработчики интерактивных приложений.
Мой вклад
- Связка React-интерфейса с игровыми сценами Phaser.
- Маршруты, события, брифинг, радиопанель и повтор миссии.
- Production-сборка, проверка ассетов и адаптация предыгровых экранов к мобильной ширине.
Интерфейс в работе
Сценарии, детали и состояния02 / Технологии
Стек и его роль
React
Брифинг, панели, подсказки и результат миссии.
Phaser
Canvas, игровой цикл, сцены, маршруты и объекты.
TypeScript / Vite
Модель игры, production-сборка и проверка ресурсов.
03 / Решения
Как устроен проект
- React отвечает за интерфейс, Phaser — за canvas и игровой цикл.
- Состояния выбора уровня, брифинга, миссии и результата разделены.
- После поражения повтор возвращает в брифинг; новая смена запускается явным действием.
04 / Проверка
Что попробовать
- Выберите уровень и прочитайте брифинг.
- Начните смену, выберите курьера и назначьте маршрут.
- Откройте радиопанель и проследите событие миссии.
- Дождитесь результата, нажмите повтор и запустите новую смену из брифинга.
Подтверждённые результаты
- Сохранено 15 содержательных кадров фактического интерфейса.
- Дата, сценарий и версия указаны у каждого кадра.
- Отдельного backend-процесса на VPS нет: Nginx раздаёт статику. Ресурсы общего Nginx нельзя честно приписать одному сайту.
- Измерено 6 повторений сценария; медиана 61.0 мс, максимум 1770 мс. Время включает браузер и HTTPS; методика и ограничения приложены.
Границы и ограничения
- Управление маршрутом рассчитано на мышь и клавиатуру. Мобильные экраны адаптированы, полноценное touch-управление маршрутом не заявляется.
- Первый доступный commit — baseline готовой стадии, поэтому он не определяет начало разработки.
- Нет внешних интеграций или серверной БД: миссия выполняется в браузере.
Нужны детали реализации?
Архитектура, code-map, API, проверка, развёртывание и реальные измерения.
Открыть документацию →Скачать материалы ↓