|
Kiev360.net Lviv360.net Odessa360.net
|
+38(067)
751-44-91
info@mezzanine.com.ua
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
||
|
|
+38(067)
751-44-91
|
|
|
||||
|
|
|||||||
|
info@mezzanine.com.ua
| |||||||
|
|
|||||||
|
|
|||||||
|
|
|
|
|||||
|
|
|||||||
|
Рекомендации web разработчикам. Как создается панорамная фотография. Один из лучших сайтов посвященных панорамной фотографии http://zubetzblitz.narod.ru/NewQTWR/navigator.htm Если есть желание разобраться с нюансами съемки - лучшего сайта на русском языке не найти. В любом случае, для создания качественных панорамы в сжатые сроки нужно иметь дорогостоящее съемочное оборудование и навыки сведения панорам. Мы специализируемся на съемочном процессе. Программная часть является "вспомогательной". Для разработки мультимедийных проектов с широким функционалом мы привлекаем сторонних разработчиков. Форматы панорамных фотографий. Панорамные фотографии передаются клиенту в нескольких форматах. основой для всех форматов вывода является tif файл с соотношением сторон 2:1, из которого можно получить любой формат отображения панорамы - как для Интернета, так и для печати. На данный момент основным форматом воспроизведения панорам является Flash. Flash Panorama Player Мы используем самый известный flash движок - Flash Panorama Player. Официальный сайт движка - http://flashpanoramas.com Форум пользователей и разработчиков - http://www.flashpanos.com Ресурс, посвященный панорамной фотографии - VRMag http://vrmag.com Ресурс, посвященный плагинам - http://wirestam.com/panos/Flash/plugins/#picMenu Вы можете использовать абсолютно любой флеш плеер для проигрывания панорам. Для этого достаточно, чтобы он понимал один из вариантов отображения панорамы. Установка панорамы на страницу Простейший пример. (ссылка ) Если у нас есть html файл, куда мы хотим вставить панораму, то нам нужно сделать следующие действия. В html файле вставляете ссылку на скрипт Далее вставляете блок, в котором указывается размер окна отображения var so = new SWFObject("pano.swf", "pano", "100%", "800", "9", "#282828"); (в данном случае - 100% по ширине окна и 800 пикселей по высоте) и ссылка на xml файл (so.addVariable("xml_file","index2.xml")).  Панорама описывается в xml файле. Именно XML файл "собирает" панораму из 6 jpg файлов (сторон куба), каждый из которых в конце имени имеет приставку (к примеру _d - нижняя сторона куба). В файле XML мы указываем параметры отображения панорамы и ссылаемся на используемые плагины. В простейшем случае в html файле мы ссылаемся на движок pano.swf задаем параметры окна ("100%", "140") отображения и ссылаемся на XML файл (so.addVariable("xml_file","index2.xml")) Именно XML файл "собирает" панораму из 6 jpg файлов (сторон куба), каждый из которых в конце имени имеет приставку (к примеру _d - нижняя сторона куба). В файле XML мы указываем параметры отображения панорамы и ссылаемся на используемые плагины. < panorama> < parameters> panoName = images/news_pano/2007-12-29_Duma_evening_hall_04__ (где 2007-12-29_Duma_evening_hall_04__ - это название jpg файла без расширения и последнего нижнего подчеркивания) zoomHome = 0.3 (начальный zoom ) layer_2 = autorotator.swf (ссылка на плагин автопрокрутки) layer_4 = openFullscreen.swf (ссылка на плагин раскрывания панорамы на полный экран) < /parameters> < autorotator>speed = -0.1 interval = 30 pause = 1 quality = low< /autorotator> < /panorama> Более подробное описание возможностей работы с панорамой Вы можете найти на официальном сайте сайте Flash Panorama Player. Как наиболее эффективно использовать панораму на странице Самая распространенная ошибка - выложить на свой сайт в том виде, в котором мы отдали панорамы. Мы отдает Исходные панорамы в высоком разрешении. Грамотнее всего будет, если вы дополните уже существующие страницы панорамами и дадите возможность пользователю в отдельном окне загрузить панораму в более высоком разрешении. Панорама в небольшом окне будет "весить" до 200кб. В большем разрешении - до 1-3 Мб. Наиболее удобно, если страница с панорамой в высоком разрешении будет содержать дополнительную информацию - текст, фотографии, звук, а сама панорама будет занимать 70-80% окна. Все равно из этого режима вы можете подключить плагин полноэкранного режима, и панорама будет разворачиваться на полное окно. Панорама - это не панацея и не замена "всего" - это лишь дополнительный эффективный инструмент. Размер и "вес" панорамы Сейчас панорамы отображаются, используя 6 jpg файлов (стороны куба) - верх, низ, лево, право, перед, зад. Итоговый размер (вес) панорамы будет зависеть от качества, в котором необходимо отобразить панораму и складывается из суммы размеров этих 6 сторон куба. В среднем, flash панорамы, которые Вы видите на сайте Kiev360.net и Odessa360.net весят до 800-900 Kb и в этом качестве могут вполне отображаться на полный экран. Сторона этих панорам - 1000 пикселей, , качество jpg сжатия 50% и каждый из шести файлов весит весят по 150 - 250 кб. Если нужно такую панораму отобразить на странице в небольшом окне со стороной 250 пикселей, тогда есть смысл сделать копии jpg файлов со стороной 300-500 пикселей и сжатием 30-40%. Тогда панорама будет "весить" не 800 Кб, а 250 Кб. Но, если Вам нужно отображать панорамы на СД - Вы можете использовать jpg файлы со стороной в 1500 px и качеством jpg в 80-90% - тогда панорама будет весить до 6-9 Мб. Точки переходов. Точки переходов образуют виртуальный тур. Они устанавливаются в xml файле: spot pan="0" tilt="0" url="images/arrow.png" linked="images/2008-02-29_Room1_3_final_1500" onClick="loadPano(?panoName=images/2008-02-19_Ayvazovskiy_05)" / pan="0" tilt="0" - указывают на место, где будет расположена точка url="images/arrow.png" - какое изображение используется для обозначения перехода linked="images/2008-02-29_Room1_3_final_1500" - указывается название текущей панорамы onClick="loadPano(?panoName=images/2008-02-19_Ayvazovskiy_05 - какая панорама загрузится после клика на точке перехода. В качестве изображения для точки перехода может использоваться практически любое изображение или swf анимация. Чаще всего используют PNG с прозрачностью. Возможности. Одними из широко востребованных возможностей являются: - приближение отдаление панорамного изображения - с помощью скрол колеса мыши или клавиш Ctrl/Shift - запуск панорамы в полноэкранном режиме - с помощью соответствующего плагина - автопрокрутка панорамы - с помощью соответствующего плагина - точки переходов в виртуальном туре Все эти возможности осуществляются с помощью соответствующих плагинов (на которые ссылаетесь в xml файле). < parameters > panoName = images/2008-02-19_Ayvazovskiy_05 zoomHome = 0.5 layer_2 = files/autorotator.swf layer_3 = files/hotspots.swf layer_4 = files/openFullscreen.swf < / parameters > |
|
||||||||||||||||
|
copyright 2005, Mezzanine
|
|||||||||||||||||
