Перетащите папку со спрайтами и получите одну плотно упакованную текстуру и файл данных, который сообщает движку, где лежит каждый спрайт. Ничего не покидает ваше устройство.
Создаётся на вашем устройстве. Ваши изображения никуда не загружаются.
Как это работает
Выберите, перетащите или вставьте изображения либо перетащите папку с ними. Все они могут быть разного размера.
Задайте зазор, обрежьте пустые края и выберите файл данных, который читает ваш движок. Лист обновляется по ходу настройки.
В нём PNG атласа и файл, где записано положение каждого спрайта.
Упаковщик атласа спрайтов
Спрайты любых размеров укладываются почти без пустот, никогда не поворачиваются и не масштабируются.
Пустое место вокруг каждого спрайта отбрасывается и запоминается: атлас меньше, и ничего не сдвигается.
JSON для Phaser, PixiJS и импортёров движков или файл .meta для Unity, который сам нарезает текстуру.
Всё происходит в вашем браузере, поэтому картинки остаются на вашем устройстве.
Подробнее
Каждое отдельное изображение, которое рисует игра, стоит видеокарте смены текстуры. Если упаковать много спрайтов в одно изображение, атлас, движок рисует их вместе: это работает быстрее и загружается скорее, чем сотня мелких файлов.
Упаковщик складывает спрайты разных размеров как пазл, начиная с самых больших, и записывает, где оказался каждый. Спрайты никогда не поворачиваются и не масштабируются, поэтому выглядят точно так, как вы их нарисовали.
«JSON, кадры по именам» — формат, который сделал привычным TexturePacker. Phaser и PixiJS загружают его напрямую, а для Godot, GameMaker и большинства других движков есть импортёры. «JSON, список кадров» содержит те же данные в виде упорядоченного списка.
«Godot (.tres)» создаёт по одному файлу AtlasTexture на спрайт, с его именем. Скопируйте их в проект в одну папку с PNG и используйте любой как текстуру, например в Sprite2D. Плагин-импортёр не нужен, а обрезанные спрайты сохраняют исходный размер.
«Unity (.png.meta)» — собственный файл импорта Unity. Скопируйте его в проект рядом с PNG, и текстура придёт нарезанной на именованные спрайты, с точечной фильтрацией и без сжатия, как и нужно пиксель-арту.
Упаковщик атласа спрайтов
Нет. Всё работает в вашем браузере, на вашем устройстве. Ваши изображения никогда не отправляются ни в Moriqa, ни кому-либо ещё, и после закрытия страницы ничего не сохраняется.
Добавьте спрайты, выберите зазор и файл данных и скачайте ZIP. В нём изображение атласа и его данные.
До 4096 × 4096 пикселей, такой размер загружает любое современное устройство, и до 1000 спрайтов. Если спрайты не помещаются, инструмент сообщает об этом.
Спрайт-лист обычно представляет собой сетку одинаковых кадров одной анимации. Атлас упаковывает изображения любого размера туда, где они помещаются, и читается только вместе с файлом данных.
Повёрнутые спрайты укладываются чуть плотнее, но многие импортёры их не поддерживают. Если все спрайты остаются в исходном положении, атлас читается везде.
Да. Назовите файлы по порядку, например walk_01 и walk_02, и они сохранят эти имена в файле данных. Для простой сетки одинаковых кадров лучше используйте «Спрайт-лист в GIF» и сохраните как спрайт-лист.
Откройте редактор пиксель-арта Moriqa, чтобы нарисовать и анимировать их, а затем экспортируйте спрайт-листы для Godot, Unity и GameMaker. Бесплатно в браузере.
