Skip to main content

Rectangle Element 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!

Rectangle Properties


ID: Give the rectangle a unique ID or name. An ID is given automatically and will be numerically ordered when more than one are added. If an ID is already be used by another element, a warning symbol will appear next to the input field.

Position: The x and y coordinates for the rectangle.

Size: Adjust the rectangle's size (width and height) in pixels.


Scaling: Scales the rectangle 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 will be ignored.

Angle: Use this parameter to adjust the angle of rotation of the rectangle. 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 rectangle visible or invisible. Visibility or invisibility can be changed and toggled with actions.

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

Hand Cursor: Select to have the hand cursor show when the mouse rolls over the rectangle. This makes it more obvious to the user that the area or rectangle is interactive.


Background: Select, Enabled to show the background of the rectangle.

Border: The border or outline of the rectangle.


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.

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
Adding Hotspots (Pano2VR)
Skin Sources
Skin Actions
Skin Modifiers