AR для показа моделей клиенту: три способа без разработки

Заказчик смотрит на рендер и не понимает масштаб. Просмотр модели в дополненной реальности снимает этот вопрос за минуту. Клиент не может представить, как кресло встанет в его комнате. Показ модели в дополненной реальности снимает оба вопроса за минуту, и для этого не нужно разрабатывать приложение.

Дальше три рабочих способа, чем они отличаются, как подготовить модель и где у каждого предел.

Зачем это нужно на практике

Задачи, которые решаются именно так.

Показ масштаба. На рендере предмет может выглядеть любого размера. В реальном окружении он сразу занимает своё место.

Примерка в интерьер. Мебель, техника, декор в реальной комнате клиента.

Согласование на объекте. Показать заказчику, как будет выглядеть конструкция, стоя прямо на месте установки.

Портфолио. Возможность посмотреть вашу модель со всех сторон на своём столе впечатляет сильнее галереи рендеров.

Общее у всех: это инструмент коммуникации, а не производства. Задача не сделать красиво, а снять непонимание.

Способ первый: просмотр по ссылке

Самый быстрый путь, требующий только файла.

Современные телефоны умеют открывать трёхмерные модели стандартных форматов и ставить их в реальность средствами системы. Приложение не нужно, достаточно ссылки.

Что для этого требуется: модель в поддерживаемом формате, выложенная так, чтобы телефон мог её скачать.

Ограничение, которое надо знать: разные системы предпочитают разные форматы, и универсального одного нет. На практике готовят два варианта.

Кому подходит: для быстрого показа одной модели без всякой подготовки. Отправили ссылку, человек открыл.

Чего не даёт: настройки сцены, окружения, интерактива.

Способ второй: страница с просмотрщиком

Вариант чуть сложнее и заметно гибче.

На веб-страницу встраивается компонент, показывающий модель. Он же предлагает кнопку перехода в дополненную реальность на телефоне.

Что это даёт. Модель крутится прямо на странице, в браузере, без скачивания. Можно задать окружение, освещение, начальный ракурс. Можно добавить подписи и переключение вариантов.

Технически это несколько строк разметки и файл модели. Разработкой это назвать сложно.

Кому подходит: для сайта-портфолио, каталога, страницы товара.

Ограничение: вес модели. Страница должна открываться быстро, а тяжёлая модель этому мешает.

Способ третий: готовые платформы

Путь для тех, кому нужен результат без возни с файлами.

Существуют сервисы, куда модель загружается, а взамен выдаётся ссылка на просмотр с поддержкой дополненной реальности.

Что дают сверх просмотра. Автоматическая оптимизация под телефон. Настройка материалов и света в браузере. Статистика просмотров. Защита от скачивания, если это важно.

Чем платят: подпиской и зависимостью от сервиса. Ссылка перестанет работать, если сервис закроется или тариф закончится.

Кому подходит: при потоке моделей и регулярном показе клиентам.

Подготовка модели

Общая для всех трёх способов.

Реальный масштаб. Критично. Модель в неверных единицах встанет в комнату размером с дом или с монету.

Опорная точка внизу. Предмет должен стоять на поверхности, а не висеть над ней или тонуть в ней.

Правильная ориентация. Верх должен быть вверху.

Разумный вес. Телефон не потянет модель с миллионами полигонов и картами высокого разрешения.

Один материал по возможности. Несколько материалов увеличивают нагрузку.

Первые три пункта проверяются за минуту и решают большую часть проблем при показе.

Сколько полигонов и текстур

Практические ориентиры.

Телефон это ограниченное устройство, и модель для него готовится как игровой ассет, а не как модель для рендера.

Геометрию упрощают, детали переносят в карты нормалей. Текстуры сжимают и уменьшают до разумного разрешения.

Отдельно важен вес файла целиком: он скачивается по мобильной связи, и десятки мегабайт означают, что до просмотра дело не дойдёт.

Приёмы упрощения те же, что для игр, и разобраны в материале про оптимизацию ассетов.

Материалы и освещение

Сторона, определяющая, как модель впишется в реальность.

Материалы должны быть физически корректными: базовый цвет, шероховатость, металличность. Процедурные материалы не переносятся, их надо запечь в карты.

Освещение берётся из окружения: система оценивает реальный свет по камере и подсвечивает модель соответственно. Ваши источники света в сцене не переносятся.

Отсюда практическое следствие: модель, настроенная под конкретное студийное освещение, в реальности будет выглядеть иначе. Проверять надо в разных условиях.

Тень под объектом обычно добавляется системой автоматически, и она же продаёт ощущение присутствия сильнее всего.

Что работает плохо

Честные ограничения технологии.

Прозрачность и стекло. Считаются упрощённо, выглядят неубедительно.

Отражения. Модель не отражает реальное окружение точно, и полированный металл выглядит чужеродно.

Мелкие детали. Теряются при упрощении и на экране телефона.

Крупные объекты. Здание или автомобиль не помещаются в комнату, и показать их в масштабе один к одному негде.

Анимация. Поддерживается не везде и не всегда стабильно.

Точное позиционирование. Объект ставится примерно, а не миллиметрово.

Освещение комнаты и качество

Фактор, который зависит не от вас.

Система определяет плоскости и освещение по камере. В темноте, на однотонном полу, на блестящей поверхности это работает плохо.

Симптомы: объект не встаёт, съезжает, дрожит, проваливается сквозь пол.

Что советовать клиенту: хорошо освещённое помещение, пол с фактурой, медленное движение телефоном при первом сканировании.

Это стоит сказать заранее одной строкой, иначе первый неудачный опыт закроет вопрос.

Как это подать заказчику

Практическая сторона, которая определяет эффект.

Ссылка должна открываться в один клик, без установки приложений и регистрации.

Сопроводить одной строкой: что открыть и что нажать. Без этого половина людей не найдёт кнопку.

Приложить обычные рендеры рядом: дополненная реальность это дополнение, а не замена. Качество картинки там заведомо ниже.

И честно сказать про ограничения: что материалы упрощены, а мелкие детали убраны ради скорости.

Варианты и конфигуратор

Следующий шаг после простого показа.

Частая задача: показать не одну модель, а несколько исполнений. Другой цвет, другая обивка, другой размер.

Простейшее решение: несколько ссылок, по одной на вариант. Работает, но неудобно.

Решение получше: одна модель с переключением материалов на странице просмотрщика. Геометрия одна, меняются только карты, и вес остаётся прежним.

Что для этого нужно: материалы, сделанные так, чтобы цвет менялся параметром, а не отдельной текстурой. Тогда вариантов может быть сколько угодно без роста веса.

Для каталога товаров это заметно выгоднее, чем отдельная модель на каждое исполнение.

Проверка перед отправкой

Короткий список, который стоит пройти самому.

Открыть ссылку на телефоне, а не только на компьютере. Поставить модель в реальную комнату и посмотреть на масштаб рядом со знакомым предметом. Обойти вокруг: не видно ли дыр в геометрии с обратной стороны. Проверить, стоит ли модель на полу, а не парит и не утоплена. Посмотреть при разном освещении: у окна и в глубине комнаты.

Отдельно: проверить на устройстве другой системы, если есть возможность. Поведение различается.

Эта проверка занимает пять минут и ловит всё, что обычно всплывает у клиента.

Общие требования к модели те же, что для веба, и они разобраны в материале про 3D для веба.

Где это даёт больше всего

Задачи с максимальной отдачей.

Мебель и предметы интерьера: примерка в реальную комнату снимает главное возражение покупателя.

Оборудование и техника: понимание габаритов до покупки.

Выставочные конструкции и стенды: показ на месте установки.

Обучение и презентации: модель, которую можно обойти, объясняет устройство лучше схемы.

Портфолио предметного визуализатора: возможность потрогать работу выделяет среди галерей картинок.

Чем это отличается от VR

Различение, которое стоит держать в голове при разговоре с заказчиком.

Дополненная реальность накладывает модель на реальное окружение через камеру телефона. Ничего дополнительного не нужно, порог входа нулевой.

Виртуальная реальность помещает человека в целиком созданное окружение и требует шлема. Порог высокий, зато погружение полное.

Для показа отдельного предмета клиенту первое почти всегда лучше: он достаёт телефон и видит результат за минуту.

Второе имеет смысл для пространств: интерьер, здание, помещение, которое надо обойти изнутри. Там телефон не даёт нужного ощущения.

Разработка под шлемы это отдельная работа, разобранная в материале про XR-разработку в UE5.

Как это делается по порядку

Сводка по шагам.

Седьмой пункт пропускают чаще всего, и именно он ловит все проблемы с масштабом и ориентацией. Когда заказчику нужен предмет в руках, а не картинка на экране, модель уходит в печать, и там свои правила: ABS коробится и трескается, если печатать его как PLA.

Частые вопросы