AR с несколькими объектами
Платформа Аризо предлагает разные способы встроить на сайт 3D- и AR- просмотр объекта. В этой статье расскажем об одном из вариантов интеграции — AR с несколькими объектами.
Что такое AR с несколькими объектами
AR с несколькими объектами позволяет примерять в дополненной реальности несколько объектов сразу.
В этом режиме можно:
В этом режиме можно:
- Ставить объекты на любую поверхность: пол, стены и потолок.
- Менять цвет объектов во время просмотра.
- Добавлять несколько копий одного объекта.
Например, вы можете разместить в пространстве два кресла разных цветов и повесить на стене над ними картину.
К выбору доступны все объекты, загруженные вами на платформу.
Это уникальная технология Аризо: в других AR-сервисах можно примерить только один объект.
Это уникальная технология Аризо: в других AR-сервисах можно примерить только один объект.
Как работает примерка нескольких объектов
Вы можете установить ссылку на AR-просмотр на любой элемент на сайте: кнопку, изображение или иконку. Например, на кнопку «Примерить в интерьере» в карточке товара.
- Вы нажимаете кнопку «Примерить в интерьере» на странице объекта, чтобы запустить AR-просмотр этого объекта.
- Размещаете объект в пространстве и нажимаете кнопку «+»
- Выбираете еще один объект в каталоге.
- Устанавливаете второй объект в подходящем месте.
AR с несколькими объектами работает на всех устройствах iOS и на большинстве устройств Android.
Кому подойдет этот вариант интеграции
AR с несколькими объектами удобен, если вы:
- Продаете товары из разных категорий, например мебель, декор и светильники. Ваши клиенты смогут примерить несколько предметов сразу и увидеть, как они сочетаются в интерьере.
- Предлагаете комплекты и наборы товаров, например мебель для спальни или кухонные гарнитуры. Этот тип интеграции позволяет показать, как товары смотрятся вместе.
- Занимаетесь дизайном интерьеров. Ваш заказчик сможет поэкспериментировать с расстановкой объектов в пространстве.
Как добавить на сайт
1. На вашем сайте перед тегом </header> или внутри <head> добавьте этот скрипт:
<script type="module" src="https://viewer.vizbl.com/app_button/script.js" async defer></script>
<script>
window.onload = function() {
window.vizbl.initAppButton('vizbl_app_button')
}
</script>2. Добавьте ссылку или кнопку на страницу, по нажатию на которую будет открываться AR-примерка:
<button
rel="ar"
type="button"
class="vizbl_app_button"
data-object-tinuuid="example-tinuuid-12345"
data-object-hid="example-hid-67890"
data-native-link="#"
>
<img style="display: none" />
</button>example-tinuuid-12345 — код вашей модели. Чтобы его получить, в списке объектов у любой из них нажмите на кнопку копирования. В появившемся списке нажмите на ту же иконку напротив ID вашего объекта.
example-hid-67890 — цвет объекта. Указывать HID не обязательно — можно оставить его пустым или удалить из строки на сайте.
example-hid-67890 — цвет объекта. Указывать HID не обязательно — можно оставить его пустым или удалить из строки на сайте.
Настроенный элемент может выглядеть так:
<button rel="ar" type="button" class="vizbl_app_button" data-object-tinuuid="K7CCtKS9Qaer7fQW-6IN1Q" data-object-hid=" " data-native-link="#">
<img style="display: none" />
</button>