Pano2VR 4.5.3 Pro - Экспорт в формат Flash - Теория (часть 2)

Экспорт панорамы в формат Flash, Панорама в формате Flash, Как сделать Flash-панораму в Pano2VR

1 5 4.7 3262

Pano2VR 4.5.3 Pro - Экспорт во Flash - Теория, часть 2

Изображение

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

Почему не стоит выбирать формат Flash, а отдать предпочтение HTML5 читайте здесь.

Рисунок 1. Секция «Экспорт» с выбранным пунктом «Flash».

Для начала экспорта в секции «Экспорт» (рис. 1) в правой части окна нужно выбрать формат Flash и нажать на кнопку «Добавить». Появится окно «Параметры Flash» с пятью вкладками (рис. 2). Можно конечно оставить все настройки по умолчанию и нажать на кнопку OK. Но задача данной стаьи разобрать по шагам алгоритм экспорта.

Вкладка «Настройки»

Рисунок 2. Секция «Качество изображения».

Опции секции «Качество изображения» (рис. 2) позволяют задать размер граней куба, степень сжатия изображения грани куба, а также определить их расположение.

Размер стороны куба – это максимально возможный размер стороны куба в пикселах для загруженной панорамы. Это значение уже будет определено. Вычисляется автоматически по формуле Wэкв/4, где Wэкв – ширина эквидистантной проекции. Также размер может быть Вычислен и с Pi-фактором: Wэкв/Pi, если в настройках программы включена соответствующая опция.

Оптимальный размер грани куба Pano2VR определяет исходя из размера окна и заданного значения FoV в параметрах проекции.

Уровень компрессии определяет качество JPG-изображения. Чем выше значение, тем выше качество. Рекомендуемые значения 80 – 100%.

Рисунок 3. Окно «Уровень компрессии сторон куба».

Это значение задано для всех граней куба. Для того чтобы задать уровень компрессии индивидуальный для всех граней нужно нажать на кнопку «Выборочно» и в появившемся окне (рис. 3) установить определенным граням нужные значения. Здесь же указывается степень сжатия для изображений предпросмотра.

Сегменты - чем больше количество сегментов, тем быстрее загружается панорама. Игнорируется при использовании опции «Мультирезолюшн»

При активировании опции «Внешний контент» изображения сторон куба будут не встроены в swf-файл, а размещены в отдельном каталоге. Опция игнорируется при использовании опции «Мультирезолюшн»

Рисунок 4. Список суффиксов

В строке «Имя» указывается имя каталога, В который будут сохранены изображения граней куба, а также имя файла, например, «images\$n_o.jpg», где $n – системная переменная, содержащая имя файла загруженного изображения проекции (без расширения).

Face Names (почему то не переведено на русский язык) – наборы суффиксов (рис. 4), которые будут добавляться к именам файлов изображений граней куба (рис. 5).

Рисунок 5. Имена файлов сторон куба

Рисунок 6. Секция «Окно»

В секции «Окно» (рис. 6) устанавливаются размеры области воспроизведения, а также её поведение при масштабировании.

Режим масштабирования может быть выбран из следующих значений:

  • Отсутствует – масштабирование не происходит. Если размер окна просмотра больше размера области воспроизведения, то свободная область будет заполнена фоновым цветом;
  • Адекватное – масштабирование будет происходить с c сохранением пропорций;
  • Произвольное – масштабирование не зависит от размера окна;
  • Точное – масштабирование будет происходить в соответствии с размерами окна без сохранения исходных пропорций.

Опция «Режим FoV» определяет, какой угол зрения должен оставаться неизменным при масштабировании или изменении размеров окна:

  • Вертикально – будет сохранен угол зрения по вертикали;
  • Горизонтально – горизонтальный угол зрения будет постоянным при масштабировании;
  • Диагонально – сохраняется диагональный угол зрения;
  • Максимально – при масштабировании будет сохранен тот угол зрения, который является наибольшим.

Рисунок 7. Секция «Автоплей»

Опции секции «Автоплей» (рис. 7) позволяют настроить автоматическое воспроизведение панорамы при её загрузке. Если нужен автоплей, активируем переключатель «Включить автоплей», после чего станут доступными другие опции.

Опция «Скорость» определяет скорость панорамирования (°/кадр). Если задать отрицательное число, то панорама будет вращаться влево, если положительное − вправо.

Опция «Задержка» (сек.) определяет, какое время должно пройти до повторного запуска автовоспроизведения с момента, когда пользователь перестанет вращать панораму сам.

Опция «Возврат в горизонт» определяет, как быстро направление взгляда будет возвращено к горизонтальному положению (т.е. Tilt=0).

При активации опции «Только после полной загрузки» автовоспроизведение будет начато, когда панорама полностью будет загружена.

При активированной опции «Автоплей только в фокусе», панорама будет вращаться только при наведении на нее курсора.

Опция «Поменять узел» имеет смысл в создании виртуального тура и определяет интервал смены панорам. Может принимать значения «никогда» или определенное значение в секундах. Если необходим переход между панорамами в том порядке, в котором они расположены нужно отключить опцию «Случайный», в противном случае оставить её без изменения.

Рисунок 8. Секция «Оформление»

В секции «Оформление» (рис. 8) выбирается файл шаблона оформления из списка стандартных, включенных в программу или созданного ранее шаблона. Кнопка «Редактировать» вызывает редактор шаблона, если понадобится внести правки в выбранный шаблон. Кнопка файл откроет диалоговое окно для выбора файла шаблона.

Если файл шаблона находится в каталоге проекта, то в строке «Имя» можно использовать системную переменную $d, которая содержит полный путь к каталогу проекта. Если программа обнаружит в каталоге проекта файлы шаблонов, они будут добавлены в список выбора.

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

Рисунок 9. Секция «Экспорт»

В секции «Экспорт» (рис. 9) задается имя экспортируемого swf-файла. Это имя уже будет присутствовать в строке ввода. По желанию его можно изменить.

Имя экспортируемого файла состоит из имени каталога экспорта, имени файла проекта и суффикса.

Имя каталога экспорта и суффикс файла задаются в настройках программы на вкладке «Файлы» в секции «Экспорт» (рис. 10). Чтобы суффикс не добавлялся к имени экспортируемого файла можно оставить поле ввода суффикса пустым.

Рисунок 10. Окно «Настройки», вкладка «Файлы»

Вкладка «Визуализация»

Рисунок 11. Секции «Загрузка / Превью» и «Настройки качества»

В секции «Загрузка / Превью» (рис. 11) определяются параметры предпросмотра панорамы до ее полной загрузки. Параметр «Тип», отвечающий за стиль окраски изображений предпросмотра может принимать значения «Отсутствует», «Градации серого», «Сепия», «Цвет».

Параметр «Соотношение» отвечает за качество изображения предпросмотра. Если он установлен 1:1, то качество изображения будет соответствовать качеству оригинального изображения.

Режим загрузки определяет, как будут загружаться изображения предпросмотра. Может принимать значения: «Отсутствует», «Стандартное», «Случайное».

В секции «Настройки качества» (рис. 11) задается частота кадров, а также опции, позволяющие ускорить рендеринг (просчет) сцены.


 

Рисунок 12. Секция «Эффекты перехода»

Настройка параметров секции «Эффекты перехода» (рис. 12) имеет смысл при создании тура. Существует два типа переходов: наплыв на следующую и плавный переход в фон. При выборе второго типа перехода справа от списка появится кнопка выбора цвета фона. Параметр «Тайминг» определяет время, за которое будет осуществлен переход. Параметр «Зум FoV» задает минимальный угол обзора при зумировании, который будет установлен при осуществлении перехода. Этот параметр учитывается, если активирован переключатель «Зум перед эффектом». Значение «Зум FoV» не может быть меньше минимального ограничения FoV», устанавливаемого в параметрах проекции. Тайминг зума определяет время зумирования.

Вкладка «Дополнительно»

Рисунок 13. Секция «Контроль»

Секция «Контроль» (рис. 13) позволяет определить, какими устройствами может осуществляться навигация по панораме и её параметры. Например, можно отключить возможность управлять просмотром с помощью клавиатуры: отключить зуммирование или полностью отключить управление с клавиатуры. В случае необходимости отключения управления мышью и клавиатурой нужно предусмотреть способ управления с помощью кнопок интерактивного оформления.

Опция «Динамика движения» содержит один переключатель «Плавная». Активация этого переключателя добавляет в панораму инерционность вращения.

Рисунок 14. Секции «Контекстное меню» и «Курсор»

В секции «Контекстное меню» (рис. 14) определяются пункты меню, которое будет показываться при нажатии правой кнопкой мыши (рис.15).

Здесь можно добавить пункт меню для включения полноэкранного режима, скрыть пункт «About Pano2VR» и указать одну гиперссылку.

Для гиперссылки в первой строке указывается текст пункта меню (здесь ошибка в названии пункта), во второй строке − URL.

Рисунок 15. Контекстное меню панорамы с добавленными пунктами

В секции «Курсор» (рис. 14) определяется вид курсора мыши в зависимости от ситуации.

При выборе пункта «Только при вращении» при осуществлении вращения панорамы курсор изменит вид со стандартного системного (стрелка) на встроенный.

При выборе пункта «Постоянно» встроенный курсор будет отображаться и при вращении, и при бездействии. Данная опция работает, если активирована опция «Только при вращении».

Предусмотрена возможность использования собственных курсоров. Для этого нужно указать имя файла содержащего изображения курсоров. Файл должен поддерживать прозрачность (альфа-канал). Можно использовать изображения со следующими расширениями: .tif, .tiff, .png, .psd, .psb.

Рисунок 16. Изображение с массивом курсоров

Изображение имеет размер 160x96 пикселей (рис. 16) и содержит массив изображений курсора, имеющих размер 32x32 с фактической позицией в центре. Файл, изображение которого представлено на рис. * можно скачать по ссылке, размещенной ниже поля ввода имени файла. Также можно скачать с моего сайта. Опираясь на содержимое данного файла можно создать свои курсоры и использовать их в проекте.

Рисунок 17. Секция «Текстовые модули для активных зон»

Опции секции «Текстовые модули для активных зон» (рис. 17) определяют вид текстовых подсказок активных зон. Если в проекте нет активных зон, то эту опцию можно отключить. Для текстовой зоны можно установить размер, свойства текста, фона и рамки. При включенной опции «Авто» высота текстового модуля определяется автоматически.


Рисунок 18. Секция «Полигональная активная зона»

Опции секции «Полигональная активная зона» определяют вид полигональной зоны (рис. 18).

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

  • Всегда скрыто – полигональная зона не будет отображаться. При наведении курсора будет показан текст установленного заголовка.
  • Всегда виден – полигональная зона будет видна постоянно.
  • Показать текущее положение − полигональная зона отобразится при наведении курсора, а при покидании курсора будет скрываться.
  • Показать все – при наведении курсора в область полигональной зоны будут показаны все полигональные зоны, которые есть на панораме, а при покидании курсора все зоны будут скрыты.
  • Отключено – режим полигональной зоны отключен.

Рисунок 19. Секция «Ограничение доступа к файлу»

Настройки в секции «Ограничение доступа к файлу» позволяют запретить воспроизведение панорамы на другом домене, а также установить срок завершения действия панорамы (рис. 19).

Если нужно запретить воспроизведение на других доменах при публикации панорамы в сети, нужно активировать переключатель «Привязка к домену». Затем в строке «Домен» перечислить домены, на которых панорама должна воспроизводиться. Также можно указать сообщение, которое будет показано в случае попытки воспроизвести панораму на доменах, отличных от заданных. Сообщение может быть оформлено с помощьюHTML-тегов.

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

На поддоменах, указанных доменов воспроизведение панорамы также будет разрешено. Если будет указан субдомен, то на домене панорама воспроизводиться не будет.

mydomain.com

mydomain.com – воспроизведение разрешено;
www.mydomain.com – воспроизведение разрешено.

www.mydomain.com

mydomain.com – воспроизведение не разрешено;
www.mydomain.com – воспроизведение разрешено.

Для ограничения срока действия панорамы нужно активировать переключатель «Тестовый период» и указать установить дату, после которой панорама не будет воспроизводиться.

Также можно указать сообщение, которое будет показано в случае попытки воспроизвести панораму после указанной даты. Сообщение может быть оформлено с помощьюHTML-тегов.

Вкладка «Мультирезолюшн»

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

По умолчанию опция отключена (рис. 20) и конечный результат создается учитывая настройки секции «Качество изображения» со вкладки «Настройки».

Рисунок 20. Секция «Основные настройки»

При включении опции будет предложено создать 3 уровня (рис. 21) с различными значениями сторон. Количество уровней можно изменить. Кроме того можно изменить ширину сегмента.

Рисунок 21. Запрос на добавление уровней.

Основные настройки (рис. 22):

  • Размер сегмента – максимальная длина стороны сегмента в пикселях. Рекомендуемые значения от 250 до 1000 пикселей;
  • Формат – опция определяет вид сегмента. При выборе пункта «Куб» будет сделано преобразование в стороны куба, а затем для каждой из сторон будут созданы сегменты. При выборе пункта «Сфера» (пункт доступен, если исходное изображение в эквидистантной проекции) преобразование в стороны куба не будет сделано. Рекомендуется выбирать формат «Куб» для оптимальной производительности;
  • Файл – шаблон пути, по которому будут сохранены сегменты. Можно выбрать из предложенных, а можно определить свой. Следует ознакомиться с переменными, которые используются в шаблонах;
  • Генерировать файлы – если переключатель активирован, то будут создаваться файлы сегментов. Чтобы не создавать сегменты повторно для экономии времени, эту опцию нужно отключить. В версии 5 эта опция отсутствует, а программа сама принимает решение о необходимости создания сегментов.

­

Дополнительные настройки (рис. 22):

  • Нахлест – во избежание видимых швов при наложении сегментов. При создании сегмента, его размер будет увеличен на 1 пиксель с каждой стороны;
  • Память под Raw – количество памяти, которое будет использовано для загрузки сегментов;
  • Память под текстуру – количество памяти для хранения декодированных сегментов. Файлы сегментов сохранены в JPEG-формате, а для использования во Flash их необходимо преобразовать в формат bitmap;
  • Уровневый порог переключения – масштаб увеличения сегмента, при котором будет происходить переключение уровней. Оптимальное значение 0,4-0,5;
  • Сегменты в ожидании загрузки – количество сегментов, загружаемых единовременно. 20-10 для оптимальной производительности показа;
  • Сегменты в ожидании декодирования – Сегменты в ожидании декодирования – количество сегментов, декодируемых единовременно.

Рисунок 22. Секции «Основные настройки» и «Дополнительно»

Рисунок 23. Секция «Уровни»

При выборе переключателя «Присоединить» (рис. 23) сегменты, относящиеся к данному уровню, будут встроены в swf-файл. Остальные сегменты будут находиться в каталоге ««tiles». Можно встроить в swf-файл все уровни. Однако при этом увеличится размер файла, и загрузка панорамы может занять значительное время. Поэтому рекомендуется присоединять уровень с самым малым разрешением.

Вкладка «HTML»

Если опция «Подключить HTML файл» (рис. 24) включена, то в соответствии с заданными настройками этой вкладки будет создан html-файл, содержащий код встраивания swf-файла. Это значительно упрощает задачу встраивания панорамы на сайте.

Рисунок 24. Секция «Уровни»

Для создания веб-страницы нужно активировать переключатель «Подключить HTML файл». Затем в списке шаблонов выбрать нужный шаблон.

Для экспорта во flash доступно 2 шаблона fullscreen.ggt и normal.ggt. В первом шаблоне окно просмотра занимает всю область страницы браузера, а во втором – только часть в соответствии с заданным размером окна.

Можно создавать свои собственные шаблоны. Вот только в Pano2VR нет средства для создания шаблонов. Шаблон представляет собой текстовый файл с расширением .ggt, содержащий команды и HTML теги. Команды нужны для создания опции для вывода их в секции «Параметры шаблона HTML», а также для управления выводом результата в зависимости от выбранных опций шаблона. Как создавать HTML-шаблоны я рассмотрю в одной из следующих статей.

Шаблон normal.ggt дает возможность добавить таблицу, в которой будут отображены пользовательские метаданные. Для добавления таблицы нужно активировать переключатель «Show User Data Table». По желанию можно настроить внешний вид таблицы, используя кнопки выбора цвета для границы таблицы (Table Border Color), текста (Table Text Color) и фоновой заливки (Table Background Color).

Опция «Create the necessary code to embed a panoramic video», которая присутствует только в шаблоне normal.ggt позволяет создать код для встраивания 360° видеофайла.

Дополнительные опции:

  • Опция «Direct node access» позволяет получать доступ к узлам тура через адресную строку браузера. Это будет выглядеть так: http://domain.com/tour.html#node1, где node1 – идентификатор узла.
  • Опция «Enable JavaScript interface» дает возможность управлять панорамой с помощью JavaScript. Опция не обязательна, если управление панорамой предусмотрено в оформлении.

В секции «Экспорт шаблона HTML» нужно выбрать формат и задать имя пользователя. Между расширениями .html и .htm нет особой разницы. Они отличаются лишь буквой «l».

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

 

Рисунок 25. Окно «Состояние»

После всех настроек осталось нажать кнопку OK и подождать некоторое время пока идет процесс экспорта (рис. 25).

Если проект содержал панорамы в эквидистантной проекции, то будет сделано их преобразование в кубическую проекцию. Это преобразование делается один раз за открытие проекта.

В секции «Экспорт» будет добавлена запись с описанием типа экспорта, размера сегмента, и имени файла и четыре кнопки управления (рис. 26).

Рисунок 26. Экспорт в формат Flash выполнен

Таблица 1. Пояснения для кнопок управления

Открывает окно с настройками экспорта для изменения опций. После нажатия в открывшемся окне на кнопку OK будет предложено начать экспорт.

Запускает процесс экспорта с перезаписью ранее созданных файлов.

Открывает экспортный файл. Если подключался HTML-файл, то будет запущен браузер, установленный по умолчанию, в котором этот файл будет открыт. В противном случае запустится swf-файл, если в системе установлен проигрыватель flash.

Удаляет запись. Файлы, которые были получены в результате экспорта, не затрагиваются.

Format Flash очень распространенный формат. Однако этот формат не поддерживается некоторыми устройствами, особенно смартфонами и планшетами, работающими на операционных системах iOS и Android. Не так давно появилась альтернатива Flash – технология HTML 5, которая к настоящему времени уже созрела, чтобы использоваться повсеместно. На момент написания данной статьи стало известно, что компания Adobe, которая является владельцем и разработчиком технологии Flash, отказалась от него, сделав выбор в пользу HTML 5.

Большинство сферических панорам, представленных на этом сайте, воспроизводятся с помощью проигрывателя Flash. Не так давно я начал переводить панорамы на проигрыватель HTML 5. К такому шагу меня подтолкнуло то, что браузер в моем смартфоне не поддерживал воспроизведение панорамы на Flash.

В следующей статье рассмотрим особенности экспорта в формат HTML5.

Создание VR-панорам и виртуальных туров | Добавил: СЕРГЕЙ ДИШУК (05.12.2015)
4311 | Теги: flash, ЭКСПОРТ, эффекты, Pano2VR, мультирезолюшн, оформление, HTML5
Рейтинг: 4.7 / 3262 | Оцените материал:

Поделиться в социальных сетях:

Об авторе статьи:

Сергей Дишук, фотограф-любитель. Снимает пейзажи, животных, репортажи различных городских мероприятий. Увлекается программированием и разработкой программного обеспечения. Занимается съемкой панорам и созданием виртуальных туров более 5-ти лет. Имеет опыт работы в программах Adobe Photoshop, Lightroom, PTGui, Pano2VR, Autopano, Panotour.

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

Комментарии:

Недавние панорамы
Рубрикатор
Случайная панорама
Опрос
Как помогают Вам мои материалы по работе с Pano2VR?
Всего ответов: 2