Как сохранять единый масштаб спрайтов для карты мира и боевых сцен

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

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

Это определение имеет важное значение, поскольку больший размер исходного холста не означает автоматически более крупного персонажа на экране. Размеры холста описывают область изображения; настройки импорта движка, масштаб объекта и камера определяют, сколько экранных пикселей займет эта область. В Aseprite изменение размера холста отличается от масштабирования содержимого спрайта, поэтому перед редактированием графики убедитесь, какая именно операция вам нужна.Aseprite: Sprite Size

Откройте изображения для карты мира и боевых сцен в их исходном пиксельном масштабе и подсчитайте пиксели в выбранной области измерения. Зафиксируйте видимую высоту персонажа и расстояние от стоп до края холста. Если боевой персонаж имеет высоту 48 видимых пикселей, а персонаж на карте мира — 32, пропорции их изображений различаются в соотношении 1,5:1 еще до того, как движок применит масштабирование сцены.

Если в остальном пропорции идентичны, простое начальное вычисление выглядит так: желаемая отрисованная высота ÷ текущая отрисованная высота = коэффициент корректировки. Если сейчас спрайт отрисовывается высотой 24 пикселя, а должен отрисовываться высотой 32, коэффициент равен 32 ÷ 24 = 1,33. Используйте это значение для предварительной оценки, а затем проверьте графику и настройку сцены. Это расчет для наглядности; он предполагает отсутствие различий в камере, кадрировании или трансформациях.

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

В Unity установите для спрайтов карты мира и боевых сцен одинаковое значение Pixels Per Unit (PPU) и приведите параметр Asset Pixels Per Unit в компоненте Pixel Perfect Camera к этому же значению. Unity определяет PPU как количество пикселей, составляющих одну единицу сцены, а в руководстве по Pixel Perfect Camera рекомендуется использовать единое значение для всех спрайтов сцены.Unity: 2D Pixel Perfect Например, если в проекте используется 16 пикселей на единицу, спрайт высотой 32 пикселя займет 2 единицы мира до масштабирования объекта.

Также проверьте масштаб трансформации (transform scale) каждого объекта персонажа. Совпадение PPU не компенсирует ситуацию, когда объект в одной сцене масштабирован до 0,8, а в другой — до 1,0. Отдавайте предпочтение единообразным настройкам импорта и трансформации, а изображение или четко зафиксированный масштаб для конкретной сцены корректируйте только тогда, когда этого требует композиция.

В других движках найдите аналогичные параметры: соотношение исходных пикселей к единице мира, масштаб узла или объекта, а также область просмотра (viewport) или зум камеры. Конвейер 2D-рендеринга в Godot включает трансформации холста и вьюпорта, в том числе трансформацию растяжения (stretch transform), используемую при изменении размера экрана; поэтому размеры исходного изображения сами по себе не могут определять его окончательный размер на экране.Godot: Viewport and canvas transforms

Персонаж может иметь правильную высоту, но все равно казаться несоразмерным, если он парит в воздухе, проваливается под землю или смещается между сценами. Установите точку привязки (pivot) в осмысленном месте — обычно это точка контакта с землей между стопами — и затем выровняйте эту привязку по одной и той же базовой линии пола в обеих сценах. Для спрайтов, у которых стопы двигаются во время анимации, последовательно привязывайте корень (root) или pivot и проверяйте кадры соприкосновения с поверхностью.

Не стоит полагать, что центр изображения всегда является хорошей точкой привязки. Холсты могут иметь разный объем прозрачных полей, и центрированный pivot может расположить изображение на разной высоте. Рабочий процесс Pixel Perfect в Unity поддерживает пользовательские точки привязки, измеряемые в пикселях, и рекомендует задавать pivot для отдельных спрайтов в текстуре с несколькими спрайтами.Unity: 2D Pixel Perfect В Godot Sprite2D по умолчанию центрирован; в документации отмечается, что центрированный пиксель-арт может выглядеть деформированным при расположении между пикселями, и в качестве вариантов предлагается отключение центрирования или включение привязки к пикселям (pixel snapping).Godot: Sprite2D

Используйте фильтрацию nearest или point для четкого пиксель-арта и убедитесь, что сжатие текстур не искажает внешний вид. В руководстве Unity прямо рекомендуется использовать точечную фильтрацию (Point) и отключать сжатие для спрайтов, используемых с Pixel Perfect Camera.Unity: 2D Pixel Perfect Эти настройки сохраняют четкость краев; они не делают два по-разному масштабированных спрайта одинаковыми по размеру.

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

Для пиксель-арта проверяйте как движение, так и статичные кадры. Субпиксельные координаты или непоследовательная привязка могут приводить к мерцанию краев или неровностям при перемещении персонажа. Компонент Pixel Perfect Camera в Unity предлагает привязку к сетке, привязанную к значению PPU ресурса; в Godot предусмотрены настройки пиксельной привязки для 2D-вершин и трансформаций.Unity: 2D Pixel Perfect Godot: Sprite2D Тестируйте с фактическими настройками камеры проекта, поскольку поведение привязки и масштабирования зависит от конфигурации рендеринга.

Создайте прямое сравнение бок о бок, по возможности используя одну и ту же позу персонажа. Выполните следующие проверки по порядку:

1. Сравните видимую высоту тела, используя одни и те же ориентиры и правила подсчета пикселей.
2. Сравните базовую линию стоп, а также положение точки привязки (pivot) или корня спрайта.
3. Проверьте PPU или эквивалентную плотность импорта, масштаб объекта и масштаб родительских объектов.
4. Сопоставьте зум камеры, эталонное разрешение, масштабирование вьюпорта и размер отображения.
5. Оцените результат в исходном размере и в движении, чтобы выявить размытие, неравномерное размещение пикселей или артефакты отсечения.
6. Перепроверьте несколько кадров анимации, особенно в самых низких и самых высоких позах.

Если размеры изображений совпадают, но персонаж в бою все равно выглядит крупнее, изучите кадрирование камеры и окружающие объекты, прежде чем редактировать спрайт. Если камера и трансформации совпадают, но высота силуэта различается, скорректируйте графику или контролируемый масштаб конкретной сцены. Если стопы смещаются при совпадающей высоте, исправьте pivot, отступы или точку крепления. Такой порядок помогает локализовать причину вместо того, чтобы компенсировать одну ошибку другой.

Фиксируйте общую целевую высоту, PPU или его эквивалент, эталонное разрешение, правила размещения pivot и запланированные настройки камеры вместе с ресурсами спрайтов. Инструменты работы с холстом в Aseprite позволяют обрезать прозрачные поля, но обрезка меняет границы холста, поэтому убедитесь, что точки привязки, слайсы или анкоры на стороне движка после этого остаются на своих местах.Aseprite: Canvas Size Относитесь к обрезке как к изменению ассета, требующему быстрой проверки в сцене.

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

• Aseprite: Sprite Size
• Aseprite: Canvas Size
• Unity: 2D Pixel Perfect
• Godot: Viewport and canvas transforms
• Godot: Sprite2D