Top.Mail.Ru

Шаг 3 — Полигоны и сложные формы

by Space Pano

На этом этапе мы разберём инструменты, которые позволяют работать со сложными интерактивными элементами: выделенными областями (полигонами) и формами.


1. Выделенная область (Полигоны)

Инструмент «Выделить область» позволяет обвести любой фрагмент или элемент прямо на панораме: часть стены, зону помещения, предмет интерьера и т.д.

Как создать выделенную область:

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

После завершения справа откроется панель настроек.

Настройки выделенной области:

  • Название — укажите имя области.
  • Отображать при наведении — подпись появляется при наведении курсора.
  • Цвет заливки и прозрачность — можно выбрать любой цвет и уровень прозрачности.
  • Контур (обводка) — выбор стиля линии (сплошная, пунктир, точки).
  • Анимация — доступна для пунктирных и точечных контуров.
  • Связь — можно привязать область:
    • к сцене,
    • сложной форме
    • оставить без привязки

Нажмите «Создать», чтобы сохранить область.

Кнопка «Отмена» или крестик полностью отменяют действие без сохранения.


2. Форма

Инструмент «Форма» позволяет создавать сложные интерактивные элементы (например, планы помещений, схемы, карточки объектов), которые можно использовать повторно.

Как создать форму:

  1. Нажмите на инструмент «Форма».
  2. Откроется контекстное меню со списком всех ранее созданных форм.
  3. Нажмите «Новая форма».
  4. Поставьте точку в любом месте панорамы (если форма будет использоваться через полигон — место не принципиально).

Общие настройки формы (Sidebar справа)

Все основные параметры формы вам уже знакомы из предыдущих шагов.

Новый и важный пункт — Компас.

Компас позволяет задать правильное направление севера для планировки, что особенно важно при работе с картами и планировками.


Работа внутри формы

Справа вверху от формы доступны инструменты редактирования, которые работают внутри самой формы.

Создание слоёв

  1. Нажмите «+ Создать новый слой».
  2. Укажите название слоя (например, «От застройщика»).
  3. Загрузите фоновое изображение — например, планировку квартиры.

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

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

Добавление элементов

Внутри формы вы можете добавить:

  • хотспоты (переходы на сцены),
  • внешние ссылки (на сайт, другой тур и т.д.),
  • информацию (pop-up окна с текстом, фото или видео).

Эти инструменты подробно разбирались в Шаге 2.


Сохранение формы — важный момент

Есть два варианта сохранения:

  • Сохранить форму
    Форма сохраняется и сразу отображается на панораме как отдельный объект.
  • Сохранить шаблон формы
    Форма сохраняется без добавления маркера на панораму.Такой шаблон можно:
    • использовать неограниченное количество раз,
    • привязывать к выделенным областям (полигонам).

После сохранения шаблона снова нажмите на инструмент «Форма», выберите нужную форму из списка и разместите её на панораме или свяжите с полигоном.


Как использовать полигоны и сложные формы на практике

Полигоны можно использовать не только для визуального акцента на элементах интерьера или архитектуры.

Маскировка штатива

Вы можете выбрать цвет, максимально близкий к полу, и аккуратно закрасить зону штатива.

Это особенно актуально, пока редактор панорам Space Pano с ИИ находится в разработке.

Интерактивная навигация

Выделенная область может выступать альтернативой обычным хотспотам:

при клике на зону происходит переход на следующую сцену тура.

Зонирование пространства

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

Обозначение размеров и проходов

С помощью полигонов можно визуально обозначать размеры стен, ширину проходов или отдельных элементов интерьера.

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

Такой подход делает тур чище визуально и более интуитивным для пользователя.


Сложные формы

Сложные формы открывают гораздо больше сценариев использования, чем стандартные элементы навигации.

Примеры:

  • Поэтажный план жилого комплекса с переходами между этажами и секциями.
  • Интерактивный журнал или презентация с несколькими страницами и слоями.
  • Вариации товаров в шоуруме — разные комплектации, цвета или модели в одной форме.
  • Планы квартир от застройщика / дизайнерские решения в одном интерфейсе с переключением слоёв.

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

Переход к следующему шагу

После настройки полигонов и форм переходите к следующему этапу:

➡ Шаг 4 — Настройка навигации тура