Попробуйте создать и настроить выноску в тестовом туре.

Возможности

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

Пример.
YouTube

---

Подключение.

Поместите папку с плагином "callout_transformer" в корневую папку с туром.

Пропишите в основном xml:

<include url="callout_transformer/callout_tr.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, если в панели включено разрешение на перетаскивание.

В режиме редактирования красная и зеленая точка появляются при наведении мыши.

---

- Создать выноску. Выноска создается в центре экрана.

- Открыть панель редактирования дизайна.

- Копировать настройки. Нажмите на выноску чтобы она стала активной, нажмите на кнопку копирования - ее параметры скопируются и следующая выноска будет создана с скопированными параметрами.

- Включить/отключить перетаскивание текстового блока.

- Автоматически показать/скрыть инфо хотспоты при попадании в зону видимости. Рядом окно для ввода зоны определения показа от 0 до 1. Например 0.3 это 30% от угла обзора (view.fov) .

- Показать/скрыть информацию. Автопоказ должен быть отключен.

- Удалить выбранную выноску.

Строка ввода подписи - Введите текст выноски. Так же текст можно ввести в самой выноске, щелкнув по нему.

- Вывести в консоль браузера код созданных выносок текущей сцены. Можете скопировать и вставить код в сцену. Чтобы открыть консоль браузера нажмите "F12"

- Показать/спрятать прицел. Для удобства расположения создаваемой выноски.

- Отключить/включить фиксацию угла поворота выносных линий. Угол фиксации можно ввести в окошке.

Save tour.xml - Создается файл tour.xml с записанным в него кодом выносок. Замените существующий на создаваемый.
Выноски записываются внутри сцен в самом конце после комментария
<!--*** callout_transformer ***-->
Не прописывайте после него ничего своего. При последующем сохранении туда перезаписывается только код выносок.

---

Панель редактора дизайна выноски.

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

Для редактирования нажмите на элемент:

• 1 - изменение цвета заливки, бордюра, тени, размеров и т.д.
• 2 - обе линии выноски настраиваются одновременно.
  height - Это ширина линии.
  fill - откроется панель редактора цвета линии
• 3 - вторая линия выноски можно отдельно задать цвет.
• 4 - блок с текстом. изменение цвета заливки, бордюра, тени, размеров и т.д. а так же настройка параметров текста.

---

Настройки XML.

В файле callout_tr.xml настройки стиля выноски по умолчанию, в "callout_transformer" вы можете их изменить. При сохранении эти настройки записываются в tour.xml

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 - ширина блока(пиксель/авто).
drag_tab - перемещать выноску отдельно от линий (true/false).
angle_step - угол фиксации вращения линий.
fixAngle - включить/отключить угол фиксации вращения линий (true/false).
auto_show - автоматически показать/скрыть инфо хотспоты при попадании в зону видимости(true/false).
visibility_area - Зона видимости (0 - 1).
close_all_inf - При запуске сцены спрятать информацию (true/false).

---

Действия плагина.

close_all_inf_hs_ct() - Закрыть все инфоточки.
open_all_inf_hs_ct() - Открыть все инфоточки.
close_hs_fr(name) - Закрыть инфоточку. name - имя хотспота.
open_hs_fr(name) - Открыть инфоточку. name - имя хотспота.

---

Лайфхак.😉

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

---

Приобрести плагин.

Стоимость плагина составляет 45 USD. Для приобретения плагина напишите мне на почту novosibpano@ya.ru или Telegram по поводу оплаты. Я отправлю архив для скачивания в течение 24 часов после оплаты.

---

---