Карта и система меток для метроидвании на Unity

Одной из самых важных фич в метроидваниях является карта.

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

Я около года занимаюсь разработкой своей метроидвании на Unity. Карта для нее была разработана уже давно, а вот до меток все никак не доходили руки

В Тень Ориды карты рендерится в реальном времени — через отдельную камеру Unity, которая видит только нужные слои уровня (тайлы, стены, двери и т.д.).

Для этого камере указывается Target Texture — специальный RenderTexture, а затем это изображение выводится в UI через RawImage:

Такой подход даёт нам несколько преимуществ:

В отличие от заранее подготовленных текстур, этот подход ближе к реалистичной миникарте. Камера «смотрит» на карту и формирует её прямо в момент игры.

Карта открывается не всегда – только если нашел ее на локации..Для этого в коде есть простая, но наглядная проверка:

Карта каждой локации имеет свой флаг, который сохраняется в SaveData. Если карта недоступна, то игрок вместо нее видит заглушку:

Главная фича карты – возможность ставить собственные метки. В метроидваниях важно, чтобы игрок мог отмечать места, куда следует вернуться. Это могут быть как недоступные в данный момент проходы, заблокированные порталы, секреты или что угодно иное.

Когда игрок кликает по карте, происходит следующее:

На отладку этого добра ушло часа четыре. Проблема была в том, что нужно было учитывать соотношение размера RawImage и параметров камеры. Без этого метки не фиксировались на карте.

Ключом к успеху стал этот фрагмент кода:

Он позволяет правильно масштабировать смещение курсора (localPoint) в мировые координаты, учитывая текущий зум камеры (orthographicSize) и её aspect ratio.

Обратное преобразование из мира в карту тоже пришлось подгонять вручную, чтобы совпадали края, масштаб и центр. Для этого был написан отдельный WorldToMapPosition, в котором результат ещё и ограничивается по границам RawImage, чтобы метки не улетали за пределы видимой области.

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

Ключом служит имя сцены, а значением – массив Vector2 с мировыми координатами. Когда игрок возвращается на локацию, мы просто подгружаем эти точки и воссоздаём метки.

Таким образом, карта запоминает все отметки игрока.

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

Она исчезает автоматически, как только игрок впервые ставит метку.

Карта поддерживает плавное движение курсора и масштабирование. В Тень Ориды я использую Input System для управления игрой, чтобы корректно работать и с клавомышью, и с геймпадом.

Для удержания зума добавил мини-таймер, который делает увеличение пошаговым и плавным:

Каждые 0.1 секунды при удержании кнопки изменяется orthographicSize камеры, и игрок чувствует лёгкое «прокручивание» карты.

Я сознательно отказался от сложных ScriptableObject-систем и других решений. Всё реализовано на чистом Unity UI, с минимумом зависимостей:

А сами метки это обычные объекты с Image, созданные из префаба:

Система получилась лёгкой, гибкой, и она не ломается от изменений в уровнях.

Я продолжаю готовить Тень Ориды к выходу в Steam, работаю над новыми механиками и устранением ошибок в игре.

Следить за разработкой и развитием игры можно в моем скромном Telegram канале.