Moon Courier Crisis

01 / Задача

Браузерная игра на React и Phaser

Интерфейс React и игровые сцены Phaser должны обмениваться состоянием миссии. Переход к результату и повторный запуск не должны оставлять состояние прошлой попытки.

Сценарий: Браузерная игра с управлением маршрутом.

Что делал

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

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

Что использовано

03 / Решения

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

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

04 / Проверка

Сценарии демки

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

Результаты проверок

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

Ограничения

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