Face tracking в AR: точність, анімація та продуктивність

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1734 послуг
Face tracking в AR: точність, анімація та продуктивність
Складний
~3-5 днів
Часті запитання

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

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    744
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1160
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    562

Face tracking в AR: точність, анімація та продуктивність

Чому face tracking — вузьке місце в AR?

Користувач відкриває AR-фільтр, а маска не збігається з мімікою — типова проблема, коли face tracking налаштовано неправильно. Ми стикаємося з цим у кожному другому проекті. Face tracking — зріла технологія, але її реалізація вимагає точного калібрування та вибору стеку під задачу. Помилка на етапі вибору платформи перетворює додаток на лагаючий «сир». Наш досвід (більше 5 років, 15+ проектів з face tracking) дозволяє гарантувати затримку міміки не більше 50 мс. Правильний вибір стеку скорочує бюджет на доопрацювання вдвічі.

Як ми усуваємо проблеми face tracking

Три основні складності: затримка міміки, втрата трекінгу при повороті голови та відсутність реакції на вираз обличчя. Ми вирішуємо їх через правильний вибір технології та налаштування параметрів. У кожному проекті проводимо навантажувальне тестування на 5+ пристроях.

Стек і точність: ARKit vs ARCore vs MediaPipe

Згідно з ARKit documentation від Apple, точність TrueDepth камери досягає субміліметрових значень. ARKit з TrueDepth камерою дає depth map обличчя з точністю до міліметра. ARCore AugmentedFace та MediaPipe працюють на RGB-камері, але гірше на русі. У таблиці — порівняння ключових параметрів:

Технологія Камера Точок Depth Map FPS (iPhone 12)
ARKit (TrueDepth) Фронтальна TrueDepth 1220 вершин Є 60
ARCore AugmentedFace RGB (будь-яка) 468 точок Нема 30
MediaPipe Face Landmark RGB (будь-яка) 478 точок Нема 30-45 (з NE)

ARKit швидший в 1.5 рази по FPS на флагманах, а MediaPipe — універсальне крос-платформне рішення. Depth map з ARKit критично важливий для реалістичних масок — він дозволяє точно накладати текстури навіть на рухоме обличчя.

Продуктивність на різних пристроях

Пристрій ARKit (TrueDepth) ARCore MediaPipe
iPhone 14 Pro 60 FPS, стабільно 45 FPS
Google Pixel 7 30 FPS 30 FPS
Samsung Galaxy S23 30 FPS 30 FPS

Що конкретно дає ARKit Face Tracking

ARFaceTrackingConfiguration — вимагає iPhone X або новіший (TrueDepth фронтальна камера). Повертає ARFaceAnchor:

  • geometry — ARFaceGeometry з 1220 вершинами та 2304 трикутниками. Меш обличчя в реальному масштабі (в метрах). Оновлюється ~30 разів на секунду.
  • blendShapes — словник з 52 AR face blend shape коефіцієнтів. Кожен — Float від 0 до 1. Основа для face-driven анімації та розпізнавання виразів.
  • leftEyeTransform, rightEyeTransform — позиція та орієнтація кожного ока.
func session(_ session: ARSession, didUpdate anchors: [ARAnchor]) {
    guard let faceAnchor = anchors.first as? ARFaceAnchor else { return }

    let blinkLeft = faceAnchor.blendShapes[.eyeBlinkLeft]?.floatValue ?? 0
    let jawOpen = faceAnchor.blendShapes[.jawOpen]?.floatValue ?? 0

    // Керування інтерфейсом моргання/рот
    if blinkLeft > 0.7 { triggerAction() }
}

Як забезпечити стабільне розпізнавання облич на Android?

Для Android використовуємо комбінацію ARCore та ML Kit. ARCore AugmentedFace дає 468 точок і базові емоції. ML Kit Face Detection — детектування контурів. Для анімації аватара застосовуємо користувацький класифікатор на TensorFlow Lite. Тестування на 10+ пристроях гарантує стабільність. Проблема з поворотом голови вирішується через стеження за орієнтацією: якщо face tracking втрачає обличчя, ми перемикаємося на передбачення останніх відомих координат.

Етапи розробки face tracking

  1. Аналітика — визначення сценаріїв використання, вибір платформи.
  2. Проектування — створення прототипу обробки blend shapes.
  3. Реалізація — інтеграція SDK, налаштування конфігурації, code signing.
  4. Тестування — перевірка на 5+ пристроях, включаючи різні моделі iPhone та Android.
  5. Деплой — публікація в App Store / Google Play з дотриманням гайдлайнів.

Типові помилки при реалізації

  • Використання ARKit на пристроях без TrueDepth — падіння FPS.
  • Відсутність перевірки isSupported — краш на старих моделях.
  • Ігнорування дозволу камери — затримки через невідповідність формату.
  • Неоптимізовані blend shape обробники — зниження FPS до 20.

Щоб уникнути цих проблем, ми проводимо рев'ю коду та навантажувальне тестування на кожному етапі.

Терміни та вартість

Базова інтеграція face tracking з тригерами — 1-2 тижні. Додавання 3D-маски та запису відео — 2-4 тижні. ML-класифікатор виразів — ще 2-3 тижні. Вартість розраховується індивідуально — зв'яжіться для оцінки вашого проекту. Ми гарантуємо прозоре ціноутворення без прихованих витрат.

Що входить в результат

  • Вихідний код з коментарями та документацією.
  • Тестове додаток для демонстрації.
  • Доступ до логів та моніторингу в реальному часі.
  • Підтримка протягом 30 днів після здачі.

Ми гарантуємо стабільну роботу face tracking у вашому AR-додатку. Замовте консультацію з вибору стеку — наші інженери допоможуть з перших кроків. Оптимізація blend shapes на старті економить до 40% часу розробки. Зв'яжіться з нами для аудиту вашого проекту. Детальніше про MediaPipe Face Landmark.

Ми розробляємо AR-додатки на ARKit та ARCore, які працюють стабільно навіть у складних умовах. Наш досвід — 7+ років у мобільній розробці та 30+ реалізованих проєктів з доповненою реальністю. Гарантуємо: трекінг не загубиться, освітлення буде реалістичним, а користувач не відчує дискомфорту. Сертифіковані розробники Apple та Google.

Чому трекінг втрачається і як це виправити?

ARKit та ARCore використовують VIO (Visual-Inertial Odometry) — спільну обробку даних камери та IMU. Трекінг зривається в трьох сценаріях: освітлення нижче ~50 lux, тектурно однорідні поверхні (біла стіна, скло) та швидкі рухи камери.

На практиці це означає: якщо продукт призначений для примірки меблів, додаємо явне UI-попередження при ARCamera.TrackingState.limited(.insufficientFeatures). Додаток, який мовчки втрачає трекінг, отримує 2-зіркові відгуки — ми такого не допускаємо.

Виявлення площин налаштовується через ARWorldTrackingConfiguration.planeDetection = [.horizontal, .vertical]. Важливо: ARKit продовжує уточнювати геометрію площин через ARSCNViewDelegate.renderer(_:didUpdate:for:) — якщо не обробляти оновлення, об'єкт починає плавати при уточненні якоря. Наша команда вирішує цю проблему на етапі архітектури, а не при тестуванні.

AR Foundation: кроссплатформа з нюансами

Unity AR Foundation — шар абстракції поверх ARKit та ARCore. Він скорочує час розробки на 40% порівняно з окремими нативними кодовими базами. Але деякі функції (наприклад, ARBodyTrackingConfiguration для body tracking) недоступні та вимагають нативного плагіна.

Для React Native та Flutter прямого AR Foundation немає. Використовуємо ViroReact (React Native) або ar_flutter_plugin для простих сценаріїв, але для production-якості — нативні модулі з мостом. Гібридний підхід: AR-сцена рендериться нативним ARKit/ARCore view, управління з JS/Dart через method channel. Входить у нашу стандартну поставку.

Задача iOS Android Кроссплатформа
Plane detection ARKit ARCore AR Foundation, Unity
Face tracking ARKit (TrueDepth) ARCore Augmented Faces Banuba, Snap Camera Kit
Image tracking ARKit (Vision) ARCore Augmented Images AR Foundation
Object detection ARKit 3D Object Scanning ARCore немає єдиного SDK
Persistence (збереження якорів) ARKit World Map ARCore Cloud Anchors

Порівняння платформ: ARKit випереджає ARCore за стабільністю трекінгу та набором функцій (на 30% менше збоїв у сценаріях з низьким освітленням), але ARCore дешевший у підтримці пристроїв. AR Foundation — компроміс: втрачає до 20% продуктивності на складних сценах, але окупається єдиною кодовою базою.

Try-on: примірка товарів через AR

Примірка окулярів, прикрас, косметики — окремий клас задач. Тут потрібен face tracking, а не plane detection.

ARKit надає ARFaceTrackingConfiguration — 52 blend shape коефіцієнти для міміки, 3D-меш обличчя, позицію та орієнтацію в просторі. Працює лише на пристроях з TrueDepth-камерою (iPhone з Face ID).

Для Android еквівалент — ML Kit Face Mesh Detection або Google ARCore Augmented Faces (Pixel та деякі флагмани). Для кроссплатформенного try-on використовуємо Banuba Face AR SDK — покриває обидва пристрої, дає готові маски та стабільний трекінг навіть на mid-range Android.

Якість try-on критично залежить від 3D-моделей товарів. Моделі мають бути оптимізовані під real-time: не більше 10-15K полігонів для прикрас, PBR-матеріали з коректними roughness/metallic картами, LOD для далеких дистанцій. В рамках нашого підряду ми надаємо готові гайди з оптимізації моделей.

Як досягти реалістичного освітлення в AR?

ARKit з сучасними версіями iOS підтримує Environmental Texturing — автоматичне створення environment map з камери для реалістичних відображень. Вмикається через ARWorldTrackingConfiguration.environmentTexturing = .automatic. Без цього металеві та скляні матеріали виглядають пластиково.

ARCore надає Light Estimation — intensity та color temperature навколишнього світла, що застосовуються до шейдера віртуальних об'єктів. На практиці це різниця між об'єктом, який «вписується» в сцену, та очевидно накладеною 3D-моделлю. Ми гарантуємо, що фінальне зображення не видає віртуальності.

Що входить в роботу

  • Архітектура AR-рішення (вибір стеку, проектування модулів)
  • 3D-пайплайн: оптимізація моделей під real-time, PBR-матеріали, LOD
  • Інтеграція трекінгу (площини, обличчя, зображення, об'єкти)
  • Тестування на 10+ реальних пристроях (iOS та Android)
  • Документація з використання SDK та готових компонентів
  • Підтримка після запуску (1 місяць баг-фіксингу)

Строки та оцінка

Проста AR-сцена з розміщенням однієї 3D-моделі на площині — 1–2 тижні. Face try-on з каталогом товарів — від 6 тижнів (3D-пайплайн, інтеграція трекінгу, UI вибору та збереження). Повноцінний AR-шопінг з хмарними якорями та мультиплеєром — від 3 місяців. Оцінимо проєкт за 1 день — пишіть, обговоримо вашу AR-ідею.