Разработка AR-примерки косметики: виртуальный макияж под ключ

Разработка AR-примерки косметики: виртуальный макияж под ключ

Виртуальный макияж — технически самый требовательный сценарий face AR. Помада должна точно повторять контур губ, тени — ложиться на складки век, а тональный крем — смешиваться с реальным тоном кожи. Пользователь моментально замечает, если граница «плывёт» при повороте головы на 20°. Именно поэтому большинство производителей косметики не пишут этот стек самостоятельно — они обращаются к нам для интеграции специализированного SDK. Мы сделали уже 15+ проектов по AR-примерке для косметических брендов.

Почему ARKit/ARCore недостаточно для косметики

ARKit ARFaceAnchor даёт 1220-точечную сетку лица (geometry.vertices) и blendshapes (blendShapes) для выражений. Этого достаточно для масок и AR-фильтров. Для помады — уже нет: контур губ в ARKit face mesh — это ~80 точек, что при рендеринге даёт угловатую геометрию, особенно заметную на тонких губах.

Специализированные SDK работают с 400-900 точками только для губ, отдельно трекают верхнее и нижнее веко, переносицу, область щёк. Это даёт реалистичность, которую не добиться стандартными средствами.

Как выбрать SDK: сравнение популярных решений

Perfect Corp YouCam SDK — индустриальный стандарт. Собственная ML-модель face mesh, 120+ эффектов из коробки. Нативный SDK для iOS (Swift/ObjC) и Android (Kotlin/Java). Мы сертифицированы как интегратор Perfect Corp, что даёт доступ к премиум-эффектам.

Banuba Face AR SDK — гибкая альтернатива с возможностью кастомизации эффектов через Banuba Effect Player. Позволяет самостоятельно создавать эффекты в редакторе. Поддерживает iOS, Android, Web. Enterprise-лицензия даёт полный доступ.

Кастомная реализация через MediaPipe Face Mesh: 468 точек, работает на iOS и Android через MediaPipe Tasks. Бесплатно, open source. Потребует разработки собственного рендерера для наложения косметики — это 3-5 месяцев работы и значительно уступает специализированным SDK по реалистичности. Но подходит для бюджетных проектов.

Как мы делаем реалистичный рендеринг?

Помада. 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 человек)

Сроки ориентировочно

Кастомная реализация на MediaPipe — от 12 недель. Стоимость рассчитывается индивидуально.

Какие ошибки мы часто встречаем?

• Игнорирование деформации теней при смене выражения лица — эффект отслаивается
• Отсутствие 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 недель.

Мы разрабатываем 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. Входит в нашу стандартную поставку.

Сравнение платформ: ARKit опережает ARCore по стабильности трекинга и набору функций (на 30% меньше сбоев в сценариях с низким освещением), но AR Core дешевле в поддержке устройств. 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 (Banuba Face AR SDK documentation) — покрывает оба устройства, даёт готовые маски и стабильный трекинг даже на 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-идею.