Как пользоваться инструментом «Спрайт-лист в GIF»
- Перетащите спрайт-лист. Число столбцов и строк и размер кадра определяются по пустому месту между кадрами.
- При необходимости поправьте сетку (столбцы, строки, размер кадра, поля, отступы).
- Выберите диапазон кадров, включите пропуск пустых ячеек и задайте FPS, пинг-понг и число повторов.
- Выберите масштаб и прозрачный или сплошной фон.
- Скачайте GIF или все кадры в формате PNG в ZIP-архиве.
Что вы получаете
- Анимированный GIF (с прозрачностью или на сплошном фоне)
- ZIP с выбранными кадрами в виде пронумерованных PNG
Советы из практики геймдева
- Чтобы быстро задать диапазон, кликайте по кадрам на листе: клик до начала диапазона сдвигает начало, любой другой клик сдвигает конец.
- Задержки в GIF хранятся с шагом 10 мс, поэтому 12 FPS (83 мс) в некоторых просмотрщиках играет как 80 мс. Точно передаются 10, 20, 25 и 50 FPS.
- Прозрачность в GIF однобитная. Полупрозрачные края обрезаются по порогу 50%; если у спрайта мягкие тени, сведите его на цветной фон.
- Перед публикацией в соцсетях увеличьте масштаб. Многие из них размывают маленькие GIF при ресайзе.
Сценарии использования
- Просмотр спрайт-листов с анимацией от художника или ИИ-инструмента
- Публикация циклов ходьбы и атаки в Discord, X или на itch.io
- Создание анимированных эмодзи и стикеров
- Проверка тайминга перед импортом в движок
Вопросы и ответы
Как определяется сетка?
Инструмент ищет полностью пустые (или заполненные цветом фона) столбцы и строки между кадрами. Если кадры соприкасаются, он считает их квадратными по высоте листа. Числа всегда можно поправить вручную.
Сохраняет ли GIF прозрачность?
Да, в рамках однобитной прозрачности GIF. Пиксели с альфой 50% и ниже становятся прозрачными. Для мягких краёв используйте «Сплошной фон».
Цвета сохраняются точно?
Да, если все кадры вместе используют не более 255 цветов, что для пиксель-арта обычное дело. При большем количестве кодировщик строит сокращённую палитру.
Что такое пинг-понг?
Анимация проигрывается вперёд, а затем назад (1-2-3-2). Это удобно для дыхания в idle-анимации и парящих циклов.
Есть ли ограничение на число кадров?
Жёсткого ограничения нет, но очень большие листы при большом масштабе дают тяжёлые файлы. Размер файла показывается после экспорта.
Мой спрайт-лист загружается на сервер?
Нет. GIF кодируется прямо в вашем браузере.