novosibpano@yandex.ru  

  Разработки в krpano

Немного о Krpano и для чего нужны разработки.

Krpano – это мощный продукт для создания виртуальных туров, инструмент с большими возможностями по реализации задуманных проектов. Специфика работы в том, что у Krpano нет привычного для пользователя интерфейса, нет вкладок «Файл», «Главная», «Редактирование» и вся работа заключается в написании кода. Это отталкивает многих пользователей, хотя для создания виртуального тура со стандартными настройками и панелью управления понадобится меньше движений, чем в любом другом программном продукте. Для Krpano существует множество плагинов, которые позволяют минимизировать труд и разнообразить создание виртуальных туров. Пожалуй у каждого пользователя Krpano со временем появляются свои наработки, которые в дальнейшем облегчают работу. Здесь я бы хотел представить свои проекты, показать примеры использования и расказать о деталях.



Галерея фотографий

Галерея фотографий.

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




Редактор хотспотов

Редактор хотспотов.

Для работы с редактором нужны хотя бы начальные знания krpano. Сначала хотелось реализовать визуальный контроль над изменением параметров(ath,atv,scale,alpha,ox,oy...), но постепенно редактор дополнился кнопками изменения почти всех основнымх атрибутов хотспота, а так же атрибутами действий(можно ввести в окне браузера).
Постепенно добавилась панель для редактирования текстовых хотспотов, в которую я добавил возможность работы с цветом фона, бордюра, теней, текста. Можете изменять атрибуты html и css тут же наблюдая за ними.
Что из этого получилось - узнайте нажав на кнопку ниже.




Редактор слоев

Редактор слоев.

Элемент Krpano "слой" - один из кирпичиков создания проекта, может использоваться для вставки изображений, создания кнопок, фонов и т.д. Имеет несколько атрибутов с настраиваемыми параметрами. Например, нам нужно сделать кнопку определенного цвета с рамкой, закругленными углами и размытой тенью, все разного цвета. Или мы заранее знаем все параметры и вводим их в код , или мы вводим параметры, смотрим в браузере результат – «мало», меняем параметр, смотрим – «много», и так, пока не получим нужный результат. В итоге появилась идея создать редактор, который позволял бы менять нужные параметры с помощью панели управления и одновременно наблюдать за изменениями .




Редактор скина

Редактор скина.

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




Редактор точек и радаров на плане

Редактор точек и радаров на плане.

План помещения или территории хорошо дополняет виртуальный тур. Он помогает ориентироваться в пространстве, особенно, когда на плане обозначены точками места панорам и схематично указано направление и угол взгляда открытой в текущий момент панорамы.
В составе krpano есть плагин "Radar" - это конус, угол которого изменяется в зависимости от зуммирования. Он поворачивается вместе с вращением панорамы, указывая направление взгляда. Плагин "Radar" требует настройки - установка угла поворота, присвоение точке на плане. Точки на плане тоже нужно расставить в соответствии со сделанными местами съемки.
Плагин "edit_floorplan" позволяет легко и быстро справиться с этой задачей без написания кода, нужно только мышкой расставить точки, повернуть "радары" и сохранить




Компас

Компас.

Позволяет ориентироваться по направлению света.
Выглядит в виде шкалы, расположенной в верхней части экрана. Шкала масштабируется в зависимости от угла обзора.
Плагин легко настраивается,есть возможность сменить дизайн под ваши нужды.
Этот плагин так же входит в состав плагина "Редактор точек и радаров на плане".
Вы можете скачать плагин "компас" и использовать для своих нужд бесплатно.




Добавить хотспот

Создание хотспотов.

Изначально была задача сделать плагин, который мог бы создавать хотспоты, открывающие url ссылки внутри окна тура. Что бы создавал URL ссылки на конкретную сцену в туре с заданным видом и углом обзора (нужны для перехода с других ресурсов).
Я решил расширить его функционал и добавил возможность открывать по клику на хотспот фотографии, видео файлы, youtube.
Для подключения нужно вписать одну строку.
Для сохранения всех изменений нажать одну кнопку.
Для работы с плагином не нужны продвинутые знания krpano, нет необходимости открывать XML файл и писать скрипт.
Для тех кто хочет большего - есть вкладка расширенных настроек. Сохраняемый файл с открытым кодом - можете править хотспоты на свое усмотрение.




Создание поэтажных планов

Создание поэтажных планов.

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




Группировка сцен и создание списка групп.

Группировка сцен и создание списка групп.

Иногда есть необходимость сгруппировать панорамы, особенно когда их несколько десятков. Это может быть список этажей, улиц, кафе, развлекательные центры, музеи и многое другое. Объедините панорамы в группы и создайте список этих групп.
Это выпадающий список, в котором можно установить свои иконки и вписать название группы.
Вы можете менять размер иконок, задавать параметры позиционирования списка, изменять дизайн списка(есть несколько предустановленных вариантов), создать свой стиль дизайна. Плагин легко устанавливается.
Нет необходимости редактировать код в "krpano". Создание и сохранение делается в окне браузера.




Создание списка видов

Создание списка видов.

Хотите акцентировать внимание на определенных местах в панораме? Создайте список видов. Это может быть товар на полке в магазине, картина в выставочном зале, достопримечательность на гигапиксельной панораме и т.д. Легкое подключение и простое, интуитивно понятное создание списка и сохранение. Не требует знаний кодирования в krpano.




Меню

Меню.

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

  • По умолчанию меню создается автоматически в виде "бара миниатюр".
  • Задавайте необходимое вам количество строк в меню и назначайте им свои действия.
  • Создавайте необходимое вам количество групп.
  • Создавайте группы внутри групп. Вы сами задаете глубину вложений.
  • При переполнении высоты окна автоматически появляется прокрутка меню.
  • Настраивайте ширину, цвет, прозрачность меню.
  • Изменяйте дизайн кнопок.
  • Изменяйте дизайн индивидуальной кнопки.
  • Присваивайте иконки кнопкам.
  • Создайте бар миниатюр.
  • Вводите текст на двух языках. Кнопка переключения языка появится автоматически.



Выравнивание панорам

Выравнивание панорам

Если вы не сориентировали панорамы в одном направлении при сборке, то этот плагин поможет внести поправки, которые позволят корректно работать при выставленном флаге "KEEPVIEW". Он нужен для сохранения взгляда при смене панорамам. Эта опция позволяет пользователю проще ориентироваться в пространстве и комфортно перемещаться по виртуальному туру.
Так же для работы плагина "AutoGArrows", который автоматически создает навигацию на основе GPS-координат, необходимо выравнивать панорамы на виртуальный север.
Совмесно с автором этого плагина, Сергеем Черным, был продуман код поправок, который воспринимается плагином "AutoGArrows".