Спрайты для 2D-игр: виды, спрайт-листы и как выбрать готовые

Спрайт — любая 2D-картинка, которую движок рисует в игре: персонаж, монета, кнопка, вспышка выстрела. Разберём, какие спрайты бывают, чем спрайт-лист отличается от атласа, что проверить в готовом наборе и как подключить его в Unity и Godot. Текст для тех, кто собирает 2D-игру и рисует не всё сам.

Спрайт, спрайт-лист и атлас

Спрайт — отдельное изображение с прозрачным фоном, почти всегда PNG. Один спрайт — один объект или один кадр анимации.

Спрайт-лист (spritesheet) — один файл, на котором разложены кадры анимации или набор однотипных объектов. Чаще всего это сетка одинаковых ячеек: строка — одна анимация, столбец — номер кадра.

Атлас — тоже одна большая текстура, но кадры упакованы плотно и могут быть разного размера, а их координаты лежат в отдельном файле (JSON, XML). Атласы собирают упаковщиками или самим движком. В Unity для этого есть Sprite Atlas: спрайты из одной текстуры рисуются за меньшее число вызовов отрисовки.

Для покупателя разница практическая: сетку режет любой движок встроенными средствами, а атлас с файлом координат требует импортера под его формат. Если в описании набора написано «spritesheet + JSON», проверьте, читает ли ваш движок этот формат, или поищите в архиве отдельные кадры.

Какие спрайты бывают

По назначению

• Персонажи и враги. Самая трудоёмкая часть: нужны анимации стойки, бега, прыжка, атаки, урона и смерти. Размеры кадра и минимальный набор анимаций подробно разобраны в гайде «Пиксельные персонажи и спрайтшиты».
• Окружение. Тайлы земли и стен, фоны, слои для параллакса, декор: деревья, камни, ящики.
• Предметы. Иконки инвентаря, оружие, бонусы, монеты. Обычно идут сеткой одного размера.
• Интерфейс. Кнопки, рамки окон, полоски здоровья, курсоры. Рамки удобно растягивать по схеме 9-slice, когда углы остаются неизменными, а края и центр тянутся.
• Эффекты. Взрывы, пыль, искры, магия — короткие покадровые анимации с прозрачностью.

По стилю

Стиль	Особенности	О чём помнить
Пиксель-арт	Низкое разрешение, видимые пиксели, ограниченная палитра	Масштаб только целыми числами, фильтрация текстур отключена; все наборы должны совпадать по размеру пикселя
HD / рисованный растр	Крупные изображения, много деталей и мягких переходов	Тяжёлые текстуры и архивы; с пиксель-артом в одной сцене не сочетается
Вектор	Исходники в SVG или AI, можно получить любой размер без потери качества	В игре всё равно используется растр: вектор растрируется при импорте или заранее экспортируется в PNG
Скелетная анимация	Персонаж разрезан на части, двигается костями, а не покадрово	Нужен инструмент и поддержка в движке; для анимаций из Spine — рантайм под ваш движок

Что проверить в готовом наборе

1. Размер кадра. Должен быть указан в пикселях. Персонаж, тайлы и предметы должны быть в одной системе масштаба: герой, нарисованный под тайлы 16×16, рядом с тайлсетом 32×32 будет выглядеть чужим.
2. Список анимаций и число кадров. Хорошее описание выглядит как «idle — 8 кадров, run — 6 кадров». Если написано просто «animated», смотрите превью. Сверьте список с механиками своей игры: дорисовать недостающий рывок в чужом стиле трудно.
3. Перспектива. Вид сбоку, сверху, три четверти или изометрия. Это единственное, что нельзя исправить: персонаж для top-down не встанет в платформер.
4. Единый стиль. Есть ли контур и какого цвета, насколько насыщена палитра, откуда падает свет. Сравнивайте с наборами, которые у вас уже есть.
5. Формат. PNG с прозрачностью — норма. JPG для спрайтов не подходит: в нём нет прозрачности, а сжатие оставляет артефакты. Хорошо, если в архиве есть и листы, и отдельные кадры, и исходник (Aseprite или PSD) — тогда можно перекрасить или дорисовать кадры.
6. Ровная сетка. Ячейки одного размера, персонаж во всех кадрах стоит на одной линии и не смещается по горизонтали. Иначе в движке он будет подпрыгивать или дёргаться при смене анимаций, а резать кадры придётся вручную.
7. Лицензия. Разрешено ли коммерческое использование, нужно ли указывать автора, можно ли изменять. Подробно — в статье «Лицензии на игровые ассеты».

Где брать спрайты

Бесплатные спрайты для игр выкладывают на itch.io, OpenGameArt, у Kenney и в других местах. Главная ловушка — лицензии разные даже на одном сайте. На OpenGameArt у каждой работы свои условия: CC0, CC-BY, CC-BY-SA, OGA-BY, GPL.

• CC0 — можно использовать как угодно, указывать автора не обязательно. Под ней выпускает свои наборы Kenney.
• CC-BY и OGA-BY — можно в коммерческой игре, но автора нужно указать.
• CC-BY-SA — вдобавок производные работы нужно распространять под той же лицензией.
• GPL придумана для программного кода; если не уверены, как она применяется к вашей игре, лучше выбрать другой ассет.

На itch.io условия пишет сам автор на странице набора, и «бесплатно» не означает «можно в коммерческой игре». Сохраняйте ссылку и текст лицензии вместе с файлами. Где искать и как отличать нормальные бесплатные паки — в гайде «Бесплатные ассеты для 2D-игр».

Платные паки выигрывают полнотой: обычно в них больше анимаций, есть враги и окружение в том же стиле, иногда исходники. Если собираете игру на один стиль, выгоднее найти автора с серией наборов, чем докупать отдельные спрайты у разных художников. Готовые спрайты для 2D-игр с оплатой в рублях можно посмотреть в разделе 2D-ассеты.

Как подключить спрайт-лист

Unity

1. Перенесите PNG в проект и в инспекторе выставьте Texture Type — Sprite (2D and UI).
2. Если в файле несколько кадров, поставьте Sprite Mode — Multiple.
3. Pixels Per Unit — сколько пикселей спрайта занимает одна единица мира. Ставьте одинаковое значение для всех спрайтов одного масштаба, иначе персонаж и тайлы окажутся разного размера.
4. Для пиксель-арта: Filter Mode — Point (no filter), сжатие — None. Для рисованной HD-графики фильтрацию оставляют включённой.
5. Откройте Sprite Editor, нажмите Slice и выберите Grid By Cell Size (указать размер ячейки) или Grid By Cell Count (указать число строк и столбцов). Automatic подходит для кадров, разбросанных по листу без сетки. Примените изменения.
6. Выделите кадры одной анимации и перетащите их в сцену — Unity предложит сохранить из них анимационный клип.

Godot 4

1. Для пиксель-арта включите фильтр Nearest для всего проекта: Project Settings → Rendering → Textures → Canvas Textures → Default Texture Filter (у отдельного узла фильтр можно переопределить в его свойствах). Уже импортированные текстуры после смены настройки стоит переимпортировать.
2. Создайте узел AnimatedSprite2D и в свойстве Sprite Frames выберите New SpriteFrames.
3. В нижней панели нажмите «Add frames from a Sprite Sheet», выберите лист и укажите число кадров по горизонтали и вертикали.
4. Отметьте нужные кадры, добавьте их и переименуйте анимацию. Повторите для остальных строк листа.

Есть и второй путь: Sprite2D с параметрами Hframes и Vframes плюс AnimationPlayer, который переключает номер кадра. Отдельного аналога Pixels Per Unit в Godot нет: 2D-координаты измеряются в пикселях.

Коротко

• Спрайт-лист с сеткой одинаковых ячеек режется в любом движке; атлас с JSON требует импортера под формат.
• Перед покупкой сверьте размер кадра, список анимаций, перспективу и стиль с остальными ассетами игры.
• Бесплатные спрайты проверяйте по лицензии каждого конкретного набора и сохраняйте её текст.
• В Unity для пиксель-арта — Point (no filter) и одинаковый Pixels Per Unit, в Godot — фильтр Nearest.