Что такое AR-просмотрщик?
Загрузите 3D-модель (GLB/GLTF) и разместите её в комнате с помощью камеры устройства и WebXR. Масштабируйте, вращайте и перемещайте объект, чтобы увидеть, как мебель или другие предметы смотрятся в вашем реальном пространстве.
Просмотрщик загружает файлы GLB и GLTF размером примерно до 20 МБ и работает полностью на вашем устройстве через WebXR. На Android доступно полноценное распознавание поверхностей (ARCore); на iOS дело берёт на себя AR Quick Look. Без совместимого устройства страница остаётся 3D-просмотрщиком с орбитальным управлением, каркасным режимом для проверки топологии, панелью статистики с количеством вершин и полигонов, а также встроенным воспроизведением любых анимационных клипов, встроенных в модель.
Как использовать
- Загрузите файл 3D-модели в формате GLB или GLTF либо выберите один из встроенных демонстрационных объектов.
- Нажмите «Запустить AR», чтобы активировать камеру и отсканировать окружение, затем коснитесь поверхности для размещения модели.
- Щипком масштабируйте, поворотом вращайте, перетаскиванием перемещайте объект. Сделайте снимок экрана, чтобы сохранить AR-вид.
Когда использовать
- Проверить, поместится ли диван, стол или стеллаж в комнату до покупки.
- Показать клиенту рендер продукта в реальном масштабе на встрече или выезде.
- Просмотреть 3D-персонажа или скульптуру в натуральную величину перед печатью.
Результат
Вы выбираете стол в интернет-магазине и скачали 3D-модель от производителя. Загрузите её в AR Viewer, направьте камеру на угол кабинета и разместите виртуальный стол, чтобы понять, помещается ли он и подходит ли к интерьеру.
Частые вопросы
- Почему на моём телефоне кнопка «Запустить AR» пишет «Не поддерживается»?
- Для WebXR нужны ARCore (Android) или AR Quick Look (iOS) и свежий Chrome или Safari. Старые телефоны, настольные браузеры и встроенные браузеры приложений (Instagram, Facebook) блокируют API камеры, и страница откатывается к обычному 3D-режиму.
- В каком масштабе модель ставится, когда я нажимаю по поверхности?
- Используются собственные единицы GLB-файла, по соглашению это метры. Стул в 1,0 единицы становится стулом высотой один метр в вашей комнате. Если он выглядит крошечным или гигантским, модель экспортирована в сантиметрах или дюймах — пересчитайте масштаб в Blender.
- Можно ли сохранить AR-вид как фото?
- Да. Кнопка скриншота сохраняет текущий кадр (модель плюс изображение с камеры) в загрузки. На iOS открывается системное меню «Поделиться», там можно выбрать «Сохранить в Фото».
- Загруженные файлы уходят на сервер?
- Нет. GLB разбирается локально через three.js, а поток с камеры не покидает устройство. Закрыли вкладку — модель сброшена. Нет учётной записи, нет очереди загрузок, после сессии ничего не сохраняется.
- Чем GLB отличается от GLTF?
- GLTF — это JSON, который ссылается на отдельные текстуры и бинарные буферы. GLB упаковывает те же данные в один бинарник, его удобнее пересылать. Оба формата читаются здесь, но GLB надёжнее: вы не потеряете внешнюю текстуру.
Похожие инструменты
3D-макет коробки/упаковки
Просмотр дизайна упаковки в 3D
3D-диаграмма рассеяния
Визуализация точек данных в трёхмерном пространстве
3D-просмотрщик рельефа
Визуализация карт высот в виде 3D-рельефа
3D-витрина Товаров
Вращайте и рассматривайте товары в интерактивном 3D
Создание 3D-текста
Создавайте объёмный 3D-текст с уникальными стилями
Площадка WebGL-шейдеров
Пишите и просматривайте GLSL-шейдеры в реальном времени