Виртуальные туры и 3D панорамы

Создание виртуального тура в программе Pano2vr

Вот мы и подошли к финальному уроку по созданию 3D экскурсии. В этой статье мы рассмотрим процесс разработки виртуального тура в программе Pano2VR Pro. Это одно из самых популярных и продвинутых приложений для разработки 3D туров.

Pano2VR

Для работы нам понадобятся готовые панорамные снимки в эквидистантной проекции. Их мы получили в результате панорамной фотосъемки и склейки фотографий в программе PTGui Pro. Затем мы отретушировали надир (низ) панорамы и получили такой результат:

Сферическая панорама в эквидистантной проекции
Сферическая панорама в эквидистантной проекции
Создание виртуальных туров и 3d панорам

Что такое Pano2VR Pro

Pano2VR – это мощный программный комплекс для создания виртуальных туров из сферических 3D панорам от Garden Gnome. Это приложение включает в себя все необходимые инструменты для программирования полноценной виртуальной экскурсии:

  • Создание сферических 3D панорам из эквидистантных проекций;
  • Объединение панорам точками-перехода (стрелками) и многоугольными активными зонами;
  • Управление проекциями панорам;
  • Добавление фоновых звуков;
  • Вставка интерактивных дополнений – фотографий и видеороликов;
  • Редактор дизайна интерфейса и меню управления;
  • Публикация 3D панорам в картах Google.

Программа Pano2VR платная. На сайте производителя можно бесплатно скачать пробную версию. Но для ее полноценного использования необходимо приобрести лицензию.

Купить последнюю версию Pano2VR Pro.

Интерфейс программы

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

Интерфейс программы Pano2VR
Интерфейс программы Pano2VR

Окно программы можно разделить на 5 частей:

  • Вверху расположена панель управления, с ее помощь можно открыть или спрятать необходимые настройки.
  • Слева имеются вводные настройки;
  • По центру – окно пред просмотра с основными инструментами наполнения;
  • Справа – параметры экспорта 3D тура;
  • Снизу мы видим панель-браузер, на которой отображены все сцены панорамного тура и связи между ними.

Панель управления

Все настройки не помещаются одновременно в окне программы. Поэтому на панели управления расположены кнопки для вызова (скрытия) необходимых параметров.

Панель управления Pano2VR
Панель управления
  1. Кнопка импорта панорамных изображений.
  2. Свойства импортируемых файлов.
  3. Параметры просмотра.
  4. Данные пользователя
  5. Кнопка для отображения окна переходов между сценами.
  6. Карта тура – настройка расположения точек съемки на карте Google.
  7. Параметры экспорта виртуально тура.
  8. Настройки параметров «Google просмотр улиц».
  9. Анимация – параметры создания видеоролика из сферических 3D панорам.
  10. Обзор параметров каждой панорамы
  11. Список произведенных действий
  12. История операций с возможностью вернуться на несколько шагов назад.
  13. Настройка окна просмотра – выбор отображаемых элементов.
  14. Редактор шаблона меню управления в 3D туре.
  15. Быстрый обмен – сохранение панорамы с корректировками в исходном формате.

Ввод исходных параметров

Свойства импортируемых файлов.

Свойства импортируемых файлов в Pano2VR
Свойства импортируемых файлов

Здесь можно указать:

  • Тип каждой панорамы (в нашем случае эквидистантная);
  • Импортировать видео 360;
  • Добавить фоновый звук;
  • Выровнять уровень горизонта (при необходимости).

Параметры просмотра.

Параметры просмотра в программе Pano2VR
Параметры просмотра
  • Настройки вида по умолчанию – проекция, координаты начальной точки и угол обзора.
  • Параметры «Fly in» — стартовая анимация при запуске тура или при переходе между сценами.
  • Установка ограничений просмотра – можно указать максимальный угол поворота в каждую сторону. Это полезно при необходимости скрыть часть панорамы.
  • Масштабирование – минимальный и максимальный углы обзора, которые можно использовать при просмотре сферических панорам.

Данные пользователя

Данные пользователя в Pano2VR
Данные пользователя

Дополнительная информация об авторе для защиты авторских прав.

Дата и время съемки, координаты точек съемки.

Север – угол, соответствующий направлению на север. По умолчанию используется нулевое значение, соответствующее центру панорамы.

Создание виртуального тура

Импорт панорам

Для добавления изображений в проект можно воспользоваться кнопкой «Импорт» или просто перетащить файлы мышкой в окно пред просмотра. После этого, все панорамы отобразятся в окне переходов.

Добавление переходов

Переходы могут быть двух типов:

  • Стандартные стрелки или любой графический указатель;
  • Многоугольная активная зона (выделение предмета) – обрисовка предмета или области. Эта зона становится активной, можно назначить действие при клике по ней (например, переход к другой панораме).

Для добавления активных переходов выбираем в левой панели окна просмотра инструмент в виде мишени. Затем делаем двойной клик мыши в месте где должна находиться стрелка.

Добавление переходов - активных зон в программе Pano2VR
Добавление переходов — активных зон

В панораме появится отметка будущей стрелки, если нажать на нее – в левой части появится окно со свойствами точки активной зоны. Здесь необходимо указать:

  • Тип – связка тура;
  • Название точки-перехода;
  • Целевая URL ссылка – выбираем ту сцену, в которую осуществляется переход;
  • Объект – можно указать начальное направление панорамы при переходе по данной стрелке (по умолчанию загрузится нулевой угол);
  • Смещение и наклон – корректировка расположения активной точки. При установке галочки «Lock position» координаты точки зафиксируются.
  • Custom image – выбор любого графического изображения на замену файла из шаблона.

В случае с «многоугольной активной зоной» необходимо обвести нужный объект (например, дверь):

Многоугольная активная зона в Pano2VR
Многоугольная активная зона

Выбираем инструмент и в начальной точке кликаем дважды левой кнопкой мыши. Появится красные луч, такими отрезками нужно обвести всю область. В конце каждой прямой ставим точку одни нажатием кнопки, а для завершения – двойной клик. Этот инструмент напоминает «прямоугольное лассо» в Photoshop.

Для активной зоны можно назначить такие же свойства, как и для точки. Единственное отличие – выбор цвета рамки и фона активной области.

Таким образом нужно сделать точки-перехода из всех соседних сцен и обратно. Если в сцене нет активных зон, тогда она будет отмечена восклицательным знаком.

Предупреждение об отсутствии активных связей в Pano2VR
Предупреждение об отсутствии активных связей

Инструменты окна пред просмотра

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

Окно предпросмотра в программе Pano2VR
Окно предпросмотра
  1. Заплатки – предназначены для корректировки части панорамы, например, во время ретуши надира. Этот инструмент извлекает указанную область в виде изображения, а после изменений в графическом редакторе встраивает ее обратно. Подробная инструкция по работе с заплатками есть в статье о ретуши зенита и надира.
  2. Точки активных зон – возможно добавление не только точек-переходов, но и всплывающих изображений, видео, информационных окон внешних ссылок. В свойствах нужно выбрать соответствующий тип.
  3. Многоугольные зоны – установка связей между сценами с помощью выделения областей.
  4. Звуки – интеграция дополнительных звуков помимо фонового. Такой звук получается точечными и во время просмотра понятно из какого места он раздается. В свойства есть возможно указать уровень громкости, режим и зону распространения.
  5. Изображения – добавление всплывающих изображений. Картинку можно повернуть под любым углом. Эту функцию можно использовать для увеличения картины на стене.
  6. Видео – интеграция видеороликов аналогична изображению. Можно встроить видео в экран телевизора или компьютера.
  7. Блики – вставка активного блика. Он будет появляться, например, при повороте в сторону солнца или яркого источника света.

Таким образом в Pano2VR можно добавить в виртуальный 3D тур различные интерактивные дополнения, которые украсят и оживят панорамы.

В нижней части окна просмотра есть панель быстрых настроек:

Быстрые настройки окна предпросмотра в Pano2VR
Быстрые настройки окна предпросмотра
  1. Переключить компас – показать/скрыть направления сторон света.
  2. Показать прицел по центру экрана.
  3. Отобразить сетку.
  4. Игнорирование пределов – убрать ограничения углов поворота сферической панорамы (если выставлялись ранее).
  5. Переключить открытые узлы в режиме по умолчанию.
  6. Режим перетаскивания – изменить способ вращения панорамы тащить или указывать направление.
  7. Переключение проекции – быстрое изменение проекции панорамы.
  8. Переключить неактивные точки доступа.
  9. Выбор цветов для неактивных и активных полигональных зон.

Редактор шаблона

Теперь добавим кнопки меню в наш виртуальный тур. Отредактировать интерфейс можно в «Редакторе шаблона».

Редактор шаблона в Pano2VR
Редактор шаблона

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

Для редактирования можно использовать один из стандартных шаблонов. Пройдем в меню «Файл – Открыть» и выберем «controller_new». Это шаблон со стандартными кнопками управления. Для облегчения навигации по 3D туру добавим «Thumbnail Menu». Эта лента прокрутки с миниатюрами сцен, нажимая на них мы сразу открываем нужную панораму.

Выбор инструментов в редакторе достаточен, чтобы сделать индивидуальный дизайн с необходимыми функциями. Эта тема очень обширная, ее мы обязательно раскроем в отдельной статье.

Экспорт 3D тура

Теперь осталось разобраться как сохранить панорамный тур. Для этого жмем кнопку «Экспорт» — в правой части появится окно с настройками. Кликаем по зеленому плюсику и выбираем «HTML5» — появятся настройки сохранения.

Настройки экспорта виртуального тура в Pano2VR
Настройки экспорта виртуального тура

Здесь нужно:

  • Указать папку для экспорта – по умолчанию используется директория с исходными изображениями.
  • Выбрать шаблон – из выпадающего списка указываем созданный нами или один из стандартных скинов. Здесь же можно открыть редактор и выбрать конфигурацию шаблона (если такие имеются).
  • Создать вывод – нажать кнопку в виде шестеренки и дождаться окончания процесса сохранения. После чего тур автоматически запустится в браузере. Вторая кнопка воспроизводит сохраненный тур, а третье создает «Пакет Garden Gnome», необходимый для локального просмотра.

В принципе, этого достаточно для экспорта виртуального тура, но далее идут параметры дополнительных настроек сохранения:

  • Автовращение и анимация – включиться эффект «Fly in» при старте и вращение при бездействии (время задержки, скорость).
  • Переходы – выбор типа и скорости перехода, включение эффектов до и после загрузки новой панорамы.
  • Активные зоны – включение тестовых модулей точек перехода и настройка цвета и режима отображения многоугольных активных зон.
  • VR – включение возможности просмотра в режиме виртуальной реальности с помощью vr очков.
  • HTML – настройки html-файла.
  • Управление – настройки параметров управления мышью.
  • Изображение – настройки качества сжатия фотографий, выбор одиночного или мультиразрешения.
  • Дополнительные параметры.

После сохранения создается папка с набором файлов готовая к размещению 3D тура на сайте. В этой директории имеется файл «index.html», который запускает просмотр панорам.

Виртуальный тур Pano2VR
Виртуальный тур Pano2VR (клик для просмотра)

Панорамные туры 360, созданные в Pano2VR, можно встроить в сайт при помощи официальных плагинов для популярных CMS – WordPress, Joomla, Drupal.

Дополнительные возможности

Кроме стандартной разработки 3D тура в Pano2VR можно размести сферические панорамы в картах Google и сделать видеоролик на основе панорам. Эти функции не типичны для такого рода программ и будут очень полезны для многих пользователей.

Итоги

Благодаря понятному и удобному интерфейсу процесс программирования панорамного тура 360 не займет много времени. Надеемся вам понравился этот урок, и вы без труда научитесь создавать свои собственные виртуальные туры в программе Pano2VR Pro. Если вопросы еще остались, задавайте их в комментариях.

3 комментария

  • Здравствуйте! Подскажите, как в 3д-тур из нескольких панорам добавить музыку, чтобы она не прерывалась при переходе из одной панорамы в другую. У меня получается только то, что когда переходишь, музыка начинает проигрываться сначала.

    • Аркадий, чтобы фоновый звук был один для всех панорам, нужно добавить аудиофайл только в первую панораму. В этом случае музыка не будет прерываться при переходе.

Добавить комментарий