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

Разопаковане на спрайт листове онлайн: Как незабавно да разделите спрайт листове в PNG файлове

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

11 мин. четене • 2026-06-05

Въведение

Опакованите листове със спрайтове са жизненоважни за ефективността на рендиране по време на изпълнение, но има моменти, когато трябва да обърнете този процес. Художниците, разработчиците и модераторите на игри често трябва да модифицират отделни рамки, да извличат наследени текстури или да разделят листови плочки обратно в сурови активи PNG.

Уеб базиран Sprite Sheet Unpacker предлага мигновен път без настройка за постигане на това. Вместо да отваряте редактори image за ръчно изрязване на рамки, можете да зареждате листове и да ги разделяте за секунди, като използвате автоматично откриване на контури, файлове с координати или мрежи с плочки.

Това ръководство обяснява работния процес за разопаковане на текстурни атласи онлайн, избиране на правилния режим на нарязване и валидиране на извлечените рамкови анимации на устройството преди експортиране.

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

Готовият за производство разопаковчик трябва да предлага множество методи за нарязване, тъй като листовете със спрайтове са изградени по различен начин. Мрежите са идеални за ретро карти с плочки, докато файловете с координати са необходими за изрязани атласи без мрежа.

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

  • Автоматично откриване: Автоматично проследява границите на пикселите, за да нарязва неправилни форми.
  • Конфигурационен анализатор: Чете JSON, plist, XML или атласни файлове, за да анализира именувани координати.
  • Разделяне на решетка: Разделя листове по еднакви размери на клетки с персонализирани отмествания и полета.
  • Ръчен избор: Позволява ви да рисувате персонализирани кутии за изрязване директно върху листа.

Как да разделя лист със спрайтове на кадри PNG стъпка по стъпка

Започнете, като подготвите вашия спрайт лист image (PNG или JPG). Ако имате файл с метаданни за координати (като plist или JSON лист, експортиран от Texture Packer), качете го заедно с image. Програмата за разопаковане автоматично ще открие формата и ще съпостави имената с точните им региони.

Ако няма наличен конфигурационен файл, изберете „Автоматично откриване“, за да позволите на анализатора на границите да очертае плътни форми или да въведете размери на клетка в режим „Мрежа“. Прегледайте линиите за нарязване на платното, изберете рамки, за да проверите детайлите, и експортирайте резултатите като пакет zip.

  • Качете вашия спрайт лист image и незадължителен файл с координати.
  • Изберете вашия режим на нарязване (автоматично, конфигуриране, мрежа или ръчно).
  • Проверете кутиите с нарязани рамки на визуалния интерактивен визуализатор.
  • Изтеглете извлечените кадри, пакетирани в една папка ZIP.

Валидиране на спрайтове с вградения плейър за анимация

Разопаковането на рамки е само половината от работата; вие също трябва да потвърдите, че преминават гладко. Интерактивният платнен плейър ви позволява да компилирате извлечени кадри в анимационен цикъл, като проверявате възпроизвеждането преди запазване.

Чрез регулиране на плъзгача FPS и преглед на състоянията на цикъла можете да уловите липсващи кадри или регистрационни отмествания директно в браузъра, елиминирайки опита и грешката при импортиране на двигателя.

  • Компилатор на цикъл на визуална анимация за извлечени кадри.
  • Настройки за регулируема скорост на възпроизвеждане (FPS).
  • Интерактивна кутия за преглед с възможности за панорамиране и мащабиране.

Разбиране на файловите формати на координатите

Листовете с метаданни съдържат инструкции, които картографират имената на спрайтовете към ограничаващите полета. Ако извършвате обратно инженерство на активи, знанието кой формат имате помага за разрешаването на предупрежденията на анализатора.

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

Интегриране на разопаковането във вашия тръбопровод на активи

Разопаковането на листове често е последвано от оптимизация. Ако извлечените кадри изискват намаляване на размера, можете да ги насочите през Image Compressor. Ако трябва да ги пренаредите, импортирайте ги отново в Texture Packer, за да създадете чисти, оптимизирани листове.

Свързването на тези помощни програми осигурява цялостен поток за управление на активи, като поддържа вашия цикъл на итерация на дизайна бърз, организиран и работещ изцяло локално.

ЧЗВ

Чести последващи въпроси, които читателите задават, след като преминат през този работен процес.

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

Да. Ако нямате файл с метаданни, използвайте режима „Автоматично откриване“, за да проследите автоматично границите на формата, или използвайте режима „Мрежа“, ако спрайтовете са подредени в еднакви плочки.

Кои формати на листа с метаданни анализира инструментът?

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

Има ли ограничение за размера на файла за разопаковане онлайн?

Не. Тъй като файловете се обработват локално в паметта на браузъра без качване на сървъра, можете незабавно да разопаковате големи текстурни листове (до 4096×4096 и повече).