Нарезка спрайт-листа

Выберите способ нарезки под структуру листа

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

Параметры соответствуют привычным рабочим процессам. Sprite Editor в Unity поддерживает автоматическую нарезку, сетки по размеру или количеству ячеек, смещение, внутренние отступы, пустые прямоугольники и опорную точку. Импорт спрайт-листа в Aseprite также использует смещение x/y, ширину и высоту спрайта, отступы и порядок чтения. Этот инструмент предназначен для извлечения: он экспортирует координаты фрагментов, но не создает файлы проектов Unity, Godot или Aseprite.

Автоопределение: отправная точка, а не гарантия

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

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

Что находится в ZIP и frames.json

PNG выбран по умолчанию, поскольку точно сохраняет пиксели и прозрачность. Каждый выбранный кадр получает безопасное уникальное имя на основе заданного названия или префикса. В ZIP входят эти PNG и манифест frames.json. Каждая запись содержит имя, порядок и исходный прямоугольник кадра:

{
  "name": "player-run-03",
  "x": 128,
  "y": 64,
  "width": 32,
  "height": 48
}

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

Приватная локальная обработка с ограниченным восстановлением

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

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

Проверка перед экспортом

• Убедитесь, что порядок чтения соответствует последовательности анимации или тайлов.
• Увеличьте изображение и проверьте первый, средний и последний кадры на сдвиг в один пиксель.
• Исключите пустые ячейки и случайные одиночные пиксели, если их положение не имеет значения.
• Используйте разные имена и найдите дубликаты до создания ZIP.
• Проверьте прозрачные края на контрастном фоне предпросмотра.
• Исправляйте рамки с помощью полей или кнопок, если точное перетаскивание затруднено; процесс остается доступным с клавиатуры по рекомендациям W3C.