Как устроен объёмный 3D-тур

3D-тур с глубиной — не панорама, а настоящая глубина сцены

Глубина в таком туре не нарисована поверх фотографии. Она берётся из 3D-геометрии сцены: 360°-панорамы проецируются на модель, и при движении изображение остаётся на своих поверхностях. Разбираем, как это устроено, что нужно на входе и где у технологии границы.

3D

Геометрия сцены, а не набор плоских фото

360°

Панорамы проецируются на модель

A→B

Плавный проезд между точками обзора

↗

Вид на модель снаружи

Кратко

Что такое 3D-тур с глубиной

3D-тур с глубиной — виртуальный тур, в котором 360°-панорамы проецируются на 3D-геометрию сцены. Геометрия даёт пространству объём, панорамы — фотореалистичное изображение. Посетитель осматривается в точках обзора, плавно проезжает между ними и может посмотреть на модель снаружи. Для посетителя это и есть объёмный 3D-тур.

  • Что на входе3D-модель сцены и 360°-панорамы, привязанные к точкам обзора.
  • Откуда глубинаИз геометрии модели, на которую ложится изображение панорам.
  • Чем не являетсяНе эффектом поверх одной панорамы: без 3D-модели глубины нет.

Принцип

Откуда берётся глубина: панорамы на 3D-геометрии

Обычная 360°-панорама показывается на сфере вокруг зрителя — как будто все предметы нарисованы на одной стене на одинаковом расстоянии. Пока зритель стоит на месте, это незаметно. Стоит сдвинуться — и иллюзия пропадает: у сферы нет ни ближних, ни дальних предметов.

В 3D-туре с глубиной панорама ложится не на сферу, а на модель помещения. Каждая точка поверхности модели получает цвет из панорамы по направлению от центра панорамы к этой точке. Пока камера стоит в точке съёмки, картинка совпадает с исходной панорамой один в один. Когда камера сдвигается, изображение остаётся на своих стенах, полу и мебели — и глубину даёт сама геометрия.

Поэтому качество изображения определяет панорама, а ощущение пространства — модель. Ни одно из них не заменяет другое.

Что видит посетитель

3D-тур с эффектом объёма

Эффект объёма появляется за счёт 3D-геометрии, а не за счёт обработки изображения.

Параллакс при движении

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

Перекрытие предметов

Колонна, шкаф или стена закрывают то, что за ними, — как в настоящем помещении. Точки обзора, скрытые за стеной, не выбираются кликом.

Масштаб и пропорции

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

Переходы

Как устроен переход между точками

3D-тур с глубиной сцены и плавными переходами: вместо смены картинки — проезд через пространство модели.

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

Обзор

Вид снаружи

Раз в туре есть модель, на неё можно посмотреть со стороны. Из любой точки обзора камера за секунду поднимается по прямой и показывает модель сверху под углом, сохраняя направление, в котором посетитель смотрел. Обратно — тем же путём.

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

Классификация

Три класса виртуальных туров

Слово «3D» в виртуальных турах обозначает разные технологии. Вот чем они отличаются технически.

Панорамный тур

Набор 360°-фотографий. Каждая панорама — картинка на сфере вокруг зрителя, глубины в ней нет. Переход в другую точку — смена одной сферы на другую.

3D в реальном времени

Браузер сам рисует модель с материалами и освещением. Глубина есть, но картинка зависит от упрощённых материалов и видеокарты посетителя.

3D-тур с глубиной

Геометрия сцены плюс готовые 360°-панорамы. Изображение берётся из панорам, а геометрия даёт глубину, перекрытия и плавные переходы между точками.

Сравнение форматов для выбора под задачу — на странице режима 3D-прогулки.

Исходники

Требования к исходникам

3D-модель сцены

Форматы FBX, GLB или GLTF, а также ZIP-архив или пакет .vpano. Размер одного файла — до 2 ГБ.

Точки обзора в модели

Каждая точка обзора задаётся именованным объектом-маркером (panorama_1, panorama_2 …). По нему тур знает, где стоит камера.

360°-панорама на каждую точку

Панорама должна быть снята или отрендерена ровно из позиции маркера. Если центр панорамы и маркер расходятся, изображение ляжет на геометрию со сдвигом.

Как подготовить сцену и собрать тур из ваших рендеров · пошагово в документации: импорт 3D-модели.

Глоссарий

Термины

3D-тур с глубиной
Виртуальный тур, в котором 360°-панорамы проецируются на 3D-геометрию сцены.
Режим 3D-прогулки
Перемещение посетителя по точкам обзора с плавным проездом через пространство модели.
Panorama-маркер
Объект в 3D-сцене, который задаёт положение точки обзора и её панорамы.
GLB / FBX
Форматы 3D-моделей, из которых берётся геометрия сцены.
Equirectangular-панорама
Развёртка 360°-изображения в прямоугольник 2:1 — стандартный формат панорам.

Все определения — в глоссарии виртуальных туров.

Честно

Ограничения технологии

  • !Глубина есть только там, где есть геометрия. Тур без 3D-модели показывает панорамы классически — на сфере, без параллакса.
  • !Посетитель перемещается между точками обзора, которые задал автор тура, а не в произвольное место сцены.
  • !Качество объёма зависит от того, насколько модель совпадает с панорамами. Предметы, которых нет в модели, при проезде могут выглядеть искажёнными.
  • !Участки, которые не видны ни из одной точки съёмки, во время проезда могут выглядеть растянутыми. В сложных помещениях точки обзора лучше ставить чаще.
  • !Размер одного загружаемого файла модели — до 2 ГБ.

FAQ

Технические вопросы

Чем 3D-тур с глубиной отличается от панорамного тура?

В панорамном туре каждая 360°-фотография лежит на сфере вокруг зрителя, поэтому при переходе одна картинка просто сменяет другую. В 3D-туре с глубиной те же панорамы проецируются на 3D-геометрию сцены: при движении появляется параллакс, предметы перекрывают друг друга, а переход между точками — это проезд через пространство модели.

Откуда берётся глубина, если панорама плоская?

Из 3D-модели. Каждая точка поверхности модели получает цвет из панорамы по направлению от центра панорамы к этой точке. Пока камера стоит в точке съёмки, изображение совпадает с исходной панорамой. Когда камера сдвигается, изображение остаётся на своих поверхностях — и глубину даёт геометрия.

Как устроен переход между точками обзора?

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

Можно ли попасть в любое место сцены?

Нет. Посетитель перемещается между точками обзора, которые задал автор тура. В каждой точке есть полная 360°-панорама, а между точками — плавный проезд. Дополнительно можно выйти в вид снаружи и посмотреть на модель целиком.

Что будет, если загрузить тур без 3D-модели?

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

Какие файлы нужны для 3D-тура с глубиной?

3D-модель в формате FBX, GLB или GLTF (также ZIP-архив или пакет .vpano) размером до 2 ГБ на файл, маркеры точек обзора в модели и 360°-панорама для каждой точки, снятая или отрендеренная из позиции маркера.

Где это применяется

Где 3D-тур с глубиной даёт результат — в недвижимости, у застройщиков, в отелях и шоурумах, — рассказываем на странице объёмный 3D-тур. Если объект уже построен и снят 360°-камерой, без 3D-модели, подойдёт 360°-тур из фото-панорам. Готовый тур можно разместить на своём сервере — подробнее про ZIP-экспорт.

Создайте первый 3D-тур с глубиной

Загрузите модель и панорамы — и посмотрите, как сцена обретает объём. Что входит в каждый тариф, указано на странице тарифов.