Атлас для Phaser и PixiJS
Собирает лист и описание в том формате, который эти движки читают без плагинов и переделок.
Бесплатно, без регистрацииДо 200 кадров за разОписание в JSON
Перетащите спрайты сюда
PNG, WebP или AVIF — по файлу на кадр, до 200 за раз
Частые задачи
Что этим движкам нужно на входе
Phaser, PixiJS и Cocos читают атлас парой файлов: картинка листа и JSON с координатами кадров. Кадр движок ищет по имени, а имя берётся из имени исходного файла — поэтому файлы кадров стоит называть так, как вы будете обращаться к ним в коде.
Важное про обрезку. Прозрачные поля вокруг кадра срезаются, но исходный размер и смещение уходят в описание, и движок ставит кадр на прежнее место. Без этих двух чисел кадры анимации разъезжаются — это главная ошибка самодельных упаковщиков.
Поворот кадров по умолчанию выключен: повёрнутый кадр ложится плотнее, но читают его не все загрузчики. Включайте, если уверены в своём.
Нужны готовые ассеты?
3D-модели, спрайты, текстуры и звуки — бесплатно и без регистрации.
Частые вопросы
Какой формат описания выбрать?
JSON (hash) — его понимают и Phaser, и PixiJS, и Cocos. Раскладка array — тот же набор данных списком, она нужна редко.
Как подключить в Phaser?
Положите картинку и JSON рядом и загрузите их вместе: в сцене загрузки это `this.load.atlas` с именем атласа и путями к обоим файлам. PixiJS читает тот же JSON своим загрузчиком ассетов.
Что будет с анимацией?
Она не поедет: у каждого кадра в описании лежит исходный размер и смещение обрезанной части, и движок ставит кадр туда же, где он был до обрезки.
А для Unity подойдёт?
Нет, и это не про формат. Unity собирает атлас сам и ждёт на входе отдельные спрайты — ему нужен обратный ход, разбор листа на кадры.