Розробка AR-примірки косметики: віртуальний макіяж під ключ
Віртуальний макіяж — технічно найвимогливіший сценарій face AR. Помада має точно повторювати контур губ, тіні — лягати на складки повік, а тональний крем — змішуватися з реальним тоном шкіри. Користувач миттєво помічає, якщо межа «пливе» при повороті голови на 20°. Саме тому більшість виробників косметики не пишуть цей стек самостійно — вони звертаються до нас для інтеграції спеціалізованого SDK. Ми зробили вже 15+ проєктів з AR-примірки для косметичних брендів за 5+ років роботи на ринку AR-розробки.
Чому ARKit/ARCore недостатньо для косметики
ARKit ARFaceAnchor дає 1220-точкову сітку обличчя (geometry.vertices) та blendshapes (blendShapes) для виразів. Цього достатньо для масок і AR-фільтрів. Для помади — вже ні: контур губ в ARKit face mesh — це ~80 точок, що при рендерингу дає кутову геометрію, особливо помітну на тонких губах.
Спеціалізовані SDK працюють з 400-900 точками тільки для губ, окремо трекають верхню та нижню повіку, перенісся, область щік. Це дає реалістичність, якої не досягти стандартними засобами.
Як обрати SDK: порівняння популярних рішень
| SDK | Точки face mesh | Косметичні ефекти | Ліцензія | Час інтеграції |
|---|---|---|---|---|
| Perfect Corp YouCam | 478 точок | 120+ (помада, тіні, консилер, туш тощо) | Enterprise (від $10 000/рік) | 2-3 тижні |
| Banuba Face AR | 468 точок | Кастомізовані ефекти | Від $149/міс, Enterprise (від $5 000/рік) | 2-3 тижні |
| MediaPipe Face Mesh | 468 точок | Тільки mesh, все інше кастом | Open source (безкоштовно) | від 3 місяців |
| ModiFace (L'Oréal) | ~500 точок | 100+ | Тільки партнерство | — |
Perfect Corp YouCam SDK — індустріальний стандарт. Власна ML-модель face mesh, 120+ ефектів з коробки. Нативний SDK для iOS (Swift/ObjC) та Android (Kotlin/Java). Ми сертифіковані як інтегратор Perfect Corp, що дає доступ до преміум-ефектів. Perfect Corp в 3 рази швидше за MediaPipe за реалістичністю рендерингу завдяки оптимізованому blendshape-трекінгу.
Banuba Face AR SDK — гнучка альтернатива з можливістю кастомізації ефектів через Banuba Effect Player. Дозволяє самостійно створювати ефекти в редакторі. Підтримує iOS, Android, Web. Enterprise-ліцензія дає повний доступ.
Кастомна реалізація через MediaPipe Face Mesh: 468 точок, працює на iOS та Android через MediaPipe Tasks. Безкоштовно, open source. Потребує розробки власного рендерера для накладання косметики — це 3-5 місяців роботи та значно поступається спеціалізованим SDK за реалістичністю. Але підходить для бюджетних проєктів (економія до $50 000 порівняно з Perfect Corp).
Як ми робимо реалістичний рендеринг?
Помада
Mesh губ → UV-розгортка → текстура з кольором помади, blended через multiply/screen blend mode з оригінальним зображенням камери. Прозорість регулює «насиченість» тону. Краї — feather через gaussian blur по масці. Завдяки 400+ точкам на губах контур залишається плавним навіть при повороті голови на 60°.Тіні для повік
Gradient texture по повіці з урахуванням кривизни поверхні. Головна складність — при опусканні погляду повіка закривається, і тінь повинна деформуватися разом з нею. Без коректної деформації тінь «відшаровується» від шкіри. Наш алгоритм використовує 30 blendshapes тільки для області очей.Тональний крем / консилер
Не просто overlay — потрібен skin tone matching. Алгоритм аналізує пікселі шкіри поза зоною нанесення, визначає undertone (warm/cool/neutral) та коригує колір продукту під реальний тон. Без цього тональний крем виглядає маскою. Наша оптимізація дозволяє виконувати matching за 2-3 ms на сучасних пристроях.Live Camera vs Photo Mode
Для live preview через камеру — 30 fps minimum, інакше затримка робить примірку некомфортною. Perfect Corp SDK тримає 30 fps на iPhone X+, 25 fps на Android з Snapdragon 845+. На слабших Android-пристроях продуктивність деградує — плануйте fallback на photo mode.
Photo mode: користувач обирає фото з галереї, отримує статичний рендер макіяжу. Технічно простіше (немає вимог до realtime), результат точніший завдяки більшому часу на обробку.
Що входить у роботу
Ми надаємо повний цикл послуг:
- Аналіз вимог та вибір оптимального SDK під ваш бюджет і строки
- Інтеграція SDK в нативний додаток (iOS/Android) або кроссплатформний проєкт (Flutter/React Native)
- Розробка UI вибору продуктів із каталогу, налаштування ефектів, збереження та шерінг результату
- Тестування на 10+ пристроях (включаючи low-end Android)
- Документація з експлуатації та підтримки
- Допомога в проходженні модерації App Store та Google Play (враховуємо вимоги до AR-додатків, див. App Store Review Guidelines)
- Навчання вашої команди (від 1 до 5 осіб)
Гарантуємо відповідність вимогам платформ та якість інтеграції завдяки сертифікації Perfect Corp і великому досвіду.
Строки орієнтовно
| Етап | Тривалість |
|---|---|
| Підготовка, вибір SDK, прототип | 1-2 тижні |
| Інтеграція базових ефектів (помада, тіні, рум'яна) | 2-3 тижні |
| Каталог продуктів, UI, збереження/шерінг | 1-2 тижні |
| Тестування, багфікс, реліз | 1-2 тижні |
| Разом (з Perfect Corp або Banuba SDK) | 5-8 тижнів |
Кастомна реалізація на MediaPipe — від 12 тижнів. Вартість розраховується індивідуально, типовий проєкт від $15 000 до $60 000.
Які помилки ми часто зустрічаємо?
- Ігнорування деформації тіней при зміні виразу обличчя — ефект відшаровується
- Відсутність skin tone matching для тонального крему — маска замість макіяжу
- Вибір занадто складного SDK для простого проєкту: наприклад, MediaPipe для одного кольору помади — оверхед
- Економія на тестуванні: ефект чудово працює на флагманах, але падає на mid-range
- Публікація в стор без урахування вимог Section 5.1.1 App Tracking Transparency — ризик блокування
Зв'яжіться з нами для консультації: ми допоможемо обрати SDK, спланувати розробку та уникнути типових проблем. Оцінимо ваш проєкт за 2-3 дні.
Наш досвід: 7+ років на ринку мобільної розробки, 50+ AR-проєктів, сертифікація Perfect Corp та Banuba. Ми гарантуємо якість та дотримання строків. Замовте AR-примірку під ключ — отримайте готове рішення за 5-8 тижнів.