Работающее демо · подготовлено 7 сентября 2026

Moon Courier Crisis

Браузерная игра о курьерской миссии на Луне: выбор уровня, брифинг, управление маршрутом, радиособытия и результат смены.

Сохранённая история стадий: август 2026; начало разработки не установлено. Публикация демо: 7 сентября 2026.Версия b6b24e1215 кадров интерфейса

01 / Задача

Маршрут, события и исход лунной смены

Игровая миссия должна связывать решения игрока, движение, события и итог, сохраняя понятную обратную связь.

Для кого: Игроки браузерных игр и разработчики интерактивных приложений.

Мой вклад

  • Связка React-интерфейса с игровыми сценами Phaser.
  • Маршруты, события, брифинг, радиопанель и повтор миссии.
  • Production-сборка, проверка ассетов и адаптация предыгровых экранов к мобильной ширине.

Интерфейс в работе

Сценарии, детали и состояния

02 / Технологии

Стек и его роль

React

Брифинг, панели, подсказки и результат миссии.

Phaser

Canvas, игровой цикл, сцены, маршруты и объекты.

TypeScript / Vite

Модель игры, production-сборка и проверка ресурсов.

03 / Решения

Как устроен проект

  • React отвечает за интерфейс, Phaser — за canvas и игровой цикл.
  • Состояния выбора уровня, брифинга, миссии и результата разделены.
  • После поражения повтор возвращает в брифинг; новая смена запускается явным действием.
Компоненты опубликованного демо
Компоненты опубликованного демо

04 / Проверка

Что попробовать

  1. Выберите уровень и прочитайте брифинг.
  2. Начните смену, выберите курьера и назначьте маршрут.
  3. Откройте радиопанель и проследите событие миссии.
  4. Дождитесь результата, нажмите повтор и запустите новую смену из брифинга.

Подтверждённые результаты

  • Сохранено 15 содержательных кадров фактического интерфейса.
  • Дата, сценарий и версия указаны у каждого кадра.
  • Отдельного backend-процесса на VPS нет: Nginx раздаёт статику. Ресурсы общего Nginx нельзя честно приписать одному сайту.
  • Измерено 6 повторений сценария; медиана 61.0 мс, максимум 1770 мс. Время включает браузер и HTTPS; методика и ограничения приложены.

Границы и ограничения

  • Управление маршрутом рассчитано на мышь и клавиатуру. Мобильные экраны адаптированы, полноценное touch-управление маршрутом не заявляется.
  • Первый доступный commit — baseline готовой стадии, поэтому он не определяет начало разработки.
  • Нет внешних интеграций или серверной БД: миссия выполняется в браузере.

Нужны детали реализации?

Архитектура, code-map, API, проверка, развёртывание и реальные измерения.

Открыть документацию →Скачать материалы ↓