В нашу галерею добавлена возможность просмотра панорамных снимков на основе технологии ImmerVision, а если конкретнее, то в галерею интегрирован PURE Player Java.

Для просмотра панорам потребуется любой современный браузер с поддержкой Java. Загрузить и установить Java можно с офсайта - http://www.java.com/ru/.

Пример работы PURE Player можно заценить тут:
http://foto.krasnoturinsk.org/cpg/displayimage-1220-6.html
http://foto.krasnoturinsk.org/cpg/displayimage-1220-7.html
http://foto.krasnoturinsk.org/cpg/displayimage-1220-2.html

Что нужно сделать, чтобы ваши панорамы в галерее начали показываться через плеер, а не как обычные снимки?

1. Загрузить файл панорамы в галерею.

2. Необходимо подготовить IVP-файл.
Это обычный текстовый файл в формате xml с заранее определенной структурой имеющий расширение ivp.
Внимание: имя файла должно совпадать с именем файла панорамы, например файл панорамы pano4.jpg, соответственно IVP файл должен быть - pano4.ivp.
Подготовить данный файл можно в любом текстовом редакторе и в частности в блокноте. Для облегчения данной задачи приведу файл для панорамы http://foto.krasnoturinsk.org/cpg/albums/userpics/10001/pano4.jpg, его можно использовать как основу для создания собственных ivp файлов меняя лишь несколько параметров:

[code html]
<?xml version="1.0" encoding="utf-8" ?>

<panorama xmlns="http://www.immervision.com/panorama">

     <PanoSphere minTilt="-33" maxTilt="33" minPan="-90" maxPan="90">
           <image file="albums/userpics/10001/pano4.jpg" preview="albums/userpics/10001/nor_pano4.jpg"/>
     </PanoSphere>

     <camera>
           <size width="1920" height="717"/>
           <entrypoint pan="0" tilt="0" fov="120"/>
           <limits  minTilt="-33" maxTilt="33" minPan="-90" maxPan="90" maxFov="120.0" minFov="60.0" />
           <autopath>
                 <moveto apid="1" pan="-45" speed="3" next="2"/>
                 <moveto apid="2" pan="45" speed="3" next="1"/>
           </autopath>
     </camera>

     
</panorama>[/code]

Как видно, файл имеет два основных раздела PanoSphere и camera.

В разделе PanoSphere указываются ссылки на файл панорамы и ее основные размеры. Размеры имеет смысл указывать если панорама не полная 360х180 град., а частичная. Ссылки на файлы панорам указываются в теге image в атрибутах file и preview, ссылки могут быть абсолютными или относительными, в примере показаны относительные ссылки. Атрибут preview можно вообще не использовать.

Атрибуты в теге PanoSphere - minTilt, maxTilt, minPan, maxPan зависят от размеров панорамы.
minTilt, maxTilt - вертикальный размер панорамы в градусах.
minPan, maxPan - горизонтальный размер панорамы в градусах.
Если допустить, что панорама имеет горизонтальный размер 180 град., то minPan, maxPan будут иметь значения -90 и 90 соответственно.

Значения minTilt, maxTilt можно вычислить следующим образом:
maxTilt = int( maxPan / Pw * Ph ), где Pw и Ph - ширина и высота панорамы в пикселях.
minTilt = -maxTilt

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

В теге size указываются ширина и высота панорамы в пикселях. В целом данный тег не обязателен. Хотя как написано в документации к IVP, лучше его указывать, т.к. это позволяет PURE Player производить более точные расчеты.

Тег entrypoint нужен для начального позиционирования камеры. Назначение атрибутов entrypoint:
pan - горизонтальное направление камеры в градусах.
tilt - вертикальное направление камеры в градусах
fov - диагональный угол обзора камеры.

В теге limits указываются предельные значения для камеры:
maxPan, minPan, maxTilt, minTilt - указываем такие же как в теге PanoSphere.
maxFov, minFov - пределы изменения диагонального угола обзора камеры. maxFov делаем равным fov, а minFov  - по вкусу.

В разделе autopath можно задать пути движения камеры, каждый отдельный путь задается тегом moveto. Если автоматическое перемещение камеры не нужно, то данный раздел можно полностью исключить.

Атрибуты moveto задают параметры движения:
apid - идентификатор данного пути, уникальное значение
pan - поворот камеры по горизонтали град.
tilt -  поворот камеры по вертикали град.
fov - изменение диагонального угла обзора
speed - скорость
next - идентификатор следующего пути после завершения текущего

Более подробную информацию о формате IVP можно узнать из IVP Reference Guide 1.2.1.0.

3. Загружаем IVP файл к себе в галерею
Файл можно загрузить в альбом где хранятся файлы панорам, но лучше создать отдельный альбом для IVP файлов и загружать их именно в данный альбом. А чтобы IVP файлы данного альбома не смущали остальных посетителей фотогалереи, сделайте данный альбом доступным только себе. Ведь фактически данные файлы нужны только для PURE Player.

4. Открываем фото панорамы в галерее и смотрим результат.

Классно. Только такой зверский тутор  :D :o

viz0r записан в 29.11.2010 :: 01:34:20:

Классно. Только такой зверский тутор  :D :o

Это всего лишь выжимки из оригинальной документации. :)

Добавлю еще немного, надеюсь полезной информации.

Связывание панорам

Т.е. организация перехода от просмотра одной панорамы к другой в пределах PURE Player.

Делается это очень просто, в раздел PanoSphere добавляется тег hotspotPoint. Данный тег вставляет в панораму кнопку для перехода, при нажатии на которую PURE Player загружает новую панораму и отображает ее. Опять же для простоты приведу готовый код, который используется в панораме http://foto.krasnoturinsk.org/cpg/displayimage-69981.html:

[code html]<hotspotPoint id="hs1" color="0xff00ff00" visible="true" display="true" pan="-67" tilt="-20" size="50" image="albums/userpics/10001/top-right.gif">
     <text>Перейти на набережную</text>   
     <mouseClick>loadpano( "albums/userpics/10001/pano3.ivp", false);</mouseClick>
</hotspotPoint>[/code]
Назначение атрибутов hotspotPoint:
id - идентификатор кнопки, в принципе можно его не писать совсем.
color - цвет кнопки
visible и display - управляют отображением кнопки, чтоб не заморачиваться оба значения true
pan - положение кнопки на панораме по горизонтали в град. (положительные значения - влево, отрицательные - вправо, от середины панорамы)
tilt - вертикальное отклонение кнопки в град.
size - размер кнопки в пикселях или процентах
image - ссылка на файл изображения кнопки (GIF или JPG)

Из примера кода видно что тег hotspotPoint содержит дочерние теги text и mouseClick.

Тег text содержит текст, который отображается в статусной строке PURE Player при наведении указателя мышки на кнопку.

Тег mouseClick определяет действие, которое произойдет при клике мышкой на кнопке. В данном случае вызывается метод loadpano, которому передаются 2 параметра: 1-й - это ссылка на файл панорамы, которую требуется открыть, а 2-й параметр имеет значение истина или ложь в зависимости от того надо нам сохранять текущую ориентацию камеры при переходе или нет.

И так, полный код файла панорамы с кнопкой перехода выглядит следующим образом:
[code html]<?xml version="1.0" encoding="utf-8" ?>

<panorama xmlns="http://www.immervision.com/panorama">

     <PanoCylinder minTilt="-29" maxTilt="29" minPan="-90" maxPan="90">
           <image file="albums/userpics/10001/pano4.jpg" preview="albums/userpics/10001/nor_pano4.jpg"/>

           <hotspotPoint id="hs1" color="0xff00ff00" visible="true" display="true" pan="-67" tilt="-20" size="50" image="albums/userpics/10001/top-right.gif">
                 <text>Перейти на набережную</text>
                 <mouseClick>loadpano( "albums/userpics/10001/pano3.ivp", false);</mouseClick>
           </hotspotPoint>

     </PanoCylinder>

     <camera>
           <size width="3710" height="1200"/>
           <entrypoint pan="0" tilt="0" fov="110"/>
           <limits  minTilt="-29" maxTilt="29" minPan="-90" maxPan="90" maxFov="110.0" minFov="50.0" />
           <autopath>
                 <moveto apid="1" pan="-45" speed="3" next="2"/>
                 <moveto apid="2" pan="45" speed="3" next="1"/>
           </autopath>
     </camera>

     <meta>
           <title>Ekaterinburg</title>
           <description>A trip to Ekaterinburg 26.08.2010</description>
           <author>Alex</author>
           <copyright>Copyright (c) 2010 Alex</copyright>
     </meta>
     
</panorama>[/code]

В принципе, писание кода не есть основное занятие для фотолюбителя, поэтому кому потребуется помощь для оформления панорам, пишите в данной теме или мне в ЛС.

А вообще есть желание сделать панорамную фото-экскурсию по городу. К чему всех фото-клуберов да и просто фотолюбителей и призываю.

Делайте качественные панорамы, желательно делать их на 360 град. с размером файла по высоте не менее 1200 пикселей. Файлы отсылайте мне или размещайте в галерее.

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

2 панорамы на 360 от Дмитрия Кускова

http://foto.krasnoturinsk.org/cpg/displayimage-73674.html

http://foto.krasnoturinsk.org/cpg/displayimage-73675.html

Панорамы гут, но по-детальней бы, маловаты для полно-экранного режима просмотра. Если остались исходники, может их пересобрать заново? :)

на первой блики солнца прикололи. На второй почемуто нету.

А такие панорамы вверх-вниз можно смотреть?

viz0r записан в 05.12.2010 :: 00:48:28:

на первой блики солнца прикололи. На второй почемуто нету.

Эффект бликов тоже ручками делается. Указываешь координаты солнца и файл с настройками бликов, готово. На фонтанах солнце за тучами, поэтому на нем блики были бы не естественны. :)


viz0r записан в 05.12.2010 :: 00:48:28:

А такие панорамы вверх-вниз можно смотреть?

Да, если панорама 360 на 180, т.е. 100% охват.

Alex записан в 04.12.2010 :: 22:19:05:

2 панорамы на 360 от Дмитрия Кускова http://foto.krasnoturinsk.org/cpg/displayimage-73674.html http://foto.krasnoturinsk.org/cpg/displayimage-73675.html Панорамы гут, но по-детальней бы, маловаты для полно-экранного режима просмотра. Если остались исходники, может их пересобрать заново? :)

Спасибо за оформление! Выложил оригиналы с нормальным разрешением.

@ dmitri

Панорамы перезалил. :)

Вроде все понятно, но что-то ничего не понятно)

"Что нужно сделать, чтобы ваши панорамы в галерее начали показываться через плеер, а не как обычные снимки?"
1. Загрузить файл панорамы в галерею. (загрузил)
2. Необходимо подготовить IVP-файл. (в предвкушении обрадовался помощи Alexa на данном шаге)
3. Загружаем IVP файл к себе в галерею (загрузил)
4. Открываем фото панорамы в галерее и смотрим результат. (открыл панораму, но увидел её в виде обычной картинки...)

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

Alex, выручай - лучше небольшим дополнением тутора, может будет полезно не только мне

@ xac

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

Переименуй файлы панорамы и IVP и залей их в галерею заново, старые файлы удали.

@ xac

Ну вот, классная панорама получилась! :)

http://foto.krasnoturinsk.org/cpg/displayimage-76088.html

Кстати, где снимал?

Alex записан в 06.05.2011 :: 22:41:29:

@ xac Кстати, где снимал?

Отвалы глиняного карьера за Рудничным (60.3183853626251, 59.6916101254874) вид оттуда обалденный!

оч красиво!!!

Днем катался на веле, возле ЛПУ сделал еще одну панорамку.

http://foto.krasnoturinsk.org/cpg/displayimage-76100.html

Гул там стоит непрерывный.

@ xac

Из скольких кадров твоя панорама склеена и чем клеил?

36 кадров, клеил PanoramaStudio2, потом немного фотошопа, надо было еще раз через PanoramaStudio прогнать, чтобы небо выровнялось и шов не видно было.

наверное такая панорама будет шикарно выглядеть с мачты какой-нибудь.
а это, пардон, со штатива фотографируется???

xac записан в 08.05.2011 :: 08:17:32:

36 кадров, клеил PanoramaStudio2, потом немного фотошопа, надо было еще раз через PanoramaStudio прогнать, чтобы небо выровнялось и шов не видно было.

2 ряда по 16 кадров, т.е. использовал широкоугольный объектив или ошибаюсь?


ia78 записан в 08.05.2011 :: 14:46:11:

наверное такая панорама будет шикарно выглядеть с мачты какой-нибудь. а это, пардон, со штатива фотографируется???

При съемке с мачты будет отсутствовать передний план, а без него панорама будет невзрачной. Судя по тени на снимке, штатив не использовался.

Объектив 17 мм (на кропе 28мм), три ряда по 11/12/13 кадров - небо в фотошопе дорисовывал