Поле битвы
Тактическая карта с сеткой, токенами и инструментами рисования. Работает на десктопе и телефоне с полной поддержкой жестов. Реалтайм-синхронизация между мастером и игроками.
Начало боя
- Переключитесь в Режим мастера и включите Режим сессии
- Откройте Поле битвы из бокового меню
- Добавьте участников:
- + Игрок — имя, класс, цвет
- + Враг — имя, тип (Обычный/Босс), цвет
- + Спутник — имя и цвет (пунктирная рамка)
- + Партия — одной кнопкой все запиненные персонажи
Токены расставляются компактно: враги слева, игроки справа — оба видны на экране телефона.
Токены
- Обычные токены — 40px
- Боссы — 56px с пульсирующей анимацией
- При совпадении позиций фигуры автоматически смещаются
- Размер сетки настраивается от 4 до 30 клеток
- Зум: 0.5x — 2.5x
Рисование
Нажмите «Маркер» — рисуйте поверх сетки:
- 6 цветов, 3 толщины линии, ластик
- Курсор меняется на карандаш/ластик
- Рисунки сохраняются в localStorage
- Кнопка «Очистить» стирает рисунок полностью
Управление очерёдностью
В панели «Участники» кнопками перемещайте участников вверх/вниз для установки порядка хода.
Жесты на телефоне
| Жест | Действие |
|---|---|
| Быстрый свайп по полю | Прокрутка страницы |
| Удержание 0.4с + свайп | Перемещение камеры (вибрация при активации) |
| Щипок двумя пальцами | Зум карты |
| Тап по токену | Выделение (подсветка + увеличение) |
| Удержание токена 0.35с | Меню: Убить / Воскресить / Удалить |
| Перетаскивание токена | Перемещение по сетке |
Десктоп
- Зажать мышь на пустом месте + тянуть — перемещение камеры
- Ползунок слева — ручной зум
- Тулбар и список участников зафиксированы — двигается только карта
Реалтайм
При включённой сессии все изменения на поле (перемещение токенов, рисунки, добавление/удаление участников) синхронизируются с игроками через Supabase Edge Functions.