Виртуальная экскурсия позволяет зрителю последовательно просмотреть все уголки помещения!

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

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

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

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

Элементы виртуального тура.

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

  • Горячая точка (hotspot).
  • Кнопка и панель управления.
  • Интерактивный список панорам и миниатюры.
  • Карта виртуального тура и радар.
  • Всплывающие окна с текстом, видео.
  • Звуковое сопровождение

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • EXE формат. 
    Используется для записи виртуального тура на CD/DVD или флешке. Программой генерируется файл autorun для автозапуска диска на компьютере.
  • SWF формат.
    В этом случае программа создает один SWF файл в котором размещается весь виртуальный тур вне зависимости от количества панорам входящих в его состав. Такой формат подойдет для размещения на сайте одной, максимум двух панорам. Если панорам в виртуальном туре больше, то и размер swf файла будет большим, а это приведет к продолжительному времени загрузки. И  у посетителя сайта может не хватить терпения, чтобы дождаться ее окончания. Его следует использовать только в крайнем случае, когда применение других методов невозможно.
  • FLASH формат.
    Главное достоинство такого формата — автоматическая подгрузка панорам. То есть пока зритель просматривает одну панораму, грузятся остальные, и при переходе к следующей панораме не нужно ждать ее загрузки.
    При публикации в этом формате программа создает группу папок и файлов, а сам виртуальный тур автоматически размещается на отдельной html-странице. При активации ссылки в окне браузера будет загружен виртуальный тур.
    Виртуальный тур можно открывать в отдельном окне и даже определить его размер. Для этого программой автоматически генерируется html код. Он размещен во втором html файле. В приведенном примере открывается окно размером 1000х680 пикселей. Достаточно его скопировать и разместить на странице своего сайта.

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

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

223

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

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

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

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

22

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

СФЕРИЧЕСКАЯ 3D ПАНОРАМА — НОВЫЙ ШАГ В ЭВОЛЮЦИИ ЦИФРОВОЙ ФОТОГРАФИИ!

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

Сферическая панорама пришла к нам с Запада. Пришла, и осталась. А чтобы её иностранная фамилия «spherical panorama» не вызывала недоумения на лице российских граждан, её стали именовать просто «3D панорама» или «виртуальная панорама». Поэтому имейте в виду, вне зависимости от того что пишут, речь идёт об одной и той же панораме.

Сферическая 3D панорама это цифровая фотография реально существующего пространства, и ни какого отношения к компьютерной графике и 3D моделированию не имеет. Это своего рода сочетание цифровой фотографии и виртуальной реальности. Как и все фотографии, она реалистична и подобно виртуальной реальности интерактивна. То есть вы можете самостоятельно, с помощью мышки или клавиатуры, управлять просмотром панорамы. Именно эта свобода действий позволяет создать эффект присутствия который полностью погружает зрителя в демонстрируемое на экране пространство.

Если Вам интересны подробности технического характера, Вы можете найти их в разделе «О создании сферической 3D панорамы».

В нем так же рассмотрены такие особенности виртуальной панорамы как интерактивность и информативность, которые положительно выделяют её на фоне традиционной фотографии и видео.

Узнайте в чём разница межу 3д панорамой и виртуальным туром.

Сферическая 3D панорама — отличный маркетинговый инструмент!

Она легко продаёт презентуемое пространство! Всего одна виртуальная панорама, размещённая на сайте, делает его интересным и узнаваемым. Мало того! Используя её, Вы одновременно привлекаете внимание зрителя к сайту и предоставляете ему важную визуальную информацию. Совершив виртуальную прогулку, потенциальный клиент будет иметь полное представление об объекте и его инфраструктуре. Эффект присутствия погружает его в пространство виртуальной реальности, даёт возможность оценить реальные размеры помещения и передать такое количество и качество визуальной информации, которое можно сравнить только с реальным посещением демонстрируемого пространства. Это уникальная особенность сферической панорамы, её невозможно создать с помощью обычной фотографии или видео.

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

Виртуальный тур — это виртуальный мирок, созданный из группы 3D панорам. В зависимости от сферы применения и контекста, его могут называть 3D туром или виртуальной экскурсией. Наличие некоторого количества панорам соответственно подразумевает и возможность перехода между ними. Есть несколько способов организации такого перемещения. Наиболее интересный из них реализуется благодаря размещению ссылок, так называемых горячих точек (hotspot), на плоскости сферы панорамы. Более простой способ это интерактивный список или миниатюры.

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

Каждый из этих элементов выполняет свою задачу:

  • Видео и flash ролики значительно повышают информативность.
  • Фотографии позволяют рассмотреть интересующий элемент в увеличении.
  • Звуковое сопровождение делает виртуальный тур более отзывчивым. Можно установить Mp3 файл с приятной фоновой мелодией или подробным описанием места съемки.
  • Всплывающие окна позволяют поместить большое количество информации, без ущерба для просмотра самой панорамы, по необходимости Вы самостоятельно открываете и закрываете окна.
  • Описание всех элементов входящих в состав виртуального тура вы можете найти в разделе О создании виртуального тура.

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

Большинство виртуальных туров создаются на основе технологии Adobe Flash. И чтобы их просмотреть, необходим проигрыватель Adobe Flash Player. Он достаточно широко используется в интернете для просмотра рекламных баннеров, анимации, игр и наверняка уже установлен на Вашем компьютере. В случае если у Вас его нет, Вам будет предложено скачать и установить проигрыватель на компьютер.

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

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

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

3D тур можно записать на CD/DVD диске или флешке, и просматривать на компьютере без доступа к интернет. Таким образом у Вас будет возможность провести виртуальную презентацию на выезде или создать CD-визитку для привлечения новых клиентов.

Обзор нескольких способов представления сферических панорам

Программа PTViewer существует с начала века, использует технологию Java и обладает неплохими возможностями для создания интерактивных презентаций. Однако есть у нее и недостатки. Ограниченные возможности масштабирования окна с изображением, зависимость от версии Java-машины, невозможность просматривать очень большие по размерам панорамы.

Сегодня существует около десятка программ для просмотра и представления в интернете сферических панорам. Как работают основные из них при показе одной и той же панорамы, можно посмотреть вот на этом сайте. Как видно из приведенной на этом сайте таблицы, чаще всего используются три метода представления панорам: это проигрыватель, основанный на технологии Java, проигрыватель, основанный на технологии Flash, и проигрыватель, основанный на технологии QuickTime. Проигрыватель, основанный на технологии Apple QuickTime, я рассматривать не буду, поскольку его невозможно использовать на моей машине, работающей на ОС Linux. Проигрыватели, основанные на Java, мало отличаются по функциональности от вышеупомянутого PTViewer, сегодняшняя же статья будет посвящена показу панорам с помощью технологии Flash. Основанных на этой технологии проигрывателей довольно много, большая часть из них коммерческие. На мой взгляд, функционально они не сильно превосходят программы с открытым исходным кодом, и их основное преимущество, за которое, возможно, и стоит заплатить, это наличие интерфейса для создания собственных проектов. Другими словами, в них вы потратите меньше времени, чтобы создать свою первую презентацию сферической панорамы в интернете, чем если будете использовать свободные программы. Если же делать серьезный проект с множеством панорам и развитой интерактивностью, то время на изучение проприетарных и свободных программ становится сопоставимым. Для создания же простейшей презентации для одной панорамы есть и очень простые открытые проекты. С них и начнем.

pan0 — open-source, Flash 9 based panorama player

Проект pan0

Поскольку после сшивки панорамы в программе hugin мы получаем панорамы в эквидистантной проекции, то самым простым способом выложить ее в интернете без дополнительных преобразований является открытый проект Pan0. Скачиваем swf-файл, вставляем в свою html-страницу нижеприведенный кусок кода, прописываем в двух местах название файла со своей панорамой. Все.

<code>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" 
    width="100%" height="100%" title="Hello, Panorama">
    <param name="allowFullScreen" value="true" />
    <param name="movie" value="pan0.swf?panoSrc=pano.jpg" />
    <param name="quality" value="high" />
    <param name="BGCOLOR" value="#AAAAAA" />
    <embed src="pan0.swf?panoSrc=pano.jpg" allowFullScreen="true" 
        width="100%" height="100%" quality="high" 
        pluginspage="http://www.macromedia.com/go/getflashplayer" 
        type="application/x-shockwave-flash" bgcolor="#DDDDDD">
    </embed>
</object>

</code>

 

Можно смотреть на локальной машине или выкладывать на сервер. По сравнению с PTViewer плюсом данной программы является масштабируемое окно, однако и здесь есть проблемы с большими файлами. Показ начинается после полной загрузки, и могут возникнуть проблемы с отображением панорам размером больше 8000×4000 пикселей или с файлами больше 6 МБ даже на относительно мощных машинах.

Программа распространяется по лицензии GNU GPL.

CuTy, QTVR viewer based on Flash 10

Проект CuTy

Еще один простой способ представить единственную панораму с помощью Flash. Предварительных телодвижений здесь несколько больше, чем в предыдущем случае, зато потом все очень просто. Скачиваем файлы проекта, скачиваем Adobe Open Source Flex SDK, создаем swf-файл командой:

mxmlc -target-player=10.0.0 -use-network=false CuTy.as

Преобразуем нашу панораму из эквидистантной проекции в формат QTVR (Quicktime Virtual Reality) с помощью, например, программы Panotools-Script командой:

erect2qtvr [options] --erect=mypanorama.tif

Переименовываем swf-файл таким образом, чтобы название до точки совпадало с названием панорамы, — и все, можно смотреть панораму с помощью автономного флеш-плеера или вставлять в html-страницу. Иногда, правда, становятся заметными грани куба, на который разбита панорама.

Программа распространяется по лицензии Creative Commons Attribution version 3.0 или новее.

Проект PanoSalado и его ветки

Проект PanoSalado

Технически сегодня можно получать очень большие панорамы, вплоть до гигантских, например, таких как 26-гигапиксельная панорама Парижа. Может быть сделано также огромное количество связанных между собой панорам, как в проектах Google Street View или Яндекс — Панорамы улиц. Компания Google сегодня позволяет рассматривать сферические панорамы, снятые ее передвижной лабораторией, почти с любой точки ряда столиц европейских государств. Правда, все эти точки лежат на проезжей части, потому как снимались с автомобиля. В проекте Google Art Project можно также детально рассматривать и десятки основных мировых музеев. Из наших пока доступны Эрмитаж и Третьяковская галерея. Проект поражает своим размахом, однако в меньших масштабах такой же и даже лучший результат можно получить и самостоятельно, например, с помощью программы SaladoPlayer. Идея о том, что большие панорамы надо загружать по частям и иметь несколько копий одного и того же изображения с разным разрешением, лежит на поверхности. Подобный прием используется, например, для карт в формате ozf2 в программе OziExplorer. Иногда что-то открытое перепадает и от гигантов программной индустрии. В начале этой статьи мы воспользовались подарком Adobe в виде Open Source Flex SDK, теперь же воспользуемся подарком Microsoft в виде формата Deep Zoom. Для преобразования в этот формат можно воспользоваться программой SaladoConverter. Программа написана на Java, преобразует эквидистантную проекцию в кубическую и создает целую систему папок. Основные папки: _f (от английского front) — передняя грань куба, _b (back) — соответственно, задняя, _d (down ) — нижняя, _u (up) — верхняя, _l (left) — левая, _r (right) — правая. Внутри этих папок, в свою очередь, расположены папки, в которых записано изображение граней куба с разными разрешениями. Причем, когда сторона куба превышает некий заранее заданный параметр, то эта сторона в свою очередь делится на несколько квадратов, для каждого из которых записывается уже свое изображение. Таким образом, при просмотре панорамы мы фактически сразу видим изображение с низким разрешением, которое далее, по мере загрузки, все более и более детализируется. Проигрыватель состоит из swf-файла и ряда дополнительных swf-модулей. Основной html-файл запускает проигрыватель и указывает на xml-файл, содержащий подробное описание панорамы и действий с ней. В этом файле содержатся имена файлов одной или нескольких панорам, месторасположение картинок с кнопками и описание действий, осуществляемых при нажатии на них, расположение стрелок или других картинок, указывающих на переходы между изображениями. С помощью дополнительных модулей может также вызываться навигационное окно, в котором, например, на карте будут нанесены точки съемки панорам, представленных в презентации.

Вышеописанная технология в том или ином виде используется как в проекте Panosalado, так и во многих коммерческих проектах, причем содержание xml-файла, естественно, везде разное. Проект Panosalado зародился в 2007 году, потом возник проект Panosalado2 и в октябре прошлого года от него отпочковалась ветка SaladoPlayer. До недавнего времени основной версией была Salado 0.7, а 16 марта этого года вышла версия SaladoPlayer 1.0. Функционально программы отличаются не очень сильно, так, в SaladoPlayer 1.0 добавилась масштабируемость окна (в обеих версиях можно вызвать, кроме того, полноэкранный режим), однако набор команд кардинально изменился. И файл xml, написанный для версии 0.7, не будет работать с версией 1.0. Разработчики утверждают, что новая версия более стабильна. Вскрытие покажет. Документация на английском довольно полная и хорошо проиллюстрированная примерами. Однако с некоторыми новыми функциями, например, direction, мне не удалось полностью разобраться, и, стоит отметить, мне в новой версии не хватает команды panShift в модуле ImageMap, чтобы сориентировать панораму по сторонам света на карте.

Базовые HTML-коды для встраивания виртуальных 3D-панорам в интернет-страницы

- Как вставить виртуальную панораму в HTML-страницу?

- Можно использовать эти коды:

DevalVR (QTVR — QuickTime Virtual Reality)

QuickTime (QTVR — QuickTime Virtual Reality)

Flash

Java