Создайте PNG спрайт-лист и JSON карту

Разместите от двух до шестидесяти четырех поддерживаемых растровых изображений в фиксированных ячейках и скачайте один PNG вместе с JSON картой координат с началом в верхнем левом углу в ZIP.

Когда этот инструмент полезен

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

Как работает локальная обработка

Входные данные остаются в выбранном порядке, столбцы ограничены фактическим количеством входных данных, каждый кадр получает фиксированную ячейку, contain центрирует полное изображение, cover заполняет и обрезает, зазоры сохраняют выбранный RGBA фон, а ZIP содержит sprite-sheet.png и детерминированные координаты sprite-sheet.json.

Как его использовать

  1. Подготовьте источник: Упаковка маленьких игровых спрайтов, иконок, миниатюр или состояний интерфейса в один предсказуемый битмап с машиночитаемыми координатами ячеек.
  2. Обработайте локально: Входные данные остаются в выбранном порядке, столбцы ограничены фактическим количеством входных данных, каждый кадр получает фиксированную ячейку, contain центрирует полное изображение, cover заполняет и обрезает, зазоры сохраняют выбранный RGBA фон, а ZIP содержит sprite-sheet.png и детерминированные координаты sprite-sheet.json.
  3. Скачайте и проверьте: Распакуйте оба файла, подтвердите размеры PNG, начало в верхнем левом углу, порядок кадров и прямоугольники ячеек согласно JSON, проверьте содержимое contain или обрезку cover и загрузите карту в приложение-потребитель.

Важные ограничения

PNG — это один сплющенный растровый лист: анимация, векторные изображения, слои, исходные метаданные, независимые контейнеры и профиль цвета не сохраняются. Cover может обрезать края, contain может оставлять фон, а ограничения на исходные данные, общее количество пикселей, холст, память, PNG, JSON и ZIP применяются.

Проверьте загруженный результат

Распакуйте оба файла, подтвердите размеры PNG, начало в верхнем левом углу, порядок кадров и прямоугольники ячеек согласно JSON, проверьте содержимое contain или обрезку cover и загрузите карту в приложение-потребитель.

Приватность по замыслу

Ваши файлы остаются в этом браузере. Инструмент не загружает исходные данные или результаты на наши серверы.

Вопросы и ответы

Когда этот инструмент полезен?

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

Что на самом деле делает браузер?

Входные данные остаются в выбранном порядке, столбцы ограничены фактическим количеством входных данных, каждый кадр получает фиксированную ячейку, contain центрирует полное изображение, cover заполняет и обрезает, зазоры сохраняют выбранный RGBA фон, а ZIP содержит sprite-sheet.png и детерминированные координаты sprite-sheet.json.

Какие ограничения мне нужно понимать?

PNG — это один сплющенный растровый лист: анимация, векторные изображения, слои, исходные метаданные, независимые контейнеры и профиль цвета не сохраняются. Cover может обрезать края, contain может оставлять фон, а ограничения на исходные данные, общее количество пикселей, холст, память, PNG, JSON и ZIP применяются.

Как мне проверить результат?

Распакуйте оба файла, подтвердите размеры PNG, начало в верхнем левом углу, порядок кадров и прямоугольники ячеек согласно JSON, проверьте содержимое contain или обрезку cover и загрузите карту в приложение-потребитель.

Связанные инструменты