Практические шаги в мир виртуальной реальности


VRTour

 

 

VRTour - 100 % чистый Java-апплет для просмотра и управления панорамными изображениями. С VRTour вы можете добавить простое средство управления изображением, такое как активные зоны (hot spots). С активными зонами вы можете просматривать и переходить через множество изображений (как круговых панорам, так и обычных изображений). Вы можете также использовать активные зоны для установки связей с другими страницами Internet или для запуска звукового файла.

Здесь приведена подробная инструкция о том, как включить VRTour апплет в вашу страницу и описываются возможности, которые вы сможете использовать для управления просмотром. Для понимания прочитанного вы должны владеть основами HTML и знать, как можно вставить апплеты в HTML-страницы. Данный файл представляет собой перевод на русский язык документа VRTour - Developers Guide, который поставляется в составе VRTour SDK.

Пример работы VRTour вы можете видеть в начале страницы, посвященной виртуальной реальности. Мы взяли пример, который входит в состав VRTour SDK и исправили некоторые ошибки, которые не позволяли отображать изображения правильно. Начинайте работу с VRTour c рассмотрения предложенного примера, а затем плавно переходите к своим изображениям. Надеемся, что перевод VRTour - Developers Guide упростит этот процесс.

Содержание

Начало

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

Требуемые инструментальные средства

Прежде, чем начать, проверьте, все ли из ниже перечисленного есть на вашем компьютере:

  • Программа для сшивки панорамных изображений или набор изображений (как панорамных так и обычных в формате .jpeg или .gif). Для сшивки мы рекомендуем использовать программу PhotoVista от LivePicture, Inc.
  • Простой редактор изображений, например, MediaCenter от PictureWorks Technology, Inc., позволяющий выполнить коррекцию цвета и балансировку цветов.
  • VRTour. В состав VRTour SDK входят: пример виртуальной панорамы со всем необходимым контентом: изображения (помещены в каталог Images), звуковой файл (click.au), файлы описания активных зон (с расширением .txt), HTML файл для воспроизведения панорамы (panor.htm), документация и лицензионные соглашения (помещены в каталог DOCS).
  • Необязательно: HTML composer, который позволяет создавать и редактировать активные зоны изображения например, Screen ruler для Windows95 или MapMaker для Macintosh.
  • Необязательно: Web Publisher позволяет легко добавлять панорамы к web сайтам.  Он автоматически создает HTML код для вас и FTP необходимые файлы для вашего web сервера.

Вставка апплета в HTML

Апплет состоит из одного или нескольких файлов классов, которые обычно объединяются в единый файл архива для улучшения загрузки. VRTour распространяется как ZIP-файл, который совместим с наиболее популярными броузерами. Приведенный ниже пример Приведенный ниже пример HTML кода показывает, как VRTour развертывается на Web-сайте.

<APPLET CODE="VRTour.class" CODEBASE="http:/mysite.com/theplaceIstoredVRTour" WIDTH=420 HEIGHT=200 ALIGN=CENTER>

<PARAM NAME=InitPicture VALUE="PWcolorsm.jpg">

<PARAM NAME=Picture VALUE="Presidio.jpg">

<PARAM NAME=PictureTitle VALUE="the Presidio">

<PARAM NAME=TargetList VALUE="Presidio.txt">

<PARAM NAME=ImageSource VALUE="images">

</APPLET>

Улучшение распространения

Так как VRTour – Java-апплет, вы должны внедрить апплет в ваш HTML-файл, используя тэг <applet> для его выполнения. Чтобы оптимизировать загрузку используется файл архива, чтобы развернуть ваше приложение. При этом броузер вашего посетителя загружает единственный файл, который содержит все классы. Это будет быстрее, чем чтение множества файлов классов. Существуют три типа файлов архивов, используемых наиболее популярными броузерами:.zip, .jar и .cab. .zip-файлы поддерживаются и Navigator 4, и Internet Explorer 4.

Обратите внимание, что CODEBASE необходимо в том случае, если:

1. Файлы классов находятся в другом каталоге, чем ваша HTML страница, и

2. Файлы классов находятся на другом сайте (по другому адресу в сети).

По умолчанию (без CODEBASE), броузер ожидает VRTour в каталоге, где находится HTML-файл, который его вызывает. Если файлы находятся на том же самом сайте, но в другом каталоге (mysite.com/VRTour), вы должны установить CODEBASE с относительным путем к ним, то есть CODEBASE="VRTour".

<APPLET CODE="VRTour.class" CODEBASE="http:/mysite.com/theplaceIstoredVRTour" ARCHIVE="VRTour.zip" WIDTH=420 HEIGHT=200 ALIGN=CENTER>

<PARAM NAME=InitPicture VALUE="PWcolorsm.jpg">

<PARAM NAME=Picture VALUE="Presidio.jpg">

<PARAM NAME=PanoramicView VALUE="1">

<PARAM NAME=PictureTitle VALUE="the Presidio">

<PARAM NAME=TargetList VALUE="Presidio.txt">

<PARAM NAME=ImageSource VALUE="images">

</APPLET>

Параметры апплета VRTour

InitPicture Определяет начальный экран, который появляется пока загружается апплет. Это должно быть файл в формате .jpg или .gif. Старайтесь делать его примерно того же размера, что и аналогичный файл в примере.
Picture Это изображение, которое высвечивается с помощью VRTour. Файл изображения может быть в формате или .jpg или .gif. Это изображение может быть или круговой панорамой или не быть ею.
PanoramicView Это флаг (0 или 1), который сообщает VRTour, действительно ли это изображение – полная круговая панорама. По умолчанию, VRTour показывает изображение как полную круговую панораму.
PictureTitle Это строка текста, которая описывает изображение. Есть специальная строка, в которой высвечивается эта информация при работе VRTour.
ImageSource Это каталог, в котором изображения расположены. Всякий раз, когда VRTour воспроизводит изображение, то обращается к этому каталогу для его поиска на сайте.
TargetList Это имя файла, который содержит определения всех активных зон в этом изображении.  См. Формат файла для определения активных зон ниже.
ForeColor Цвет символа приложения (используется текстовым уровнем). Вы определяете цвет, как совокупность трех составляющих (формат RGB), значение каждой составляющей отделяется запятой и находится в пределах от 0 до 255 (например, "255,0,0" означает, что цвет будет красным). Значение по умолчанию – желтый цвет.
BackColor Цвет фона приложения (используется областью на кнопке). Вы определяете цвет, как совокупность трех составляющих (формат RGB), значение каждой составляющей отделяется запятой и находится в пределах от 0 до 255 (например, "255,0,0" означает, что цвет будет красным). Значение по умолчанию – черный цвет.
Font Вы можете контролировать тип шрифта, стиль и размер.  Формат - "Type, Style, Size".  Style может быть один из следующих: Bold (Полужирный), Italic (Курсив), Plain (Простой).  Значение по умолчанию "Helvetica, Bold, 12".
AutoPan Как только изображение открывается, оно автоматически начнет прокручиваться.  Значение - номер, соответствующий числу пикселов для прокрутки (большие значения вызывают более быструю прокрутку).  Значение по умолчанию "0" (нет автоматической прокрутки).

Формат файла для определения активных зон

Этот файл (определенный параметром "TargetList" ) определяет, где располагаются активные зоны для текущего изображения. Имя файла должно быть тем же самым, что и имя файла изображения. Его расширение должно быть.txt. Каждый файл изображения должен иметь соответствующий файл с активными зонами.

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

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

Рассмотрим пример:

117,107,100,40,GoldenGate.jpg,the Golden Gate Bridge,1

The Target List состоит из:

1. Начальная точка активной зоны x и y (левый верхний угол).

2. Ширина и высота активной зоны.

3. Файл изображения (.jpg или .gif), URL или аудио файл (только .au).

4. Короткое описание активной зоны.

5.  Для изображения:  Panoramic View flag - тот же самый как параметр апплета.
     Для URL: определяется какой фрейм открывается в URL (например, используйте "_blank" для открытия нового окна)

Синтаксис следующий:

x,y,width,height,link,description,flag

Запятая должна отделить каждый параметр, и все параметры должны присутствовать.

Чтобы определить координаты, ширину и высоту, используйте свой графический редактор и выберите прямоугольную область, в которой должно быть активная зона и запишите координаты. В большинстве случаев графические редакторы отображают размеры области в следующем формате: x, y, ширина и высота. Некоторые графические редакторы или редакторы активных зон могут отображать координаты в формате : х1, y1, x2 и y2. В этом случае, x и y остаются теми же самыми. Ширина и высота могут быть рассчитаны как x2-x1 и y2-y1 соответственно.

Поиск неисправностей

Если Вы имеете проблемы с полученным апплетом при его выполнении и загрузке с его помощью изображений, то посмотрите несколько советов, которые могут вам помочь:

  • Если Вы открываете HTML-страницы локально с вашей собственной машины через файловую систему, апплет может быть не способен прочитать изображение или файлы активных зон из-за ограничения защиты для Java.   Чтобы обойти эту проблему, Вы можете или ослаблять Java защитe вашего броузера или проверять ваши файлы на Web-сервере (персональные Web-серверы сети должны работать превосходно).
  • Тщательно сравните синтаксис вашего HTML файла и файлов активных зон с примером, распространяемым с VRTour. Ликвидируйте даже небольшие различия и проверьте вашу страницу снова.
  • Поместите пример, распространяемый с VRTour на ваш Web-сервер, и попробуйте запустить его без модификаций. Вас может постигнуть неудача. Разберитесь и сделайте так, чтобы он заработал. Это не слишком сложно, но избавит вас от многих проблем в дальнейшем.
  • Некоторые операционные системы сервера подобные UNIX, являются чувствительными к регистру в именах файла. Используйте только строчные буквы для имен файлов, значений тэгов апплета и для содержимого файла для определения активных зон. Если вы храните свой сайт на таком сервере, то это замечание для вас наиболее актуально. Проверьте, например, с помощью CuteFTP, с какими именами записаны файлы на вашем Web-сервере, и исправьте все имена, в которых имеются прописные буквы.

Информация о лицензии

Лицензионное соглашение позволяет Вам использовать VRTOUR на вашем Web-сайте свободно для некоммерческих приложений (см. license.htm).  Для коммерческого использования, VRTour может быть лицензирован за номинальную плату (см. commlicense.htm).

Разработчики

Команда фирмы PictureWorks:

  • Robert Dominy
  • Queenie Ke
  • Ken Baldarrama
  • Stacy Haven

Особая благодарность Деррил Чен за его предложения.

По материалам фирмы PictureWorks


Вернуться в начало раздела VirtualReality  

Назад к разделу VirtualReality

Как быстро создать многоузловую панораму

QuickTime VR

Краткое описание
Практические советы
Примеры использования
IPIX
Краткое описание
Практические советы
Примеры использования
Live Picture PhotoVista
Краткое описание
Практические советы
Примеры использования
Infinite Pictures SmoothMove
Краткое описание
Практические советы
Примеры использования