XR Model Viewer

Продукты · 2026

XR Model Viewer

Продукты / XR Model Viewer

О проекте

Наш веб-сервис для 3D-моделей: загрузить модель и открыть её в браузере, в шлеме, в очках XREAL или поставить в комнату через камеру телефона.

XR Model Viewer — собственный веб-сервис 8vision по адресу viewer.8vision.ru. В нём хранят 3D-модели по проектам и папкам и смотрят их в браузере. Ту же модель можно открыть в шлеме смешанной реальности, в очках XREAL или поставить на пол комнаты через камеру телефона.

Мы сделали приложение для браузера, режимы для шлема, очков и телефона, серверную часть и программу-мост для очков XREAL One Pro. Работа над сервисом продолжается.

Год

2026

Отрасль

Диджитал

Объём работ

Веб-сервис: хранилище 3D-моделей; просмотр в браузере, в шлеме (WebXR), в очках XREAL и в AR на телефоне; ссылки с QR-кодом

Площадка

viewer.8vision.ru

4
способа посмотреть модель: браузер, шлем, очки, телефон
7
инструментов на панели в шлеме
250 МБ
наибольший размер загружаемой модели

Задача

Нужна была веб-платформа, где 3D-модели хранятся в одном месте и открываются в браузере и в WebXR — на компьютере, в шлеме, на телефоне. Задачу мы ставили себе сами: это собственный продукт.

Что сделали

Хранилище моделей

Проекты с обложкой и описанием, вложенные папки, загрузка моделей в форматах GLB и glTF до 250 МБ, поиск и сортировка по имени, дате и размеру, перенос и удаление нескольких моделей сразу. Каждый видит только свои модели; регистрация — с подтверждением по почте.

Просмотр в браузере

Модель вращают мышью; есть автоповорот, каркасный режим, полный экран и снимок в PNG. Удачные ракурсы камеры сохраняются и открываются одним нажатием.

Окно просмотра XR Model Viewer в каркасном режиме: 3D-модель колёсной машины с пакетом пусковых контейнеров на белом фоне
Просмотр в браузере: каркасный режим

Шлем

Кнопка «XR» открывает модель в шлеме в режиме смешанной реальности: модель стоит на полу комнаты. На панели внутри шлема — семь инструментов: перемещение, поворот, полёт, рулетка для замеров, прогулка от первого лица, сброс и выход. Высоту, на которую поднята модель, набирают на цифровой клавиатуре прямо в шлеме.

Очки XREAL

Модель поворачивается вслед за головой; есть стереорежим и кнопка «Центр». Для очков XREAL One Pro мы написали программу XrealBridge для Windows: она читает датчики очков — около 970 замеров в секунду — и передаёт положение головы в браузер.

AR на телефоне

Кнопка «AR» открывает камеру телефона в обычном браузере. Модель ставят на пол касанием, двигают пальцем, масштабируют щипком и поворачивают двумя пальцами. Метр в модели — метр в комнате.

Ссылки для показа

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

Интерфейс

Как устроено

Приложение в браузере — Angular 18 и Three.js. Оно читает glTF и GLB, в том числе сжатые (Draco, Meshopt, KTX2); загруженные модели хранятся в кэше браузера и второй раз не скачиваются.

Шлем — WebXR в режиме смешанной реальности с привязкой к полу; панель инструментов нарисована прямо в 3D-сцене.

Телефон — движок 8th Wall, он работает с нашего сервера.

Очки XREAL One Pro — через программу XrealBridge (C#, .NET 9): она по USB получает данные датчиков и раздаёт положение головы по WebSocket.

Сервер — Go и SQLite. В июне 2026 года мы переписали его с Django на Go, не меняя приложения в браузере.

Результат

С 23 июня 2026 года сервис работает по адресу viewer.8vision.ru. 28 июня 2026 года в нём появились ссылки с QR-кодом и сохранённые ракурсы.

Похожие проекты

Все проекты