Click the Toggle Single/Separate Values button next to each parameter to toggle between adjusting the entire border or adjusting each edge of the border separately. This makes it more obvious to the user that the area is interactive. Select to have the hand cursor show when the mouse rolls over the element. Lowering this number will increase the button’s transparency. Visibility or invisibility can be changed and toggled with actions. Select or deselect to keep the button visible or invisible. If the bottom left corner is selected, the button will rotate around that corner. For example, if the center is chosen, it will rotate around its center. It will use the Center grid (above) as its axis. Use this parameter to adjust the angle of the element. If you anchor the scaling to the upper left corner, for example, the scaling will center from this point. The default is set to the center so the element will scale in or out from its center. Use this grid to determine how the element scales.
If a scaling modifier is enabled, this scaling setting is ignored. Doubling the value on either axis, for instance, will double the size of the element. Scales the element along the x and y axes. The element will then always have the same distance of 50px from the top and will extend straight down to the bottom. Example: Position an element 50 pixels from the top and then set the height to calc(100% - 50px).Lock Aspect Ratio – Click the link icon to lock the element’s size aspect ratio when resizing in the Canvas or changing size values in the properties panel. Pixels – Unit to sets the actual size of the element. Percentage – Unit to set the size of the element based on the player’s size/window. SizeĪdjust the element’s size (width and height) in pixels. See above, to learn how the Anchor influences Position. Use this grid to “stick” the element to a section of the player window. Add a logic block, choose a trigger and add 20% for the size, effectively switching units. Example: Set the x position unit to CSS.Pixels – Unit to set the actual location of the element within the skin.ĬSS – Select CSS as a unit to allow for changing units when a logic block has been added or to use calculations. Percentage – Unit to set the position of the element based on the player’s size/window. For example, to keep an element positioned on the bottom center of the player and a certain distance from the edge, set the anchor to center bottom and set the Y value to 20 pixels and X to 0. This makes it easier to precisely position elements, especially on the edges of the player. ★ Tip: Double-click the arrows to set X and Y to 0. Likewise, if an element is anchored right, the x-coordinate is measured from the right side of the parent to the right side of the element as indicated by the arrows. So, if the element is anchored to the horizontal center, the X coordinate is measured from the center of the parent to the horizontal center of the element. PositionĪn element’s position is relative to its parent and to its anchored position (the Canvas is the parent to top level elements).įor example, a map that is anchored and placed in the middle of the Canvas will have its anchor set to center and X and Y set to 0. ★ Click the warning symbol to have Pano2VR create a unique ID for you. If an ID is already used by another element, a warning symbol will appear next to the input field. An ID is given automatically and will be numerically ordered when more than one are added.
#PANO2VR AMENITIES MAP SKIN SKIN#
Maps and Floor Plans can be easily added to the skin by selecting the Map Element in the Toolbar and clicking in the Canvas to add.
0 kommentar(er)
