Проектування архітектури 2D-локацій ігор
«Архітектура 2D-локації» — це не розстановка декоративних елементів. Це проектування простору, в якому буде відбуватися геймплей: де стоять колайдери, як влаштовані шари глибини (parallax), як тайли стикаються без артефактів, як гравець читає напрямок руху та небезпечні зони без додаткових підказок.
Візуал та функція невідокремлені в 2D-локації. Декорація, яка виглядає як платформа — гравець спробує на неї запрострочити. Небезпечна зона без кольорового коду — гравець наступить і здивується.
Layering: найбільш технічна частина
Сучасна 2D-локація складається з безлічі шарів рендерингу. У Unity це Sorting Layers + Order in Layer, у Godot — CanvasLayer з z-індексами. Типова структура:
- Background (BG): статичне небо, далекі гори — мінімальний parallax або статика
- Far Parallax: повільно рухаючись далекі об'єкти (0.2–0.4× швидкості камери)
- Mid Parallax: середній план (0.6–0.7×)
- World Layer: ігрове простір — платформи, підлога, стіни з колайдерами
- Character Layer: персонажи, NPC, вороги
- Foreground: декорації перед персонажем (0 parallax або 1.1–1.3× для зворотного ефекту)
- UI: інтерфейс поверх всього
Помилка в порядку шарів — персонаж рендериться за деревами переднього плану, хоча повинен бути перед ними. Це чиниться за 30 секунд в настройках, але виявляється часто тільки при фінальному тесті рівня.
Тайлова архітектура та AutoTile
Для tilemap-локацій ключове питання — правила стикування тайлів. Unity TilemapRule (Rule Tile) автоматично вибирає потрібний тайл на основі наявності сусідніх тайлів того ж типу. Правильно настроєний Rule Tile прибирає візуальні артефакти на стиках — внутрішні кути, переходи між типами поверхонь.
Поширена проблема: тайли намальовані з неправильними розмірами. Базовий тайл 16×16 px при scale 1.0 повинен давати рівно 1 юніт в Unity (якщо 16 PPU — pixels per unit). Змішення тайлів різного PPU в одній сцені дає «плаваючі» об'єкти — вони не стикаються, хоча візуально повинні.
Collision tiles vs visual tiles. У складних локаціях колайдери не повинні точно збігатися з візуальними тайлами. Трава зверху платформи — візуальний елемент, колайдер проходить по нижньому краю травяного шару, не по верхньому. Це дає відчуття, що персонаж стоїть «на траві», а не «на коробці». TilemapCollider2D + CompositeCollider2D об'єднують колайдери тайлів в один mesh — важливо для продуктивності при великій кількості тайлів.
Візуальна навігація та читаємість
Гравець повинен за 1–2 секунди зрозуміти в локації: де можна пройти, де небезпечно, куди рухатися далі. Це задача архітектури локації, не UI.
Силуетне правило. Платформи читаються як окремі об'єкти через контрастний силует. Темні платформи на світлому фоні, або світлі на темному — але не однакові за яскравістю. Якщо платформа сливається з фоном, гравець промахується при стрибку — не через неточне керування, а через візуальну неразбірливість.
Кольоровий код небезпек. Шипи — теплі кольори (червоний, помаранчевий). Кислота — зелений. Лава — червоно-помаранчевий. Електро-пастки — жовтий/синій. Це конвенція жанру, і порушувати її без явної причини — помилка. Гравець знає ці правила з інших ігор.
Спрямовуючі лінії. Parallax-шари, освітлення, розміщення об'єктів створюють «лінії погляду», які спрямовують гравця. Дорожка монет веде до бонусної зони. Більш яскраве освітлення в кінці коридору — там ціль. Це архітектурне рішення, не UI-елемент.
Структура роботи над локацією
- Reference та mood board — аналоги з ігор жанру + унікальні елементи стилю
- Blockout — груба розкладка геометрії з колайдерами, тест геймплею. Без фінального арту
- Layer scheme — визначення кількості та типу шарів, parallax коефіцієнтів
- Tileset design — тайли з урахуванням Rule Tile правил, PPU, розмірів
- Art pass — фінальна графіка, освітлення, атмосферні ефекти
- Polish — анімовані елементи (трава, вода), particle effects, ambient sounds
- QA — тест колайдерів, тест читаємості на різних розрішеннях екрана
| Масштаб локації | Строк |
|---|---|
| Один екран (tilemap, 3–4 шари) | 3–7 днів |
| Багатоекранна локація (скролінг, 6–8 шарів) | 2–4 тижні |
| Біом / тематичний сет (тайлсет + кілька локацій) | 4–8 тижнів |
Вартість визначається розміром локації, рівнем деталізації та кількістю унікальних елементів.