Какие бывают хотспоты

Хотспот — активная точка на панораме. Посетитель нажимает на неё и переходит в другую сцену, читает описание или открывает ссылку. Хотспоты добавляются в редакторе в режиме «Правка».

  • Навигация — переход в другую сцену тура.
  • Инфо — карточка с заголовком, текстом, фотографией, видео или аудио.
  • Ссылка — открывает адрес в интернете.
  • Полигон — кликабельная область произвольной формы, например окно или дверь.
  • Медиа — картинка или видео, размещённые прямо на стене панорамы.

Инструменты и список объектов

Секция «Слои» левой панели: инструменты Хотспот (H), Полигон (P), Медиа (M) и список «Объекты сцены»

Внизу левой панели находится секция «Слои» текущей сцены. В ней три инструмента:

  • «Хотспот» (H) — после нажатия кликните по панораме, и откроется окно быстрого создания.
  • «Полигон» (P) — рисование области по точкам.
  • «Медиа» (M) — выбор картинки или видео с компьютера для размещения на стене.

Ниже — список «Объекты сцены»: все хотспоты этой сцены. Клик по строке выделяет хотспот и открывает его свойства. При наведении на строку появляются карандаш («Редактировать») и корзина («Удалить»).

Быстрое создание двойным кликом

Окно быстрого создания рядом с точкой на панораме: Навигация, Инфо, Ссылка
  1. Сделайте двойной клик по панораме в нужном месте. Другой способ — нажмите H и кликните один раз.
  2. Рядом с точкой появится окно с тремя кнопками: «Навигация», «Инфо» и «Ссылка». Выберите тип.
  3. Заполните поля — они описаны ниже. Иконку и ползунок «Размер» можно поменять сразу, результат виден на панораме.

Esc или клик мимо окна закрывает его без создания хотспота.

Информационная точка с медиа

Окно «Информационный хотспот»: Заголовок, Текст, кнопки добавления изображения, видео, аудио и медиатеки
  1. В окне быстрого создания нажмите «Инфо».
  2. Введите «Заголовок» — без него кнопка «Создать» неактивна. Поле «Текст (необязательно)» можно оставить пустым.
  3. Нажмите «Добавить медиа...» и выберите, что прикрепить (см. ниже).
  4. Нажмите «Создать».

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

Медиа

  • Изображение — фото или картинка с компьютера.
  • Видео — MP4 или WebM, до 10 МБ.
  • Аудио — MP3, OGG или WAV, до 10 МБ.
  • Медиатека (последняя кнопка) — изображение из вашей медиатеки. В медиатеке хранятся только изображения (PNG, JPEG, WebP, GIF, SVG, до 10 МБ), видео и аудио загружайте с компьютера.

К одной точке можно прикрепить по одному файлу каждого вида. Крестик рядом с файлом убирает его.

Дополнительные настройки

Ссылка «Дополнительные настройки...» внизу окна быстрого создания открывает полное окно «Добавить хотспот». В нём:

  • «Тип» — Навигация, Информация или Ссылка;
  • для перехода — «Заголовок» и «Целевая панорама»;
  • для информации — заголовок, текст и блок «Медиа» с изображением, видео и аудио;
  • для ссылки — URL и флажок «Открывать в новой вкладке»;
  • иконка и размер.

Нажмите «Создать» или «Отмена».

Свойства хотспота, перемещение и удаление

Карточка «Свойства объекта» перехода: Заголовок, Целевая сцена, Иконка, Размер, Подпись под точкой, Удалить объект

Кликните по хотспоту на панораме или по строке в списке «Объекты сцены». Рядом откроется карточка «Свойства объекта». Изменения сохраняются сами.

  • Навигация — «Заголовок» (необязательно) и «Целевая сцена».
  • Информация — «Заголовок», «Текст» и медиа.
  • Ссылка — «Заголовок», URL и «Открывать в новой вкладке».
  • «Иконка» и «Размер» — внешний вид точки.
  • «Подпись под точкой» — название видно всегда, а не только при наведении. На телефоне это единственный способ его показать. Пока название не заполнено, редактор подсказывает «Сначала заполните название».

Переместить и повернуть

  • Перетащите выделенный хотспот мышью в новое место.
  • Ручка «Повернуть иконку» на краю иконки поворачивает значок.

Удалить

Нажмите «Удалить объект» внизу карточки, корзину в списке объектов или клавишу Delete. Редактор спросит «Удалить хотспот — Вы уверены?». Ошибочное удаление отменяется Ctrl+Z.

Esc снимает выделение и закрывает карточку.

Иконка, форма и движение

Поле «Иконка» есть в окне быстрого создания и в карточке хотспота. По умолчанию выбрано «Стандарт». Нажмите на поле — откроется выбор:

  • поиск и разделы «Недавние», «Рекомендуем», «Основные»;
  • «На полу» — метка, которая лежит на полу: «Простой» или «Анимированный»;
  • тематические группы значков;
  • «Мои загрузки» — ваши иконки. Кнопка «Загрузка» принимает SVG, PNG и WebP; картинка приводится к размеру 256 × 256. Пока своих иконок нет, поле загрузки открыто сразу.

Под значками — две строки поведения метки:

  • «Форма»: Обычная, Инфо, Метка, Маяк, Стрелка, На полу;
  • «Движение»: Без движения, Пульс, Дыхание, Шаги, Орбита, Тихая, Обвод, Внимание, Скольжение, Появление.

Форма «Обычная» с движением — это значок без подложки. Если у формы «Маяк», «Стрелка» или «На полу» выбрать движение, форма переключится на «Инфо».

Полигон — область на панораме

  1. Нажмите «Полигон» или P.
  2. Кликайте по углам области — например, по углам окна.
  3. Чтобы замкнуть полигон, кликните рядом с первой точкой (нужно не меньше трёх точек). Backspace убирает последнюю точку, Esc отменяет рисование.

Готовый полигон выделяется, рядом открываются его свойства. Углы можно перетаскивать мышью.

  • «Название».
  • «Действие» → «Тип действия»: Нет, Навигация (выбор целевой панорамы), Информация (заголовок, текст, изображение, видео, аудио) или Ссылка (URL и «Открывать в новой вкладке»).
  • «Оформление» — цвет и прозрачность для «Заливки» и «Обводки».

Для полигона-перехода редактор тоже предлагает создать обратный переход.

Медиа на стене панорамы

  1. Нажмите «Медиа» или M — откроется выбор файла.
  2. Выберите изображение (JPEG, PNG, WebP) или видео (MP4, WebM, до 100 МБ).
  3. После загрузки появится подсказка «Нажмите на панораму для размещения». Кликните в нужном месте — картинка встанет на стену. Esc отменяет размещение.

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

Видео на стене
Так удобно показать экран телевизора, картину или рекламный щит прямо внутри панорамы.

Что дальше