Как работает AR-примерка мебели на смартфоне
Покупатель наводит телефон на комнату — и диван «встаёт» на пол в реальных размерах. Разберём, что для этого нужно на самом деле: ни приложения, ни Unity, ни отдельного сайта с 3D-рендером.
Один файл модели — три способа показать
В основе лежит glTF-модель (.glb) — открытый формат веб-3D, который весит 1–5 МБ вместо десятков мегабайт «родных» форматов. Из одного .glb наш конвейер автоматически получает всё, что нужно для примерки на любой платформе:
| Платформа | Технология | Что делает покупатель |
|---|---|---|
| iPhone / iPad | AR Quick Look (Apple) | Нажимает «Посмотреть в интерьере» — открывается системный экран камеры, мебель стоит в комнате |
| Android | Scene Viewer (Google) | То же самое: ссылка с меткой ar запускает встроенный просмотрщик камеры |
| Компьютер | WebGL / model-viewer | Крутит модель мышью прямо на странице, может открыть на весь экран |
Quick Look работает через файл USDZ (формат Apple), Scene Viewer — через GLB или VRM. USDZ генерируется из GLB автоматически — владельцу каталога не нужно ничем «заниматься отдельно».
Что происходит «под капотом» за две секунды
- Загрузка. Страница товара подгружает модель (1–5 МБ — быстрее фотографии в высоком качестве) и показывает постер, пока она кэшируется.
- Поиск поверхности. Камера сканирует пол: смартфоны строят его плоскость по SLAM-данным сенсоров. Ничего «распознавать» по маркеру не нужно — маркеров нет.
- Привязка к масштабу 1:1. Модель имеет реальные габариты в метрах: диван 1807 мм — это 1807 мм в комнате. Ошибка «на глаз купили, не влез» исчезает.
- Окружение. Тень под моделью и оценка освещения делают встроенные средства ОС — не «красивый рендер на сервере», а локально на телефоне.
- Действия. Покупатель может обойти мебель кругом, сесть «внутрь» вида, сменить цвет или размер прямо в AR — и отправить скриншот тому, кто принимает решение.
Почему не нужно приложение
Раньше «примерку» делали отдельными APK/IPA — и никто их не ставил. Сейчас Apple и Google встроили просмотрщики в операционные системы: достаточно одной HTTPS-ссылки. Отсюда побочный эффект для продаж: ссылку на карточку можно слать в WhatsApp и Telegram — клиент примерит у себя дома, не переходя ни в какое приложение.
Когда вместо AR показывается 3D
Технические причины, по которым AR может не запуститься: браузер в приватном режиме блокирует камеру, страница открыта не по HTTPS, на очень старых iOS — Quick Look появился только в iOS 12. Все эти случаи закрываются 3D-фолбэком.
Что нужно от вашего сайта
- Ничего — если используются наши AR-страницы товара: они живут на нашей инфраструктуре, к ним просто ставится ссылка из вашего каталога или QR на ценнике.
- Одна строка тега — если встраиваем виджет в существующие карточки (Tilda, Битрикс, WordPress).
- Ноль — на маркетплейсах: там тот же GLB работает как источник 360°-видео для карточек WB/Ozon.
Минимальные требования к модели
Чтобы примерка «селась» с первого раза, модель должна быть: в glTF 2.0 (GLB), с корректным масштабом (метрика, ось Y вверх), с привязкой «ножки к полу» (иначе мебель «парит»), и весить в разумных пределах. Наш конвейер проверяет всё это автоматически — но если вы делаете модели сами, это тот чек-лист, по которому стоит пройтись.
Попробуйте на своих изделиях
Присылайте эскизы или фото — за 5–7 рабочих дней соберём пилот: до 5 изделий с AR-страницами, бесплатно.