Дизайн тайлмапов: как строить 2D-миры без переделок

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

В руководстве — все четыре решения с конкретными значениями по умолчанию и рабочий процесс, который удержит их в согласии до конца проекта. Статья о ремесле: как устроена сама карта. Если же вопрос стоит «в чём рисовать», начните со сравнения редакторов тайлмапов — там Tiled, LDtk, Godot и остальные разобраны по инструментам.

Шпаргалка: четыре решения#

Решение	Осторожное значение по умолчанию	От чего уберегает
Размер тайла	16×16 или 32×32 px, один на всю игру	Перерисовка тайлсета посреди проекта
Структура тайлсета	Заливка → края → углы → пропсы	Тайлы, которые не складываются в декорации
Автотайлинг	16 тайлов для старта, 47-тайловый блоб — когда полезут углы	Ручная дорисовка каждого перехода
Слои	Рельеф, коллизии, декор, геймплей — по отдельности	Расхождение арта и логики

Ни одно из этих решений не вопрос вкуса. Каждое либо убирает целый класс будущей работы, либо гарантирует его.

Что такое тайлмап на самом деле#

Уберите инструментарий — останутся три вещи: сетка, тайлсет и карта, в которой записано, какой тайл лежит в какой клетке. Весь смысл устройства в сжатии. Вместо картинки 1920×1080 на каждый экран вы один раз храните палитру из 32 тайлов и небольшие числа в клетках, и любой экран уровня — перестановка тех же деталей.

Приём старше самих инструментов. NES адресует экран аппаратными тайлами 8×8, однако уровни Super Mario Bros. хранятся метатайлами 16×16, каждый из которых собран из четырёх тайлов 8×8 — отчасти потому, что железо назначает цветовые палитры областям 16×16 (attribute table), отчасти потому, что уровень из более крупных блоков — это меньше данных и быстрее сборка. Тот же размен, единица редактирования против единицы отрисовки, стоит перед вами и сегодня, когда вы выбираете размер тайла. Спустя четыре десятилетия Terraria и Stardew Valley работают на тайлах 16×16 по тем же причинам: читаемая сетка, компактный арт, уровень, который схватывается одним взглядом.

Решение 1: размер тайла#

Размер тайла — первое решение проекта, которое уже не отменить: всё, что идёт следом — спрайты, двери, платформы, длины прыжков, — измеряется от него.

Размер	Кто использует	Для чего подходит	Цена
16×16	Terraria, Stardew Valley	Ретро-стилистика, плотная детализация экрана	Каждый пиксель на счету; хорошо рисовать — медленно
32×32	Большинство современных 2D-инди	Рисованные стили, читаемый арт на мобильных	Вчетверо больше арта на тайл; комнаты ощущаются теснее
48×48	RPG Maker MV и MZ	Сюжетные игры с крупными выразительными объектами	Движок и ассет-паки обязаны совпадать

Три правила удерживают решение в безопасности:

• Один размер на игру. Тайлсет 16×16 рядом с пропсом 24×24 ломает сетку, а починка задним числом означает перерисовку арта.
• Масштабируйте целыми кратными. Игра 16×16, увеличенная втрое, остаётся чёткой — 48 пикселей на тайл; увеличенная в 2,5 раза — мылится и сыпется по краям. Выбирайте размеры, которые нацело делят целевое разрешение.
• Соразмеряйте персонажа с сеткой. Герой шириной примерно в один тайл и высотой в два (фермер в Stardew — 16×32) правильно выглядит в дверных проёмах и коридорах. Если персонаж целиком помещается в один тайл, рассчитанные под него комнаты выходят неестественно пустыми.

Решение 2: структура тайлсета#

У тайлсета, из которого легко собирать сцены, есть порядок — и порядок важнее стилистики арта:

1. Тайлы заливки. Ровная земля, из которой карта состоит большей частью. Рисуйте их первыми: они задают палитру и меру детализации, под которую подстраивается всё остальное.
2. Края и переходы. Береговые линии, верхушки скал, границы травы и земли. После заливки карта расходует их чаще всего, и именно ими займётся автотайлинг.
3. Углы и стыки. Внутренние углы — место, где любительские карты рассыпаются: не хватает вогнутой детали там, где река огибает холм.
4. Пропсы и декали. Камни, цветы, трещины. Рассыпанные поверх готового рельефа, они несут большую часть характера карты при минимуме структуры.

Держите тайлсет достаточно маленьким, чтобы удерживать в голове. Набор из 32 тайлов, который чисто складывается в сцены, лучше набора из 300, в котором никто не найдёт нужный, — первый новый человек в проекте освоит за вечер.

Решение 3: автотайлинг#

Автотайлинг — самый сильный рычаг во всём деле: редактор смотрит на соседей тайла и сам подставляет переходный, вы красите рельеф — а берег достраивается без вас. Стандартные схемы:

Схема	Тайлов	Как сопоставляет	Когда нужна
4-битный битмаск	16	Четыре прямых соседа (N, E, S, W)	Большинство рельефов; правильная отправная точка
8-соседний «блоб»	47	Все восемь соседей, диагонали включительно	Рельеф с внутренними углами: побережья, пещеры
Тайлы Ванга	Зависит от задачи	Рёбра вместо углов	Процедурная генерация, необычные формы

Цифры не так страшны, как выглядят. У схемы на восемь соседей 256 возможных окружений, но большинство — повороты и зеркальные отражения друг друга, и 47 уникальных тайлов закрывают их все. Один из этих механизмов реализован в каждой серьёзной среде: в Godot это называется terrains и живёт на ноде TileMapLayer — с версии 4.3 один слой означает одну ноду, а старый узел TileMap объявлен устаревшим; в Tiled есть Terrains и более мощные правила Automapping; LDtk считает auto-rendering основным способом рисования уровней.

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

Решение 4: слои по функции#

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

• Фон и параллакс. Небо, дальние силуэты; рисуются позади всего. Как далеко уводить планы параллакса — разобрано в руководстве по дизайну 2D-сцен.
• Базовый рельеф. Слой с автотайлингом, по одному материалу на слой, где это возможно. Тайлы с общей текстурой рендерятся пакетами, поэтому слой, смешавший пять тайлсетов, рисуется как пять; раздельные материалы держат число вызовов отрисовки низким.
• Коллизии. Отдельный слой, который читает физика, а не боксы поверх арта: перерисовали скалу — обновилась и проходимость.
• Декорации. Двух слоёв, позади персонажа и перед ним, хватает большинству: мебель, за которой герой скрывается, и ветки, под которыми он проходит.
• Геймплей. Триггеры, точки спавна, чекпоинты. Живя на собственном слое, они переносятся геймдизайнером без единой перекраски у художника.

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

Рабочий процесс: сначала блокграут, потом арт#

Когда четыре решения приняты, повседневная работа сводится к циклу:

1. Блокграут. Красьте уровень плоскими серыми тайлами заливки — без переходов, без пропсов. Это проход планировки: коридоры, сектора обзора, расстояния между стычками.
2. Плейтест серой версии. Уровень обязан быть интересным до того, как станет красивым. Скучная планировка с готовым артом — украшенная проблема, и каждый час арта на неё умножает потерю.
3. Разметка. Пока планировку дёшево менять, внесите слои коллизий и геймплея: проходимые поверхности, опасности, триггеры.
4. Проход автотайлинга. Замените плоские тайлы настоящим рельефом и дайте редактору собрать края и углы.
5. Проход декораций. Пропсы и декали, затем одна полировка. Где осознанно сломать сетку, чтобы комнаты перестали выглядеть механическими, — в основах композиции сцены.
6. Храните исходники. Мастер-файл тайлсета (Aseprite или аналог), проект карты и экспортированные файлы — три разных артефакта. Первые два держите под версионным контролем; экспорт считайте результатом сборки.

Этот цикл и есть водораздел между эффективной и неэффективной работой с тайлмапами. Дорогие проходы запускаются только после того, как дешёвые подтвердили уровень.

Частые ошибки#

Ошибка	Чем грозит	Лечение
Сменить размер тайла посреди проекта	Каждый тайл и спрайт перерисован	Фиксируйте размер до первого тайла
Рисовать переходы руками	Часы на каждую карту, неровные углы	Настройте автотайлинг до первого настоящего уровня
Один слой на всё	Коллизии расходятся с артом; медленные перерисовки	Делите по функции; проверяйте удалением декораций
Нет полей в экспортированном тайлсете	Растекание текстуры при нецелом масштабе	Экспортируйте с полями 1–2 px или выдавленными краями
Одна гигантская карта на всю игру	Медленная загрузка, громоздкие правки, огромные сохранения	Делите на комнаты или экраны — загрузка, правки и сейвы остаются компактными
Правка экспорта вместо исходника	Обратной дороги нет — до последней резервной копии	Мастера под версионным контролем, экспорт — как результат сборки

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

Где место Egmatic#

Egmatic — no-code редактор и движок для 2D-игр, построенный на ИИ, сейчас он в pre-alpha, и поддержка тайлмапов в нём построена ровно вокруг этого процесса. Тайлы красятся на независимые слои в редакторе сцен, игровая логика навешивается нодами вместо кода, а поскольку нарисованная карта — уже сцена в движке, который её запускает, цикл «блокграут → плейтест» занимает один клик, а не круг экспорта и импорта. Блокграут — тот самый проход, который большинство левел-дизайнеров пропускают из-за того, что их редактор не их движок, — в Egmatic сделан дешёвым намеренно. Текущее состояние — на egmatic.com; лист ожидания там — способ посмотреть, как это обещание превращается в кнопку.

Итог#

Если из статьи в памяти останется одно, пусть это будет порядок: размер, затем структура, затем автотайлинг, затем слои — и арт всегда последним. Решения связаны между собой, и каждое, принятое рано, стоит день, а то же решение поздно стоит все уровни, уже нарисованные поверх. О том, какой редактор красит эти слои, по какой цене и в каких форматах экспорта, — сравнение редакторов тайлмапов; о том, чем заполнять комнаты, — руководство по дизайну игровых уровней и разбор дизайна уровней 2D-платформеров: они подхватывают там, где сетка заканчивается.