Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
   
  ГлавнаяСправкаПоискВходРегистрация  
 
Страниц: 1 2 
Печать
Просмотр панорам на Фото на Краснотурьинск.ру (Прочитано 30 780 раз)
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Просмотр панорам на Фото на Краснотурьинск.ру
29.11.2010 :: 00:57:18
 
В нашу галерею добавлена возможность просмотра панорамных снимков на основе технологии 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> 



Как видно, файл имеет два основных раздела 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. Открываем фото панорамы в галерее и смотрим результат.
Наверх
« Последняя редакция: 04.12.2010 :: 19:53:36 от Alex »  
WWW  
IP записан
 
viz0r
Модератор
Фотоклуб 60х60
*****
Вне Форума



Настрочил: 976
Краснотурьинск
Пол: male
Re: Фото на Краснотурьинск.ру теперь поддерживает просмотр панорам
Ответ #1 - 29.11.2010 :: 01:34:20
 
Классно. Только такой зверский тутор  Очень довольный Ужас
Наверх
 
WWW 2066145  
IP записан
 
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Re: Фото на Краснотурьинск.ру теперь поддерживает просмотр панорам
Ответ #2 - 29.11.2010 :: 01:43:15
 
viz0r писал(а) 29.11.2010 :: 01:34:20:
Классно. Только такой зверский тутор  Очень довольный Ужас

Это всего лишь выжимки из оригинальной документации. Улыбка
Наверх
 
WWW  
IP записан
 
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Re: Фото на Краснотурьинск.ру теперь поддерживает просмотр панорам
Ответ #3 - 04.12.2010 :: 19:36:27
 
Добавлю еще немного, надеюсь полезной информации.

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

Т.е. организация перехода от просмотра одной панорамы к другой в пределах 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> 


Назначение атрибутов 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> 


Наверх
« Последняя редакция: 04.12.2010 :: 22:44:15 от Alex »  
WWW  
IP записан
 
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Re: Фото на Краснотурьинск.ру теперь поддерживает просмотр панорам
Ответ #4 - 04.12.2010 :: 19:51:21
 
В принципе, писание кода не есть основное занятие для фотолюбителя, поэтому кому потребуется помощь для оформления панорам, пишите в данной теме или мне в ЛС.

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

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

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



Настрочил: 11 595
Краснотурьинск
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #5 - 04.12.2010 :: 22:19:05
 
2 панорамы на 360 от Дмитрия Кускова

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

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

Панорамы гут, но по-детальней бы, маловаты для полно-экранного режима просмотра. Если остались исходники, может их пересобрать заново? Улыбка
Наверх
 
WWW  
IP записан
 
viz0r
Модератор
Фотоклуб 60х60
*****
Вне Форума



Настрочил: 976
Краснотурьинск
Пол: male
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #6 - 05.12.2010 :: 00:48:28
 
на первой блики солнца прикололи. На второй почемуто нету.

А такие панорамы вверх-вниз можно смотреть?
Наверх
 
WWW 2066145  
IP записан
 
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #7 - 05.12.2010 :: 02:11:26
 
viz0r писал(а) 05.12.2010 :: 00:48:28:
на первой блики солнца прикололи. На второй почемуто нету.

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

viz0r писал(а) 05.12.2010 :: 00:48:28:
А такие панорамы вверх-вниз можно смотреть?

Да, если панорама 360 на 180, т.е. 100% охват.
Наверх
 
WWW  
IP записан
 
dmitri
Специалист
Модератор
****
Вне Форума



Настрочил: 1 081
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #8 - 05.12.2010 :: 09:08:12
 
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

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

Спасибо за оформление! Выложил оригиналы с нормальным разрешением.
Наверх
 
 
IP записан
 
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #9 - 05.12.2010 :: 17:19:50
 
@
dmitri

Панорамы перезалил. Улыбка
Наверх
 
WWW  
IP записан
 
xac
Пользователь
**
Вне Форума


Я люблю наш Форум!

Настрочил: 211
Пол: male
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #10 - 06.05.2011 :: 21:45:23
 
Вроде все понятно, но что-то ничего не понятно)

"Что нужно сделать, чтобы ваши панорамы в галерее начали показываться через плеер, а не как обычные снимки?"
1. Загрузить файл панорамы в галерею.
(загрузил)

2. Необходимо подготовить IVP-файл.
(в предвкушении обрадовался помощи Alexa на данном шаге)

3. Загружаем IVP файл к себе в галерею
(загрузил)

4. Открываем фото панорамы в галерее и смотрим результат.
(открыл панораму, но увидел её в виде обычной картинки...)


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

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

Наверх
 
 
IP записан
 
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #11 - 06.05.2011 :: 21:59:55
 
@
xac

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

Переименуй файлы панорамы и IVP и залей их в галерею заново, старые файлы удали.
Наверх
 
WWW  
IP записан
 
Alex
Админ
*****
Вне Форума



Настрочил: 11 595
Краснотурьинск
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #12 - 06.05.2011 :: 22:41:29
 
@
xac

Ну вот, классная панорама получилась! Улыбка

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

Кстати, где снимал?
Наверх
 
WWW  
IP записан
 
xac
Пользователь
**
Вне Форума


Я люблю наш Форум!

Настрочил: 211
Пол: male
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #13 - 06.05.2011 :: 22:48:24
 
Alex писал(а) 06.05.2011 :: 22:41:29:
@
xac
Кстати, где снимал?

Отвалы глиняного карьера за Рудничным (60.3183853626251, 59.6916101254874) вид оттуда обалденный!
Наверх
 
 
IP записан
 
ia78
Писатель
*****
Вне Форума



Настрочил: 4 123
Краснотурьинск
Пол: male
Re: Просмотр панорам на Фото на Краснотурьинск.ру
Ответ #14 - 07.05.2011 :: 20:02:14
 
оч красиво!!!
Наверх
 

Я самый добрый на свете человек...
 
IP записан
 


Страниц: 1 2 
Печать