Багатофайловий ввід
Додавайте до 64 кадрів PNG, JPG або WebP за один вибір.
Мова: Українська
Пакувальник sprite sheet для PNG-атласів
Розмістіть до 64 кадрів спрайтів в атласі з рівномірною сіткою та експортуйте відповідні JSON-координати.
Безкоштовно0 кредитівPNG-атлас + JSON
Чи завантажує пакувальник спрайтшитів мої кадри?
Ні. До 64 кадрів залишаються в браузері й розміщуються у рівномірній сітці. Ви отримуєте PNG atlas плюс JSON-координати; кадри не обрізаються і не повертаються.
Робочий простір прямого ефіру
Працюйте локально. Експортуйте без зайвого.
Ця утиліта працює у вашому браузері. Ваші файли залишаються на пристрої, і generation credits не витрачаються.
Джерело й налаштування01
Приватна локальна обробка0 кредитів
Додайте два або більше кадрів
Утиліта працює локально. Ваше зображення не завантажується, і credits не витрачаються.
У ГРІ
Побачте асети як гру.
Досліджуйте геймплей, використання на портативному пристрої та узгоджені дизайни. Ці концепти, згенеровані ШІ, показують візуальні можливості; перевіряйте власні асети та імпорти в рушій перед релізом.
Одна артдирекція для всієї гри
Перегляньте ігрову сцену разом із персонажами, рельєфом, предметами та інтерфейсом як єдиний узгоджений дизайн.
Один персонаж у різних ракурсах і діях
Порівняйте пропорції персонажа, кольори й силуети рухів із довкіллям.
Бій, предмети й інтерфейс в одній сцені
Оцініть помітність ефектів, іконок предметів і контраст інтерфейсу в той самий ігровий момент.
Практичний приклад
Упакувати вісім кадрів однакового розміру
Використовуйте конкретний вхід, перевіряйте результат і поточні обмеження перед наступним кроком.
Приклад введення
Завантажте й розпакуйте вісім демонстраційних кадрів нижче. Кожен прозорий PNG має розмір 32 × 32 пікселі.
Що перевірити
- Оберіть усі вісім PNG-кадрів послідовно, потім встановіть для атласу 4 стовпці.
- Перегляньте прев’ю: чотири комірки по 32 пікселі в ширину і дві в висоту дають atlas 128 × 64.
- Завантажте PNG атласу та JSON. Перевірте, що перший кадр починається з x: 0, y: 0, а п’ятий — з x: 0, y: 32.
Очікуваний результат
Вісім вхідних елементів 32 × 32 у чотири колонки дають PNG-атлас 128 × 64 і JSON-координати кадрів.
Поточні ліміти
Локальний пакувальник використовує рівномірну сітку за розміром найбільшого вхідного файлу, приймає до 64 файлів і зберігає межі кадрів. Він не обрізає, не обертає, не додає відступи й не виконує оптимальне bin packing.
Офіційні посилання на workflow
Під час підготовки власного імпорту звіряйтеся з документацією рушія або редактора. Ці джерела описують поведінку файлів і відтворення, а не є рекомендацією PixelBox.
Видавець і підтримка
Вміст оновлено:
Опубліковано та підтримується LlamaGen. Ця сторінка описує поточні елементи керування PixelBox і формати експорту. Зверніться до команди щодо неточної інформації або проблеми з експортом.
01 / ЧОМУ ЦЕ ПРАЦЮЄ
Створено для production, а не лише для прев’ю.
Передбачуване компонування
Оберіть кількість стовпців. Кожна комірка використовує найбільші ширину й висоту з вхідних даних, а кадри зберігають свій початковий розмір.
Метадані включено
Експортуйте назви кадрів, координати та розміри у форматі JSON.
Від вихідного файлу до чітко підписаного результату.
Додати кадри
Оберіть файли PNG вашої анімації або асетів у потрібній послідовності.
Оберіть стовпці
Задайте компонування атласу та перегляньте згенерований попередній перегляд.
Експортувати обидва файли
Завантажте PNG атласу та його JSON-координати.
03 / FAQ
Уточніть умови перед збіркою.
Мої кадри завантажено?
Ні. Упакування відбувається у вашому браузері, а файли залишаються на вашому пристрої.
Який JSON-формат використовується?
Експорт містить назву зображення, розміри атласу та об’єкти кадрів із x, y, width і height. Дайте кожному кадру унікальну назву файлу, щоб кожен запис JSON залишався окремим.
Чи обрізає прозорі пікселі?
Ні. Grid packer зберігає початкові межі кадрів і не повертає кадри та не оптимізує порожній простір. Використовуйте sprite sheet slicer, коли потрібні його налаштування обрізання та відступів.