novosibpano@yandex.ru   Telegram: Александр

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

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

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



Add hotspot

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

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







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

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

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




Меню

Меню.

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

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



Заметки

Заметки.

Чтобы при работе с заказчиком не объяснять на пальцах и не рисовать на скриншотах, я сделал плагин "Заметки". Я надеюсь, что плагин облегчит и ускорить рабочий процесс, сделает работу более точной и объективной. Заказчик сам сможет создавать в нужных местах точки и подписывать их, выделять полигоном нужные участки. Вам останется отредактировать полученную информацию. Таким образом закроются вопросы непонимания - что, где и как должно располагаться.




Плагин пароля

Плагин пароля.

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

  • Установка пароля на отдельную сцену.
  • Установка пароля на любые действия.
  • Вы можете задать разный пароль на разные действия.
  • Файл с кодом внешнего вида панели доступен для редактирования, вы можете сами настроить внешний вид и дизайн панели пароля.



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

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

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




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

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

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




Compass

Компас.

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




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

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

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




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

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

Точка доступа – точка, привязанная к месту на панораме и вращающаяся вместе с ним. Это может быть кнопка, фотография или даже видео. Предположим, есть задача вставить видеоклип в телевизор в панораме, а телевизор находится под углом к оси просмотра и даже искажается при повороте панорамы! И все же это выполнимая задача. Для горячих точек есть настройки для настройки местоположения в пространстве (повороты, наклоны, масштабирование и т. Д.), Но я не могу представить, как написать код без вспомогательных инструментов, чтобы видеоклип был четко размещен на экране телевизора в панораме.




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

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

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




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

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

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




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

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

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




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

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

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