Step 3 — Polygons and Advanced Forms

by Space Tour

In this step, we cover tools designed for working with advanced interactive elementspolygons (highlighted areas)and forms.


1. Highlighted Area (Polygons)

The Highlight Area tool allows you to outline any fragment directly on the panorama — a wall section, room zone, interior element, and more.

How to create a highlighted area

  1. Click the Highlight Area tool.
  2. Click on the panorama to place contour points.
  3. Right-click removes the last point (step back).
  4. You don’t need to connect the last point to the first — click Finish, and the contour will close automatically.
  5. Once completed, the settings panel opens on the right.

Polygon settings

  • Title — set a name for the area.
  • Show on hover — the label appears only when hovering over the area.
  • Fill color & opacity — choose any color and transparency level.
  • Border style — solid, dashed, or dotted outline.
  • Animation — available for dashed and dotted borders.
  • Link — the area can be linked to:
    • a scene,
    • an advanced form,
    • or left unlinked.

Click Create to save the area.

Click Cancel or the close icon to discard changes without saving.


2. Forms

The Form tool lets you create reusable interactive elements such as floor plans, schemes, or object cards.

How to create a form

  1. Click the Form tool.
  2. A context menu opens showing all previously created forms.
  3. Click New Form.
  4. Place a point anywhere on the panorama(if the form will be linked via a polygon, the placement location doesn’t matter).

Form Settings (Right Sidebar)

Most form parameters will already be familiar from previous steps.

A new and important option here is the Compass.

The Compass allows you to define the correct north direction for a plan, which is especially important when working with maps and layouts.


Editing Inside a Form

Editing tools are available in the top-right corner of the form and apply inside the form itself.

Creating layers

  1. Click + Add New Layer.
  2. Enter a layer name (for example, Developer Plan).
  3. Upload a background image — such as a floor plan.

You can add a second layer immediately, for example Design Option, and upload an alternative layout or visualization.

This makes it easy to compare different versions — users can switch layers within a single form.


Adding elements

Inside a form, you can add:

  • Hotspots (scene transitions),
  • External links (to a website, another tour, etc.),
  • Information elements (pop-ups with text, images, or video).

These tools were covered in detail in Step 2.


Saving a Form — Important

There are two ways to save a form:

Save Form

The form is saved and immediately appears on the panorama as a standalone element.

Save Form Template

The form is saved without adding a marker to the panorama.

A template can be:

  • reused an unlimited number of times,
  • linked to highlighted areas (polygons).

After saving a template, click the Form tool again, select the form from the list, and place it on the panorama or link it to a polygon.


Practical Use Cases

Polygons

Polygons are not limited to visual highlighting.

Tripod masking

You can choose a color close to the floor and neatly cover the tripod area.

This is especially useful while the AI panorama editor is still under development.

Interactive navigation

A highlighted area can act as an alternative to standard hotspots:

clicking the area triggers a transition to the next scene.

Spatial zoning

Polygons help define functional zones without cluttering the scene with arrows or icons, keeping the interface clean and minimal.

Dimensions and passages

Polygons can visually indicate wall lengths, passage widths, or element dimensions — useful for designers, developers, and buyers who need a clear sense of scale.

This approach results in a cleaner, more intuitive tour experience.


Advanced Forms

Forms unlock far more use cases than standard navigation elements.

Examples:

  • multi-floor residential building plans with transitions between floors and sections;
  • interactive brochures or presentations with multiple pages and layers;
  • showroom product variations — different configurations, colors, or models within a single form;
  • developer floor plans and designer layouts combined in one interface with layer switching.

Advanced forms turn a virtual tour into a fully interactive product, not just a collection of panoramas.


Next Step

After configuring polygons and forms, proceed to:

➡ Step 4 — Tour Navigation Setup