Создание 2D-анимаций для мобильной игры

Мы, команда мобильных разработчиков с 5-летним опытом, знаем, как падает FPS до 18 на mid-range устройствах из-за неправильного пайплайна анимаций. Художник рисует 60-кадровый спрайт-лист, аниматор экспортирует атлас 2048×2048 — и на Snapdragon 680 батарея греется, а игра тормозит. Проблема не в ани

Разработка и поддержка любых видов мобильных приложений:

Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

Это лишь некоторые из типы мобильных приложений, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента.

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Создание 2D-анимаций для мобильной игры
Средний
от 2 недель до 3 месяцев

Наши компетенции:

Часто задаваемые вопросы

Последние работы

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    894
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    782
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1216
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    1079
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    1002
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    597

Мы, команда мобильных разработчиков с 5-летним опытом, знаем, как падает FPS до 18 на mid-range устройствах из-за неправильного пайплайна анимаций. Художник рисует 60-кадровый спрайт-лист, аниматор экспортирует атлас 2048×2048 — и на Snapdragon 680 батарея греется, а игра тормозит. Проблема не в анимации, а в том, как она попадает в движок и воспроизводится на GPU. Мы предлагаем пайплайн анимаций под ключ, который решает эти проблемы. Оценим ваш проект за 1–2 дня, свяжитесь с нами.

Где ломается пайплайн анимации в мобильных играх

Самая частая ошибка — попытка использовать покадровую анимацию там, где нужна скелетная, и наоборот. Frame-by-frame в Unity через Sprite Renderer и Animation Clip — это постоянная смена текстуры на каждом кадре. На Snapdragon 680 с общей памятью CPU/GPU каждый swap текстуры стоит дорого. При 15 персонажах с 60-кадровыми анимациями GPU memory bandwidth уходит в потолок. Сравнение: Spine 2D позволяет снизить нагрузку на GPU на 30% по сравнению с кадровой анимацией.

Скелетная анимация через Spine 2D или DragonBones — противоположная проблема: разработчики тащат полный runtime весом ~500 КБ для простого персонажа с пятью костями. Для таких случаев лучше встроенный Unity 2D Animation с поддержкой IK через 2D IK — до восьми костей работает без заметных оверхедов.

Проблема со спрайт-атласами — несоответствие степеней двойки. Атлас 900×700 вместо 1024×512 не сжимается нормально, текстура занимает вдвое больше. На Android это критично: при 20 персонажах в сцене OutOfMemoryError приходит неожиданно.

Почему важен правильный формат атласа?

Формат текстуры напрямую влияет на производительность. ASTC 6×6 даёт лучшее сжатие для iOS, ETC2 — стандарт для Android. На старых устройствах (API 19–21) ASTC не поддерживается — используем ETC2 с fallback на ETC1 для RGB без альфа. Собираем атласы через Unity's Sprite Atlas с Allow Rotation и Tight Packing.

Какой инструмент выбрать для скелетной анимации?

Для персонажей с более чем 8 костями и attachment swapping используем Spine 2D с SkeletonAnimation и AnimationState. Для простых NPC или UI — Unity 2D Animation с PSD Importer, где художник работает в Photoshop с rigged слоями. Это снижает затраты на интеграцию и не требует покупки лицензии Spine.

Как строим пайплайн анимаций

Начинаем с инвентаризации: количество персонажей, одновременных на экране, целевой FPS (30 или 60), минимальные версии OS. На основе этого выбираем подход.

Этапы работы:

  1. Техническое задание — список состояний каждого персонажа (idle, run, attack, death, hit), требования к blending, формат исходников.
  2. Риггинг и экспорт из Spine или настройка 2D Animation в Unity.
  3. Импорт и сборка спрайт-атласов.
  4. Настройка AnimatorController или AnimationState machine.
  5. Интеграция с игровой логикой.
  6. Профилирование на реальных устройствах: Samsung Galaxy A32 (mid-range), iPhone SE 2nd gen (low-end).
  7. Оптимизация по результатам.

Для эффектов переходов используем DOTween Pro с Sequence. Например, анимация смерти: fade out (DOFade), scale down (DOScale) с Ease.InBack, одновременный spawn particle effect. Всё в одном Sequence, без корутин.

Пресеты качества
Пресет FPS Атласы Частицы Деформация меша
High 60 Полные Все Да
Medium 30 ×0.5 Упрощённые Да
Low 30 Минимальные Нет Нет

Переключение через QualitySettings.SetQualityLevel по бенчмарку GPU.

Инструменты и форматы

Задача Инструмент Формат вывода
Скелетная анимация Spine 2D .skel + .atlas
Простой риггинг Unity 2D Animation Встроенный
Эффекты частиц Unity VFX Graph / Particle System .prefab
Покадровая анимация Aseprite → Texture Packer Sprite Atlas PNG
Анимация UI DOTween Pro Code-driven
Профилирование Unity Profiler + GPU Usage

Что входит в работу

  • Техническое задание на анимации.
  • Риггинг и экспорт анимаций (Spine или Unity 2D Animation).
  • Оптимизированные спрайт-атласы (ASTC/ETC2).
  • AnimatorController или state machine.
  • Интеграция с игровой логикой.
  • Профилирование на устройствах и оптимизация.
  • Обучение команды (по запросу).
  • Поддержка в течение месяца после сдачи.

За 5 лет мы реализовали 20+ проектов с анимациями для мобильных игр, включая жанры action и RPG. Получите консультацию по анимационному пайплайну — свяжитесь с нами. Стоимость рассчитывается индивидуально после анализа требований.