+7 (926) 602-68-82
Мы в соц. сетях
Открыть в новом окне

Ответ на вопросы: Что такое виртуальный тур и виртуальная экскурсия, 3D тур?

Виртуальный тур - маленький мирок цифровой реальности!

3D тур  это виртуальный мирок созданный из группы сферических панорам. Отличительной особенностью виртуального тура является возможность перемещения от панорамы к панораме, такая виртуальная экскурсия позволяет зрителю последовательно просмотреть все панорамы тура. Реализуется она благодаря размещению горячих точек (hotspot),интерактивного списка или миниатюр. Таким образом, мы создаём настоящую цифровую реальность, а любой желающий может с лёгкостью совершить по ней виртуальную экскурсию. Описание всех элементов, входящих в состав виртуального тура вы можете найти ниже.

Что нужно для просмотра виртуального тура?

Для просмотра виртуального тура на компьютерах под управлением ОС Windows используется проигрыватель Adobe Flash Player, а для ОС Macintosh подгружается версия базирующаяся на скриптах и HTML5. Adobe Flash Player широко используется в интернете для создания рекламных баннеров, анимации, игр, и наверняка уже установлен на Вашем компьютере. Если его вдруг не оказалось или используется устаревшая версия, вам будет предложено его скачать с сайта изготовителя и установить на компьютер. Для просмотра скриптовой HTML5 версии ничего грузить не нужно, однако у этой версии есть свой недостаток создание виртуального тура по этой технологии сильно ограничено по функционалу по сравнению с версией Flash.

Основные элементы при создании виртуального тура.

Чтобы создать виртуальный тур удобным и информативным он должен включить в семя множество элементов:

Далее, я расскажу подробно обо всех элементах. 

Горячая точка.

(Производная от английского hotspot)

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

Кнопка и панель управления.

   Кнопка это основной элемент управления виртуальным туром. В виде кнопки можно использовать текст, графическое изображение в формате jpg, bmp, gif, png или swf-файл. Кнопкам присвоить несколько значений одновременно, если они не противоречат друг другу. Чаще всего используются следующие значения:

  • Управление движением панорамы (Включение/Отключение вращения, Увеличение/Уменьшение изображения, сброс, и т.п.);
  • Переключение между панорамами;
  • Включение/Отключение полноэкранного режима;
  • Включение/Отключение звукового сопровождения;
  • Открытие/Закрытие всплывающего окна;
  • Открытие ссылки, отправка E-mail, отправка на печать;

Панелью управления называют группу статичных кнопок размещённых по периметру окна. 

Интерактивный список панорам и миниатюры.

  Интерактивный список включает в себя наименования всех 3D панорам. Он позволяет быстро найти и открыть любую панораму  входящую в состав виртуальной экскурсии. Миниатюры представляют собой тот же список, только оформленный в виде фотографий. 

Карта виртуального тура и радар.

 Карта позволяет облегчить ориентацию в пространстве цифровой реальности. А горячие точки размещённые на карте имеют дополнительную функцию - радар. Радаром называют цветную зону вращающуюся вокруг горячей точки. Она указывает направление, которое в данный момент соответствует изображению на 3D панораме. 

Всплывающее окно.

Это важный элемент который позволяет сделать виртуальный тур более информативным. А размещение информации проходит без ущерба для просмотра самой панорамы, так как после загрузки всплывающие окна скрыты от пользователя и появляются только после того как мы его активируем. В представленном выше примере размещено пять всплывающих окон. Нажмите поочерёдно кнопки   ТЕКСТ ФОТО ВИДЕО.  Обратите внимание на то, что открытие и закрытие всплывающих окон может сопровождаться различными спецэффектами. Чтобы активировать всплывающее окно  с текстом достаточно навести курсор на кнопку ТЕКСТ .  Активацию этого же окна, но с другим спецэффектом можно произвести  горячей точкой  размещённой в виртуальной панораме над рецепцией.

Видео можно разместить и внутри самой панорамы. Создаётся довольно интересный эффект. Чтобы увидеть его пройдите в номер  и повернитесь в сторону телевизора.  

Звуковое сопровождение. 

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

Размещение виртуального тура на сайте, CD или флэшке. 

Все создаваемые мной виртуальные туры и сферические панорамы легко размещаются в сети интернет. Для этого достаточно загрузить предоставленную мной папку с файлами на сервер, а на сайте прописать ссылку к html-файлу с индексом pixiq_.

При необходимости могу записать для Вас виртуальный тур на любом цифровом носителе (CD, флэшка). Это позволит проводить презентацию с ноутбука или компьютера без подключения к сети Интернет.

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

Для изготовления виртуальных туров я чаще всего использую специализированное программное обеспечение Tourweaver 6 от компании Easypano. Tourweaver 6 позволяет проводить публикацию в следующих форматах:

  • EXE формат. 
    Используется для записи виртуального тура на CD/DVD или флешке. Программой генерируется файл autorun для автозапуска диска на компьютере.
  • SWF формат.
    В этом случае программа создает один SWF файл в котором размещается весь виртуальный тур вне зависимости от количества панорам входящих в его состав. Такой формат подойдет для размещения на сайте одной, максимум двух панорам. Если панорам в виртуальном туре больше, то и размер swf файла будет большим, а это приведет к продолжительному времени загрузки. И  у посетителя сайта может не хватить терпения, чтобы дождаться ее окончания. Его следует использовать только в крайнем случае, когда применение других методов невозможно.
  • FLASH формат.
    Главное достоинство такого формата - автоматическая подгрузка панорам. То есть пока зритель просматривает одну панораму, грузятся остальные, и при переходе к следующей панораме не нужно ждать ее загрузки. 
    При публикации в этом формате программа создает группу папок и файлов, а сам виртуальный тур автоматически размещается на отдельной html-странице. Образец этого формата вы можете скачать по следующей ссылкеhttp://pixiq.ru/catalog/restoran_laprovincia/_flash.rar (для просмотра папку необходимо извлечь из архива). Чтобы использовать его на своем сайте достаточно загрузить всю папку на сервер и установить ссылку на html файл с префиксом pixiq_ . При активации ссылки в окне браузера будет загружен виртуальный тур. 
    Виртуальный тур можно открывать в отдельном окне и даже определить его размер. Для этого программой автоматически генерируется html код. Он размещен во втором html файле. В приведенном примере открывается окно размером 1000х680 пикселей. Достаточно его скопировать и разместить на странице своего сайта.  Получается вот такая ссылочкаpixiq_restoran_laprovincia.html .   

Размещение окна с виртуальным туром на странице сайта.

Разместить окно с виртуальным туром на странице сайта, очень просто. Для этого достаточно перенести код из html файла с префиксом pixiq_ на страницу сайта и при необходимости установить размеры окна в котором будет запускаться виртуальный тур. Это можно сделать даже обычным текстовым редактором.  Открываем с его помощью html файл с префиксом pixiq_ и переносим код выделенный оранжевым цветом в новый документ.

Для того чтобы установить размеры окна, присвоим элементу  

дополнительный атрибут "style" со следующими свойствами  style="height: 300px; width: 900px; top: 10px; left: 10px; color: rgb(255, 255, 255);" 

 

  • height: - устанавливает высоту окна в пикселях
  • width: - определяет ширину окна в пикселях
  • top: отступ от верхнего края
  • left: отступ от левого края
  • color: задаёт цвет элемента DIV

В результате получаем следующий код. 

            

Это все! Результат проделанной работы вы можете увидеть на главной странице сайта.

Если у Вас всё же  остались вопросы, Вы всегда можете задать их мне. Для этого воспользуйтесь контактной информацией илинапишите письмо.

Примеры выполненных работ смотрите в разделе Каталог виртуальных туров и 3D панорам