Добавьте анимацию
Перетащите видео, анимированный GIF или набор кадров либо попробуйте пример клипа. Ничего не загружается на сервер.
КОНСТРУКТОР СПРАЙТ-ЛИСТОВ WAVESPEED AI Ваши файлы остаются на вашем устройстве
100% БЕСПЛАТНО
Конструктор спрайт-листовИз видео, GIF или кадров в готовый для игры лист.
Возьмите кадры любой анимации, уберите фон и соберите их в один спрайт-лист.
Посмотрите цикл в предпросмотре и скачайте PNG с данными кадров в JSON для вашего движка.
Удаление фона с ИИPNG + JSON + GIFБез загрузки на сервер
Без регистрации Без загрузки на сервер Без водяных знаков
Превратите анимацию в спрайт-лист
Видео (MP4, WebM, MOV), анимированный GIF или WebP либо несколько кадров в PNG или JPG.
Выберите сразу несколько изображений, и они станут кадрами в порядке имён файлов.Нужно движение? Загляните в Галерею движений для ИИЗаставьте своего персонажа сделать это движение
Создайте персонажа, оживите его с помощью ИИ, а затем вернитесь сюда с клипом и соберите спрайт-лист.
Файлы обрабатываются в вашем браузере и никуда не загружаются.
ТРИ ПРОСТЫХ ШАГА
Как сделать спрайт-лист из видео
Выберите кадры и подчистите их
Задайте fps, начало и конец, исключите ненужные кадры и удалите фон с помощью ИИ или по цвету.
Разложите и скачайте
Выберите сетку, размер кадра и отступы, посмотрите цикл и скачайте лист PNG с JSON, GIF или ZIP с кадрами.
Игровые движки
Спрайт-листы для Phaser, PixiJS, Godot, Unity и GameMaker
Phaser и PixiJS
JSON использует формат TexturePacker (hash или array), который напрямую читают загрузчик атласов Phaser и PixiJS, плюс анимацию со списком всех кадров. Либо нарежьте лист как спрайтшит по ширине и высоте кадра.
Godot
Все кадры одного размера, поэтому для Sprite2D нужны только Hframes и Vframes, а AnimatedSprite2D может добавить кадры с листа по сетке. Инструмент показывает, какие числа вводить.
Unity и GameMaker
Нарежьте PNG по размеру ячейки в Sprite Editor в Unity или импортируйте его как ленту в GameMaker. Размер кадра, отступы и fps показаны рядом с кнопкой загрузки и записаны в JSON.
WaveSpeed AI
Создайте персонажа, а затем оживите его
Придумывайте игровых персонажей и заставляйте их двигаться с WaveSpeed AI, а затем превращайте клип в спрайт-лист здесь.
Генератор изображений
Придумайте персонажа, врага или предмет по текстовому описанию.
Генератор видео
Заставьте персонажа идти, бежать, прыгать или атаковать в коротком клипе.
- Более 1000 ИИ-моделей
- Изображения, видео и 3D
- Оплата по факту
$1 бесплатных кредитов для подходящих новых аккаунтов. Карта не нужна. Для генераторов нужны отдельный аккаунт и кредиты. Инструмент «конструктор спрайт-листов» бесплатный.
/filters:quality(82)/media/images/1791123751656780930_IfFPY7R0.webp){kind=small}
/filters:quality(82)/media/images/1791123737177812425_RjKT3cku.webp){kind=small}
/filters:quality(82)/media/images/1791123748309870128_xlkNgK8N.webp){kind=small}
/filters:quality(82)/media/images/1791123738630744263_oR09R0aj.webp){kind=small}
/filters:quality(82)/media/images/1791177033162457776_uQ09OY7g.webp){kind=small}
/filters:quality(82)/media/images/1791123734319125607_JdnwGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123746355630206_udnxGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123744771362580_yC0sPezZ.webp){kind=small}
/filters:quality(82)/media/images/1791123738606970169_5KIR1ais.webp){kind=small}
/filters:quality(82)/media/images/1791123748197655725_EUmuFNW6.webp){kind=small}
Конструктор спрайт-листов: частые вопросы
Конструктор спрайт-листов бесплатный?
Да. Делайте сколько угодно спрайт-листов без аккаунта и без водяных знаков.
Мои файлы загружаются на сервер?
Нет. Кадры извлекаются, вырезаются и упаковываются в вашем браузере, поэтому видео и изображения не покидают ваше устройство. При первом удалении фона с ИИ браузер один раз скачает модель ИИ (около 91 МБ) и сохранит её для следующих раз.
Как превратить видео в спрайт-лист?
Добавьте видео, выберите число кадров в секунду, начало и конец движения и скачайте лист. Для большинства игровых анимаций хватает 8–12 fps; для циклического движения вроде ходьбы или бега обычно нужна от половины секунды до секунды.
Можно ли сделать спрайт-лист из GIF?
Да. Добавьте анимированный GIF или WebP, и его кадры будут прочитаны с их собственным темпом. Некоторые браузеры не умеют читать анимированные изображения: используйте Chrome или Edge либо добавьте кадры файлами PNG.
Как удалить фон на каждом кадре?
Выберите «ИИ» и нажмите «Удалить фон»: ИИ вырежет персонажа на каждом кадре. Для хромакея или однотонного фона режим «По цвету» работает мгновенно.
Почему персонаж дрожит в игре?
Если кадры обрезаны по отдельности, персонаж смещается внутри каждого кадра. «Обрезать по содержимому» использует одну рамку вокруг персонажа для всех кадров, а кадры фиксированного размера держат его на нижнем краю, поэтому он остаётся на месте.
В каком формате экспортируется JSON?
JSON в стиле TexturePacker, hash или array: с положением и размером каждого кадра, его длительностью и анимацией со списком кадров. Phaser и PixiJS загружают его напрямую. Размер сетки, отступы и fps тоже записаны в нём, для движков, которые нарезают по сетке.
Можно ли делать спрайт-листы в пиксель-арте?
Да. Включите «Пиксель-арт», чтобы масштабировать с чёткими краями без сглаживания, и выберите масштаб, например 200% или 400%. Для классического вида задайте фиксированный размер кадра вроде 32 × 32 или 64 × 64.
Сколько кадров может быть на листе?
До 150 кадров, а сам лист может достигать 8192 px по стороне. Чем крупнее кадры, тем меньше их поместится; уменьшите fps или выберите кадры поменьше, чтобы уместить больше.
Где взять анимацию своего персонажа?
Создайте персонажа в Генераторе изображений ИИ, затем оживите его в Галерее движений для ИИ или в Генераторе аватаров с ИИ и принесите клип сюда.
Другие бесплатные инструменты
Все бесплатные инструменты
Готовы сделать спрайт-лист?
Бесплатно, приватно и без регистрации. Ваши файлы не покидают устройство.