Руководство по извлечению спрайтов

Распаковщик листов спрайтов онлайн: как мгновенно разделить листы спрайтов на PNG

Узнайте, как разделить листы спрайтов и атласы текстур обратно на отдельные кадры PNG, используя автоматическое обнаружение, разрезание сетки и листы конфигурации JSON/plist.

11 минута чтения • 2026-06-05

Введение

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

Веб-распаковщик Sprite Sheet предлагает мгновенный путь для достижения этой цели, не требующий настройки. Вместо того, чтобы открывать редакторы image для обрезки кадров вручную, вы можете загружать листы и разделять их за считанные секунды, используя автоматическое определение контуров, файлы координат или мозаичную сетку.

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

Основные режимы распаковки листов текстур

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

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

  • Автоопределение: автоматически отслеживает границы пикселей, чтобы нарезать неправильные формы.
  • Анализатор конфигурации: читает файлы JSON, plist, XML или атлас для анализа именованных координат.
  • Разделение сетки: разделяет листы по ячейкам одинакового размера с настраиваемыми смещениями и полями.
  • Ручной выбор: позволяет рисовать собственные рамки обрезки прямо на листе.

Как шаг за шагом разделить лист спрайтов на кадры PNG

Начните с подготовки листа спрайтов image (PNG или JPG). Если у вас есть файл метаданных координат (например, plist или лист JSON, экспортированный из пакета текстур), загрузите его вместе с image. Распаковщик автоматически определит формат и сопоставит имена с их точными регионами.

Если файл конфигурации недоступен, выберите «Автоопределение», чтобы позволить анализатору границ обводить твердые формы, или введите размеры ячейки в режиме «Сетка». Просмотрите линии разреза на холсте, выберите кадры для проверки деталей и экспортируйте результаты в виде пакета zip.

  • Загрузите лист спрайтов image и дополнительный файл координат.
  • Выберите режим нарезки (автоматический, конфигурация, сетка или ручной).
  • Проверьте разрезанные рамки кадров в визуальном интерактивном средстве просмотра.
  • Загрузите извлеченные кадры, упакованные в одну папку ZIP.

Проверка спрайтов с помощью встроенного проигрывателя анимации

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

Регулируя ползунок FPS и просматривая состояния цикла, вы можете обнаружить недостающие кадры или смещения регистрации непосредственно в браузере, устраняя импорт методом проб и ошибок.

  • Компилятор цикла визуальной анимации для извлеченных кадров.
  • Регулируемые настройки скорости воспроизведения (FPS).
  • Интерактивное окно предварительного просмотра с возможностями панорамирования и масштабирования.

Понимание форматов файлов координат

Листы метаданных содержат инструкции, которые сопоставляют имена спрайтов с ограничивающими рамками. Если вы занимаетесь реверс-инжинирингом ресурсов, знание того, какой у вас формат, поможет устранить предупреждения синтаксического анализатора.

ToolBuddy поддерживает листы plist для Cocos2d, JSON, Hash/Array для Phaser и PixiJS, листы XML для Starling и файлы текстового атласа для Spine, обеспечивая точность координат.

Интеграция распаковки в ваш конвейер ресурсов

Распаковка листов часто сопровождается оптимизацией. Если извлеченные кадры требуют уменьшения размера, их можно направить через компрессор Image. Если вам нужно изменить их порядок, повторно импортируйте их в пакет текстур, чтобы создать чистые оптимизированные листы.

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

ЧАВО

Общие вопросы, которые читатели задают после прохождения этого рабочего процесса.

Могу ли я распаковать лист спрайтов без его файла JSON или файла plist?

Да. Если у вас нет файла метаданных, используйте режим «Автоопределение», чтобы автоматически отслеживать границы формы, или используйте режим «Сетка», если спрайты расположены в виде однородных плиток.

Какие форматы листов метаданных анализирует инструмент?

Распаковщик анализирует листы JSON (Hash/Array), plist (Cocos), XML (Starling/Sparrow), CSS и текстовые файлы Spine .atlas.

Есть ли ограничение на размер файла для распаковки онлайн?

Нет. Поскольку файлы обрабатываются локально в памяти браузера без загрузки на сервер, вы можете мгновенно распаковывать большие листы текстур (до 4096×4096 и выше).