Skip to main content

Button 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!

When editing a button, you can change the button's image, its over and selected states, or remove them entirely:

Button Properties

Position[edit]

ID: Give the button a unique ID or name.

Position: The x and y coordinates for the button.

Appearance[edit]

Scaling: Scales the button 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 button visible or invisible. Visibility or invisibility can be changed and toggled with actions.

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

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

Image[edit]

Normal: This is the normal state of the button - how it appears with no interaction. Click Change to replace the button image.

Mouse over: This is the image for the over state. Click Change to replace the image or Remove to remove it completely.

Selected: This is the selected state image. If no image appears, it means no image has been selected for this state. Click Change to replace the image or Remove to remove it completely.

Download: Select Export to first frame. to have the button on the first frame of the movie.

Format: Choose which format (PNG, JPEG with Alpha or JPEG) the image should be converted to. If you do not want the image to be converted, choose the image's original format.

Quality: When JPEG is chosen as the format, you can adjust the quality of the image here.

Advanced[edit]

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.

Actions[edit]

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.

Modifiers[edit]

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
Adding Hotspots (Pano2VR)