Инструкция

Описание элементов управления, работы с картами, колодами и горячих клавиш

1. Нижняя панель управления

Панель расположена в нижней части экрана. Содержит кнопки управления колодой, масштабом и столом, а также полосу карт.

ЭлементОписание
Колоды
Открывает окно выбора колоды. Содержит две вкладки: «Базовые» (встроенные) и «Добавленные» (загруженные пользователем). Активная колода подсвечена.
Перемешать
Случайным образом перемешивает карты активной колоды в полосе. Карты, уже выложенные на стол, не затрагиваются.
Показать карты
Переключает отображение лицевой стороны карт в полосе. Не влияет на карты, уже выложенные на столе.
Случайная карта
Помещает случайную карту из полосы в центр стола. Если все карты уже на столе — действия нет.
− +
Масштаб
Кнопки и + уменьшают и увеличивают масштаб стола. Поле между ними допускает ручной ввод значения в процентах (10–400%). Для применения нажмите Enter.
Очистить стол
Убирает все карты со стола обратно в полосу. Текстовые метки и фигуры также удаляются.

2. Правая панель

Вертикальная панель справа содержит инструменты для работы со столом, а также кнопки навигации и настроек.

Скрыть / показать панель
Убирает нижнюю полосу с картами и тулбаром, освобождая рабочую область. Повторный клик возвращает панель.
Полноэкранный режим
Скрывает интерфейс браузера. Рекомендуется при работе с клиентом. Выход — повторный клик или ESC.
Каталог
Возвращает на дашборд. При нажатии выводится диалог подтверждения.
Аккаунт
Открывает модалку аккаунта: смена пароля, управление подпиской, выход из системы.
Совместная работа
Открывает панель создания и управления комнатой. Подробнее в разделе 6.
Тёмная тема
Переключает интерфейс в тёмный режим. Состояние сохраняется между сессиями.
Цвет фона стола
Открывает палитру выбора цвета рабочей области. Цвет сохраняется между сессиями.
Направляющие
Отображает осевые линии в центре стола и точки пересечений. Помогает симметрично располагать карты.
Текст
Инструмент текстовых меток. Клик по столу создаёт метку с немедленным вводом. Двойной клик по готовой метке возобновляет редактирование. Метку можно перемещать и изменять размер. Выход — ESC или повторный клик по кнопке.
Фигура
Инструмент прямоугольных рамок. Клик по столу размещает рамку для выделения зон. Фигуру можно перемещать и изменять размер. Выход — ESC или повторный клик по кнопке.

3. Работа с картами

3.1. Полоса карт

Горизонтальная полоса в нижней части экрана отображает все карты активной колоды, ещё не выложенные на стол. Полосу можно прокрутить колёсиком мыши или горизонтальным свайпом.

ДействиеРезультат
Перетащить карту Переносит карту из полосы на стол в указанное место.
Двойной клик Помещает карту в центр стола без перетаскивания.

3.2. Кнопки карты на столе

При наведении на карту на столе появляются четыре кнопки управления.

Повернуть
Поворот на 90° по часовой стрелке
Перевернуть
Открыть или закрыть карту
Увеличить
Открыть в полноэкранном просмотре
Убрать
Вернуть карту в полосу

Помимо кнопок, с картой можно взаимодействовать напрямую:

ДействиеРезультат
Перетащить Переместить карту на столе в новое место.
Двойной клик Перевернуть карту (открыть / закрыть).
Угловой маркер Изменить размер карты. Маркер расположен в правом нижнем углу карты.

3.3. Просмотр карты

Кнопка «Увеличить» открывает карту на весь экран. Закрыть просмотр можно нажатием ESC, кнопкой или кликом по затемнённой области.

4. Колоды

4.1. Встроенные колоды

Базовые колоды доступны сразу после открытия сервиса. Они находятся на вкладке «Базовые» в окне выбора колоды.

4.2. Пользовательские колоды

Для добавления собственных карт нажмите кнопку + Добавить колоды на вкладке «Добавленные». Браузер запросит выбор папки. После выбора изображения сжимаются до WebP и сохраняются локально — ничего не передаётся на сервер.

Структура папки. Папка может содержать изображения напрямую (одна колода) или вложенные подпапки — каждая подпапка станет отдельной колодой.

📁 МоиКолоды/
    📁 Природа/
        01.jpg
        02.jpg
        📁 cover/
            cover.jpg  ← рубашка карт (необязательно)
    📁 Люди/
        01.jpg
        02.jpg

Поддерживаемые форматы: JPG, PNG, WebP. Для рубашки создайте папку cover/ внутри папки колоды и поместите туда файл cover.jpg (или .png, .webp). Без рубашки отображается цветной градиент.

4.3. Скачать архив

Кнопка Скачать ZIP на вкладке «Добавленные» выгружает все пользовательские колоды в архив. Колоды уже сжаты до WebP при загрузке, поэтому размер архива минимален. Используйте для резервного копирования или переноса колод на другое устройство.

4.4. Удаление колоды

На вкладке «Добавленные» рядом с каждой колодой расположена кнопка удаления. Встроенные колоды удалить нельзя.

Пользовательские колоды хранятся в базе данных браузера (IndexedDB). Очистка данных браузера приведёт к их удалению. При совместной работе колоды временно передаются участнику на время сессии.

6. Совместная работа

Позволяет психологу (хосту) и клиенту работать с картами в одной комнате: все действия синхронизируются в реальном времени.

Создание комнаты (психолог)

Нажмите кнопку «Совместная работа» на правой панели и выберите «Создать комнату». После создания отобразятся ссылка и QR-код для клиента. В процессе создания колоды психолога загружаются в облачный кеш — клиент получит их автоматически при подключении.

Подключение клиента

Клиент переходит по ссылке или сканирует QR-код. Страница автоматически определяет роль клиента, загружает колоды из кеша и подключается к комнате. Авторизация клиента не требуется.

Психолог (хост)
Полный контроль над столом: раскладывает карты, переворачивает, вращает, перемещает, очищает стол. Добавляет текстовые метки и фигуры. Все изменения мгновенно видны клиенту.
Клиент
Видит стол в режиме реального времени. Управление картами недоступно — только просмотр. Может масштабировать и панорамировать стол локально.

Синхронизируемые действия

ДействиеОписание
КартыПоложение, поворот, открытость, размер каждой карты.
ПолосаПорядок карт в нижней полосе, смена активной колоды.
ОбъектыТекстовые метки и фигуры — создание, перемещение, редактирование, удаление.
ОчисткаПолная очистка стола или удаление только карт.
Показать картыСостояние переключателя «Показать карты» в полосе.

Совместная работа требует стабильного интернет-соединения на обоих устройствах. Ссылка на комнату действительна 24 часа. Комнаты с незавершённой инициализацией удаляются автоматически.

7. Горячие клавиши

Основные действия доступны с клавиатуры без использования мыши.

КлавишаДействие
R Поместить случайную карту из полосы в центр стола.
ESC Закрыть открытое модальное окно или просмотр карты; выйти из активного инструмента.

8. Примечания

Автосохранение

Состояние стола — расположение, поворот, открытость каждой карты, масштаб и позиция — сохраняется автоматически после каждого изменения и восстанавливается при следующем открытии сервиса.

Хранение данных

Пользовательские колоды хранятся в браузере (IndexedDB). Состояние стола — в localStorage. Очистка данных браузера приведёт к потере колод и состояния стола.

Правовая оговорка

Настоящий инструмент не является медицинским изделием и не заменяет психологическую или психотерапевтическую помощь. Использование в рамках профессиональной практики предполагает работу под руководством квалифицированного специалиста.