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

Как устроен интерфейс холста

После открытия холста (/canvas/your-canvas-id) интерфейс делится на несколько частей:

• Верхняя панель: слева — название холста (нажмите, чтобы переименовать) и индикатор статуса сохранения («Сохранено» / «Сохранение» / «Не сохранено» и т. п.); справа — «Поделиться», «Опубликовать» и другие пункты. На командном холсте по центру сверху также отображается значок «N онлайн»;
• Тело холста: бесконечно прокручиваемое и масштабируемое полотно с узлами и связями, показывающими движение данных;
• Левая вертикальная панель инструментов: пункты вроде «Набора инструментов» (официальные шаблоны и ваши сохранённые рабочие процессы) и «Горячих клавиш» (открывает панель-шпаргалку); на узких экранах они сворачиваются в меню «Ещё» или «Помощь».

Карточки быстрого старта

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

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

Перемещение, масштаб и панорамирование

• Переключение рамка / рука: нажмите V для режима рамки (выделение узлов рамкой), H для режима руки (перетаскивание самого холста);
• Масштаб: жест щипка на трекпаде или прокрутка колёсика мыши с зажатым ⌘/Ctrl; ⌘/Ctrl + = для увеличения, ⌘/Ctrl + - для уменьшения;
• Вписать в экран: ⌘/Ctrl + 0 автоматически подбирает масштаб и центрирует всё содержимое;
• Панорамирование: перетаскивайте с зажатым пробелом или средней / правой кнопкой мыши.