Как подготовить большое изображение карты для надежного использования в виртуальном игровом столе (VTT)

Начните с фиксации параметров карты: типа сетки, количества столбцов и строк, а также наличия нарисованной сетки на самом изображении. Для тактической боевой карты с квадратной сеткой выберите размер клетки в пикселях и умножьте его на число клеток. Например, карта размером 30 столбцов на 20 строк при 100 пикселях на клетку составит 3000 × 2000 пикселей. Этот расчет дает целевой размер для экспорта и помогает вовремя заметить случайную обрезку или растяжение.

Руководство Foundry рекомендует ориентироваться на 100 пикселей на клетку и использовать целые клетки сетки так, чтобы сетка примыкала вплотную к краям изображения. Таким образом, фон размером 3000 × 2000 пикселей при 100 пикселях на клетку должен содержать 30 столбцов и 20 строк. Метаданные DPI/PPI не влияют на отрисовку сцены в Foundry. Руководство Foundry по стилю создания контента

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

Большее количество пикселей сохраняет детализацию при приближении, однако слишком тяжелые изображения дольше загружаются и могут превысить лимиты рендеринга на устройствах игроков. Foundry отмечает, что слишком большие размеры фонового изображения могут приводить к появлению черного экрана. Типичные аппаратные ограничения составляют около 8000 пикселей на старых компьютерах и 16 000 на более современных. Платформа рекомендует рассмотреть меньший размер при экспорте, например 100 пикселей на клетку сетки. Относитесь к этим значениям как к предупреждению, а не как к гарантии того, что любое устройство без проблем справится с картой чуть меньшего размера. Руководство Foundry по устранению неполадок с загрузкой сцен

Используйте минимальное разрешение при экспорте, которое обеспечивает достаточную четкость при том масштабе, который требуется вашей группе. Если игроки в основном смотрят на тактическую карту в обычном масштабе, сетки в 100 пикселей может быть вполне достаточно. Если же важно сильное приближение, протестируйте копию с более высоким разрешением на самом слабом устройстве в группе, если это возможно. В руководстве по оформлению карт от партнеров Roll20 для квадратной сетки рекомендуется использовать 140 пикселей на клетку (что вдвое превышает стандартный масштаб ячейки в 70 пикселей), чтобы уменьшить видимую пикселизацию при масштабировании свыше 100%. Это специфические рекомендации конкретной платформы, а не универсальные минимумы. Руководство Roll20 по оформлению карт

Для детализированных карт со сложными нарисованными текстурами формат WebP позволяет уменьшить размер файла при сохранении хорошего визуального качества. Foundry поддерживает WebP и рекомендует его за оптимальный баланс качества и размера файла; при этом в документации отмечается, что декодирование WebP требует больше ресурсов клиентского процессора. JPEG — еще один вариант для больших непрозрачных изображений, однако сжатие с потерями может привести к появлению заметных артефактов. PNG сохраняет данные изображения без потерь, но файлы фонов для больших сцен могут стать слишком тяжелыми для передачи по сети. Перед окончательным выбором сравните экспортированные варианты при том масштабе, который будут использовать игроки. Руководство Foundry по оптимизации медиафайлов

Всегда проверяйте форматы, поддерживаемые целевой платформой, а не исходите из предположения, что все VTT работают с одинаковыми файлами. В обзоре игрового стола Roll20 для размещаемых изображений указаны JPG и PNG, тогда как Foundry поддерживает более широкий набор форматов, включая WebP. Соответственно, файл WebP, отлично подходящий для Foundry, для Roll20, скорее всего, придется экспортировать в JPG или PNG. Обзор игрового стола Roll20

Для карт без видимой сетки сохраняйте исходные пропорции и настройте сетку VTT так, чтобы она соответствовала размерам. В Foundry выбор фона сцены автоматически задает ее размеры на основе изображения; настройте размер сетки до добавления стен, источников света, токенов и других позиционируемых объектов. В документации Foundry отмечается, что последующее изменение размера сетки может привести к сдвигу этих элементов. Руководство Foundry по сценам

Если на карту уже нанесена сетка, посчитайте количество клеток и разделите ширину или высоту изображения на соответствующее число ячеек. Карта шириной 3080 пикселей с 22 столбцами дает 140 пикселей на столбец. Обязательно проверьте расчет и по вертикали: если ширина и высота дают разный размер клетки в пикселях, возможно, изображение растянуто, обрезано или в нем используется неквадратная сетка. В Foundry предусмотрен инструмент выравнивания сетки (Grid Alignment Tool) для точной подгонки наложения под нарисованную сетку; в Roll20 есть функция «Align to Grid» для карт с неясными точными размерами или границами кадрирования. Руководство Foundry по сценам, Руководство Roll20 по размещению и выравниванию карт

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

В Roll20 загрузите изображение на слой карты (Map layer), затем с помощью настроек страницы (Page Settings) и пункта «Set Dimensions» на изображении задайте нужные размеры в единицах сетки или пикселях. Для карт с нарисованной сеткой руководство платформы рекомендует сначала выровнять карту по сетке стола и только потом обрезать страницу под границы изображения. Удерживайте клавишу Alt при перемещении или масштабировании, чтобы отключить привязку к сетке. После того как выравнивание завершено, заблокируйте положение изображения карты, чтобы случайно не сдвинуть его курсором. Руководство Roll20 по размещению и выравниванию карт

Перед подготовкой очень большого файла проверьте ограничения на загрузку для вашей учетной записи. В справочной документации Roll20 по выравниванию карт указан лимит в 10 МБ на файл для бесплатных аккаунтов и 20 МБ для подписчиков Plus и Pro; лимиты могут меняться, поэтому при ошибке загрузки сверьтесь с актуальной документацией платформы. Если файл превышает допустимый предел, уменьшите разрешение в пикселях или измените параметры сжатия, после чего обязательно проверьте новый экспортированный файл на размытость и артефакты сжатия.

Откройте сцену от лица игрока или, если возможно, в отдельной сессии браузера. Убедитесь, что изображение загружается, вся игровая зона видна, а токены привязываются к нужным клеткам. Проверьте несколько клеток в центре и по краям: если сетка совпадает в одном углу, но съезжает в другом, изображение могло быть растянуто либо исходная сетка нарисована неравномерно. Приблизьте карту, чтобы оценить мелкие детали и надписи, а затем отдалите ее для проверки общего вида.

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

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

• Сцены — Foundry Virtual Tabletop

• Руководство по стилю создания контента — Foundry Virtual Tabletop

• Устранение неполадок с загрузкой сцен — Foundry Virtual Tabletop

• Руководство по оптимизации медиафайлов — Foundry Virtual Tabletop

• Обзор игрового стола — Справочный центр Roll20

• Руководство по оформлению карт — Roll20 Partners

• Размещение и выравнивание карт — Roll20 Partners