Кадры с пиксельной точностью
Кадры никогда не масштабируются. Каждый располагается в левом верхнем углу ячейки одинакового размера, а атлас записывает его точное положение и размер.
Создать спрайт-лист из изображений
Упакуйте кадры анимации или значки в один спрайт-лист для игр и CSS. Выберите число столбцов и отступы и получите атлас JSON, совместимый с Phaser, PixiJS и другими движками.
Ваши изображения обрабатываются на вашем устройстве и никогда не загружаются на сервер.
Перетащите изображения сюда
или перетащите их сюда
Принимаются: PNG, WEBP, GIF, JPG · До 512 МБ на файл
Как пользоваться инструментом
- 01
Добавьте кадры в порядке анимации.
- 02
Задайте число столбцов и отступ между кадрами.
- 03
Обработайте и скачайте спрайт-лист с атласом JSON или без него.
Атлас, удобный для движков
JSON использует широко поддерживаемый хеш-формат TexturePacker, где ключом служит имя файла каждого кадра.
Часто задаваемые вопросы
В каком формате создаётся лист?
В PNG, поэтому прозрачность сохраняется.
Должны ли кадры быть одного размера?
Нет. Размер ячеек подбирается по самому большому кадру, а атлас записывает реальный размер каждого кадра.
Загружаются ли мои изображения на сервер?
Нет. Лист собирается в вашем браузере.