Что такое Просмотр 360° изображений?
Интерактивный просмотрщик 360-градусных эквиректангулярных панорамных изображений. Загрузите панорамное фото и исследуйте его, кликая и перетаскивая для обзора, прокручивая для масштабирования — полное сферическое окружение.
Просмотрщик собран на Three.js: ваша эквидистантная (equirectangular) панорама в JPEG или PNG проецируется на внутреннюю поверхность сферы, камера помещается в центр. Перетаскивайте для обзора, крутите колесо или щипайте для смены угла обзора, включайте автоповорот (со скоростью «Медленно / Обычно / Быстро») для тура без рук и сохраняйте кадр в PNG или JPG.
Как использовать
- Загрузите эквиректангулярное панорамное изображение (JPEG или PNG) со своего устройства или воспользуйтесь встроенным примером панорамы.
- Нажмите и перетащите, чтобы осмотреться в 360-градусной сцене. Используйте прокрутку или жест щипка для масштабирования.
- Включите автовращение для просмотра без помощи рук или сделайте скриншот текущего вида для скачивания.
Когда использовать
- Изучить 360-фото объявления о недвижимости перед записью на показ.
- Предпросмотр панорамы с дрона или зеркалки перед публикацией на Google Картах или Facebook.
- Поделиться виртуальным туром по музею, площадке или съёмочной площадке с коллегами в офлайне.
Результат
Фотограф недвижимости загружает 360-градусную панораму гостиной и делится ссылкой на просмотрщик, чтобы потенциальные покупатели могли интерактивно исследовать пространство.
Частые вопросы
- Что такое equirectangular-изображение и как понять, что у меня именно оно?
- Equirectangular-снимки имеют соотношение 2:1 (часто 4096×2048) и выглядят растянутыми: верхний край соответствует небу, нижний — земле. Большинство 360-камер и панорамных приложений по умолчанию экспортируют именно в этот формат.
- Изображение загружается, но в центре всё искажено или виден шов. В чём дело?
- Искажение обычно означает, что файл не настоящая equirectangular-проекция, а, например, цилиндрическая или «маленькая планета». Перепроецируйте в PTGui или Hugin. Швы появляются из-за недостаточного перекрытия при съёмке — пересобирайте панораму из исходных кадров.
- Можно ли смотреть стереоскопические 3D- или VR-панорамы?
- Нет. Просмотрщик рисует моно-сферу 360, поэтому панорамы формата over-under или side-by-side будут видны как сдвоенные. Для VR нужен шлем и плеер, разделяющий глаза, например SKYBOX или DeoVR.
- Можно ли скрыть элементы управления при автоповороте для чистой демонстрации?
- Да. Нажмите кнопку полного экрана на панели — панорама развернётся на весь экран, а элементы управления останутся внизу, так что автоповорот, зум, снимок и сброс вида всегда под рукой. У автоповорота также есть пресеты скорости «Медленно», «Обычно» и «Быстро» рядом с переключателем — выберите плавный дрейф для презентации или быстрый оборот для предпросмотра.
- Загружается ли моя панорама на сервер?
- Нет. Файл сразу попадает в Three.js как текстура в памяти и не покидает страницу. Скриншоты делаются локальным чтением пикселей канваса.
Похожие инструменты
3D-макет коробки/упаковки
Просмотр дизайна упаковки в 3D
3D-диаграмма рассеяния
Визуализация точек данных в трёхмерном пространстве
3D-просмотрщик рельефа
Визуализация карт высот в виде 3D-рельефа
3D-витрина Товаров
Вращайте и рассматривайте товары в интерактивном 3D
Создание 3D-текста
Создавайте объёмный 3D-текст с уникальными стилями
Площадка WebGL-шейдеров
Пишите и просматривайте GLSL-шейдеры в реальном времени