Просмотр 3D-моделей (AR, дополненная реальность, шоурум)

Что умеет решение

Модуль обеспечивает интерактивный просмотр 3D-моделей форматов GLB и glTF на страницах сайта 1С-Битрикс. Функционал включает поддержку дополненной реальности на мобильных устройствах, создание галерей моделей, интеграцию с товарами инфоблоков, генерацию QR-кода для запуска AR, сбор статистики и настройку визуального стиля.

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

Решение эффективно для интернет-магазинов и каталогов мебели, одежды, техники, декора, промышленного оборудования, сувениров, объектов недвижимости, а также образовательных проектов, где требуется наглядная демонстрация товара.

Ключевые возможности:

- Отображение моделей GLB и glTF непосредственно на веб-странице.

- Поддержка AR на мобильных платформах.

- Автоматическая генерация отдельного файла USDZ для просмотра через Quick Look на iOS.

- Управление камерой: вращение, масштабирование, перемещение и автоматический поворот модели.

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

- Рендеринг контактной тени под объектом с регулировкой мягкости.

Модуль просмотра 3D-моделей с поддержкой дополненной реальности и виртуального шоурума. Позволяет настраивать окружение, HDR-освещение, экспозицию и тон-маппинг. Реализован полноэкранный режим с отдельной кнопкой управления, а также функция создания скриншотов текущего вида модели. Доступна галерея с несколькими моделями и превью. Поддерживается интеграция торговых предложений с автоматической сменой модели при выборе SKU. Для мобильных устройств предусмотрена кнопка «Смотреть в AR» с QR-кодом, а также AR-баннеры Quick Look для iPhone и iPad. Решение совместимо со строгой политикой безопасности контента (CSP) без использования inline-скриптов. Включена SEO-разметка schema.org/3DModel. Система собирает статистику просмотров, открытий AR, сканирования QR-кодов, полноэкранного режима и взаимодействий. Архитектура поддерживает многосайтовость с возможностью настройки общих параметров и индивидуальных настроек для каждого сайта.

Компоненты

Просмотр 3D-модели

Базовый компонент для отображения одной модели по прямому пути к файлу.

Галерея 3D-моделей

Компонент для отображения коллекции моделей с возможностью переключения и просмотра превью.

3D-модель из инфоблока

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

Кнопка «Смотреть в AR» (с QR для ПК)

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

Кнопка «Смотреть в AR» из инфоблока

Модуль добавляет кнопку AR для просмотра 3D-моделей, привязанных к элементам инфоблоков. Решение подходит интернет-магазинам с объемными товарами, каталогам мебели, техники и декора, производителям для демонстрации продукции и студиям, создающим сайты с 3D-презентациями. Также инструмент востребован в образовательных и демонстрационных проектах.

Модуль работает в многосайтовых средах 1С-Битрикс. Администратор может настроить общие параметры для всех сайтов или задать индивидуальные значения для конкретного ресурса. На публичной части компоненты автоматически применяют настройки текущего SITE_ID. При отсутствии индивидуальных параметров сайт наследует глобальные значения.

Система собирает статистику взаимодействия с 3D-моделями: просмотры, запуск AR, открытие QR-окна, переход в полноэкранный режим и действия с моделью. В административном разделе доступна сводка по событиям, платформам, популярным моделям и последним действиям пользователей.

Модуль поддерживает альтернативный текст для 3D-модели, постер для браузеров без JavaScript и опциональную микроразметку schema.org/3DModel. Это обеспечивает корректное отображение страницы в поисковых системах, браузерах без поддержки скриптов и для пользователей вспомогательных технологий.

Настройки модуля находятся в разделе «Сервисы → Просмотр 3D-моделей».

Дополнительные параметры доступны в разделе «Настройки → Настройки продукта → Настройки модулей → Просмотр 3D-моделей».

General iT поможет установить модуль, настроить его и проверить работу на твоём сайте.