
Выноски трансформеры v1.0
HTML5. krpano v1.21
Не работает в режиме VR!

Попробуйте создать и настроить выноску в тестовом туре.
Возможности
Пример.
YouTube
Подключение.
Поместите папку с плагином "callout_transformer" в корневую папку с туром.
Пропишите в основном xml:
<include url="callout_transformer/editor/edit_callout_tr.xml" />
По завершению работ отключите редактор удалив эту строку:
<include url="callout_transformer/editor/edit_callout_tr.xml" />
- 1 центральная точка. Мышкой перетаскивается вся выноска.
- 1-2 линия выноски. Ухватившись за точку 2 можно вращать и растягивать вокруг точки 1
- 2-3 линия выноски. Ухватившись за точку 3 можно вращать и растягивать вокруг точки 2
- 4 - блок с текстом. Ухватившись за него можно перемещать относительно точки 3, если в панели включено разрешение на перетаскивание.
В режиме редактирования красная и зеленая точка появляются при наведении мыши.








Строка ввода подписи - Введите текст выноски. Так же текст можно ввести в самой выноске, щелкнув по нему.
step angle - Отключить/включить фиксацию угла поворота выносных линий. Угол фиксации можно изменить в файле callout_tr.xml set_pit.angle_step="15"
Save tour.xml - Создается файл tour.xml с записанным в него кодом выносок. Замените существующий на создаваемый.
Выноски записываются внутри сцен в самом конце после комментария
<!--*** callout_transformer ***-->
Не прописывайте после него ничего своего. При последующем сохранении туда перезаписывается только код выносок.
Панель редактора дизайна выноски.

Элементы выноски являются слоями krpano!
Желательно ознакомиться с описанием параметров, т.к. в панели настраиваются параметры этих слоев.
Для изменения параметра в панели редактора нажмите на соответствующий кружок и перетаскивайте влево/вправо. Или введите числовое значение параметра.

Для редактирования нажмите на элемент:
- 1 - изменение цвета заливки, бордюра, тени, размеров и т.д.
- 2 - обе линии выноски настраиваются одновременно.
height - Это ширина линии.
fill - откроется панель редактора цвета линии - 3 - вторая линия выноски можно отдельно задать цвет.
- 4 - блок с текстом. изменение цвета заливки, бордюра, тени, размеров и т.д. а так же настройка параметров текста.
Настройки XML.
В файле callout_tr.xml настройки стиля выноски по умолчанию, в "set_pit" вы можете их изменить.
pit_border - параметры бордюра точки.
pit_bgroundedge - параметры скругления углов.
pit_color - цвет заливки точки точки.
pit_shadow - параметры тени точки.
pit_width - ширина точки.
pit_height - высота точки.
Линии
l_color - цвет линий.
l_thickness - толщина линий.
Текстовый блок
t_bg - есть/нет задний фон.
t_bgcolor - цвет заливки.
t_bgalpha - прозрачность фона.
t_bgroundedge - скругление углов.
t_bgshadow - параметры тени.
css - css стиль текста.
t_padding - отступы текста.
t_txtshadow - параметры тени текста.
t_width - высота блока(пиксель/авто).
t_height - ширина блока(пиксель/авто).
Лайфхак.😉
в файле example.xml есть код сцены, в которой несколько вариантов выносок с разным дизайном.
Скопируйте код сцены в свой тур и используйте его как шаблон для создания выносок.
Нажмите на выноску, нажмите кнопку копирования в панели, откройте нужную сцену, создайте выноску со скопированными настройками.
Вы можете создавать свой дизайн выносок в этой сцене и сохранять.
Если вы создали свои выноски в тестовой сцене - скопируйте ее обратно в example.xml что бы использовать в других проектах, и удалите сцену из текущего проекта.
Приобрести плагин.
Стоимость плагина составляет 39 USD. Для приобретения плагина напишите мне на почту novosibpano@ya.ru или Telegram по поводу оплаты. Я отправлю архив для скачивания в течение 24 часов после оплаты.
Изменения
Версия 1.0
- Создан.
Примечание
Плагин предоставляется «как есть» без каких-либо гарантий, явных или подразумеваемых, включая любую гарантию качества, товарности или пригодности для определенной цели. Ни в коем случае автор плагина не несет ответственности за потерю данных, стоимость закупки замещающих товаров или услуг или любых особых, косвенных или случайных убытков по любой причине и независимо от того, был или не был автор плагина уведомлен о возможности такого ущерба. Это ограничение будет применяться независимо от любого отказа основной цели любого ограниченного средства правовой защиты, предусмотренного в настоящем документе. В любом случае автор плагина не будет нести ответственности, вытекающей из этого соглашения.