Створення 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% порівняно з кадровою анімацією. Ми гарантуємо, що після оптимізації FPS не просідає нижче цільового на пристроях з узгодженого списку.

Скелетна анімація через 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. Гарантуємо стабільний FPS на пристроях з узгодженого списку. Отримайте консультацію по анімаційному пайплайну — зв'яжіться з нами. Вартість починається від 500 $ для простих проектів і до 15 000 $ для складних. Розраховується індивідуально після аналізу вимог.