Skip to main content

Hotspot template properties

This is the documentation for Pano2VR 4. You can find the new documentation for Pano2VR 5 here.

However, this document is still valid for the current version of Object2VR!

Hotspot Template Properties


ID: Give the image a unique ID or name. This field is also visible (and editable) in the Editor Panel.

Position: The x and y coordinates for the image.


Scaling: Scales the image along the x and y axes. Doubling the value on either axis, for instance, will double the size of the element. If a scaling modifier is enabled, this scaling setting is ignored.

Angle: Use this parameter to adjust the angle of the element. It will use the Center grid (above) as its axis. For example, if the center is chosen, it will rotate around its center. If the bottom left corner is selected, the rectangle will rotate around that corner.

Visible: Select or deselect to keep the image visible or invisible. Visibility or invisibility can be changed and toggled with actions.

Alpha: The transparency of the image. A setting of 1.000 is opaque. Lowering this number will increase the image's transparency.

Hand Cursor: Select to have the hand cursor show when the mouse rolls over the image. This makes it more obvious to the user that the area or image is interactive. Image: This option shows the image and gives you the option to change the file.

Hotspot Template[edit]

3D Distortion: Select this to have the hotspot correctly distort with the panorama or object – or to pin the image to the panorama or object.

3D Distance: Adjust the hotspot image's perspective. The default is 500px. A larger number will result in a smaller image, appearing further away; while a smaller number will result in the image appearing closer.


Hotspot Proxy ID: Enter the corresponding hotspot ID. The ID should come from the hotspot's ID field in the hotspot editor. Using hotspot proxies gives you the ability to link skin elements to specific hotspots. ◊ NOTE: If being used for navigation it must have the following actions:
Action navi.png

Limit Output: This option lets you selectively choose which element should not be used for either the Flash or HTML5 outputs.


In order for an object to act as a button, it needs to have a function or action applied to it.

Double-click in the Actions area or hit the plus sign to the right to open the Action Settings.

Action window.png

Action Settings

Depending on which action is chosen, different parameters that are associated with that action will appear. For example, for the pan actions, you can define the pan speed.

Also check out some Actions Examples.


Adding modifiers allows you to make elements move, scale or rotate when the movie is being is panned, tilted, zoomed or loaded. A good example of a use of a modifier is for a loading bar that scales in relation to how much of the movie has been loaded. (See the skin editor tutorial on building a loading bar for an example on using modifiers.)

Double-click in the Actions area or hit the plus sign to the right to open the Modifier Settings.

Modifiers window.png

Modifier Settings

See also[edit]

Skin Editor
Using the Skin Editor
Hotspot template
Hotspot Editor (Pano2VR)#Point and Polygon Hotspots