Посібник із екстрактора спрайтів

Розпаковувач аркушів спрайтів онлайн: як миттєво розділити аркуші спрайтів на PNG

Дізнайтеся, як розділити аркуші спрайтів і атласи текстур назад на окремі кадри PNG за допомогою автоматичного визначення, нарізки сітки та аркушів конфігурації JSON/plist.

11 хв. читання • 2026-06-05

Вступ

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

Веб-розпаковувач Sprite Sheet Unpacker пропонує миттєвий шлях без налаштування. Замість того, щоб відкривати редактори image для обрізання кадрів вручну, ви можете завантажити аркуші та розділити їх за лічені секунди за допомогою автоматичного визначення контуру, файлів координат або мозаїчної сітки.

У цьому посібнику пояснюється робочий процес для розпакування атласів текстур в Інтернеті, вибору правильного режиму нарізки та перевірки витягнутих кадрів анімації на пристрої перед експортом.

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

Розпаковувач, готовий до виробництва, повинен запропонувати кілька методів нарізки, оскільки аркуші спрайтів побудовані по-різному. Сітки ідеально підходять для ретро-мозаїчних карт, тоді як файли з координатами потрібні для обрізаних атласів без сітки.

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

  • Auto-Detect: автоматично визначає межі пікселів, щоб нарізати неправильні форми.
  • Config Parser: читає файли 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 аркуші та текстові файли .atlas Spine.

Чи є обмеження на розмір файлу для розпакування в Інтернеті?

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