Introduction to Object2VR 4 | Polygon Hotspots
2024-02-20
Learn how to add polygon hotspots to an object vr and then learn how to connect the polygon hotspots with skin elements.
Learn how to add polygon hotspots to an object vr and then learn how to connect the polygon hotspots with skin elements.
Add a Polygon Hotspot Polygon hotspots require you to draw a shape as opposed to creating a single point of interactivity. https://vimeo.com/303056604 To add a polygon hotspot: In the Viewer, open the Viewer Modes and select the Polygon Hotspot mode. Or use the keyboard shortcut, O, to activate Polygon Hotspot mode. Polygon Hotspot Viewer Mode Draw the hotspot by first double-clicking in the image. Then move to the next point, click, and continue until the shape is finished. Double-click to finish the shape. It will have a red fill: Drawn Polygon Hotspot in the Viewer ★ Tip You can also
Add a Polygon Hotspot Polygon hotspots require you to draw a shape as opposed to creating a single point of interactivity. To add a polygon hotspot: Open the Hotspots List. Click Create Polygon Hotspot. This will add a hotspot to the list and activate Polygon Hotspot Mode in the Viewer. Click Create Polygon Hotspot Draw the hotspot by first double-clicking in the image. Then move to the next point, click, and continue until the shape is finished. Double-click to finish the shape. It will have a red fill. Each point is a handle that can be moved to refine the
Polygon Hotspot Activated Popups Popups can be activated by Polygon Hotspots by using the Hotspot Proxy ID in the Skin Editor. What if you want to use a polygon hotspot to open a popup? Well, you have to connect that polygon hotspot to the skin somehow because the polygon hotspots don’t have an equivalent to the Point Hotspot Template. But, we can still connect to them using the Hotspot Proxy ID. Use Built-in Components The easiest method consists of copying what already exists and applying a Hotspot Proxy ID. Use the built-in components for hotspots and then copy their actions
Polygon Hotspot Properties Here you'll find the properties for the polygon hotspots which are found in the Properties panel once a hotspot is added or selected. The hotspot properties are found in the Properties Panel and will appear once a hotspot is added or selected. Other settings, like hiding the hotspots, are found in the Web Output Settings. ID The ID of the Hotspot which can be used in the Skin Editor. Type Choose what the hotspot will do. What you choose here will affect the Link Target URL below. URL – Enter the website URL or file name of
Polygon Hotspot Activated Popups Popups can be activated by Polygon Hotspots by using the Hotspot Proxy ID in the Skin Editor. What if you want to use a polygon hotspot to open a popup? Well, you have to connect that polygon hotspot to the skin somehow because the polygon hotspots don’t have an equivalent to the Point Hotspot Template. But, we can still connect to them using the Hotspot Proxy ID. Use Built-in Components The easiest method consists of copying what already exists and applying a Hotspot Proxy ID. Use the built-in components for hotspots and then copy their actions
Polygon Hotspot Properties Here you'll find the properties for the polygon hotspots which are found in the Properties panel once a hotspot is added or selected. The hotspot properties are found in the Properties Panel and will appear once a hotspot is added or selected. Other settings, like hiding the hotspots, are found in the Web Output Settings. ID The ID of the Hotspot which can be used in the Skin Editor. Type Choose what the hotspot will do. What you choose here will affect the Link Target URL below. URL – Enter the website URL or file name of
Polygon Hotspot Properties Here you'll find the properties for the polygon hotspots which are found in the Properties panel once a hotspot is added or selected. The hotspot properties are found in the Properties Panel and will appear once a hotspot is added or selected. Other settings, like hiding the hotspots, are found in the Web Output Settings. ID – The ID of the Hotspot which can be used in the Skin Editor. Type – Choose what the hotspot will do. What you choose here will affect the Link Target URL below. URL – Enter the website URL or file
Polygon Hotspot Properties Here you’ll find the properties for the polygon hotspots. The hotspot properties are found in the Properties Panel and will appear once a hotspot is added or selected. ID – The ID of the Hotspot which can be used in the Skin Editor. Type – Choose what the hotspot will do. What you choose here will affect the Link Target URL below. URL – Enter the website URL or file name of a node (i.e. http://www.example.com). Tour Node – ★ Pano2VR pro only – Choose a node from the menu to link to other nodes in a
Link to a Website Polygon hotspots can be used to direct a user to an external URL (any file or webpage that exists outside of the project). The most basic of these is to link to a webpage/website. Add a URL type polygon hotspot: Change the Viewer mode to Polygon Hotspot. Draw the hotspot. In the hotspot properties, choose URL for the Type. (Optional) Give the link a Title. This will appear as a tooltip when the mouse hovers over the hotspot. Add the URL to the Link Target URL field. ✭ The web link must be absolute; meaning http://
Connecting a Polygon Hotspot to the Skin Polygon Hotspots don’t connect directly to the skin, like point hotspots with the hotspot template. But, they can be connected using the Hotspot Proxy ID. Connecting to the skin will let you do much more with the polygon hotspots, like changing the polygon’s color when the mouse rolls over it, style the text, pop up images, and more. Here, we’ll explain how to toggle the color of multiple polygon hotspots when a mouse enters it. Create the Polygon Hotspots Draw three polygon hotspots. Give each hotspot a unique ID. Pano2VR will automatically provide
Polygon Hotspot Mode Pano2VR lets you easily draw polygon hotspots directly in the Viewer. You can use polygon hotspots to define an area (rather than a single point) of interactivity. Workflow After loading an image into Pano2VR or opening an existing project, you can open the polygon hotspot mode in the Viewer. Double-click in the viewer to draw the hotspot. This adds the first anchor point. Now move the mouse and then click to add the next anchor, and finally double-click to add a last point or right-click to finish the shape. Once you do this the properties panel will
Add a Polygon Hotspot Polygon hotspots require you to draw a shape as opposed to creating a single point of interactivity. To add a polygon hotspot do the following: In the Viewer, open the Viewer Modes and select the Polygon Hotspot tool. Or, simply use the keyboard shortcut, O, to activate Polygon Hotspot mode. Draw the hotspot by first double-clicking in the image. Then move to the next point, click, and continue until the shape is finished. Double-click to finish the shape. It will have a red fill: ★ You can also finish the polygon hotpot by pressing the right
Linking to Nodes Polygon Hotspots can be used to link nodes in a tour. ★ Pano2VR pro only Change the Viewer mode to Polygon Hotspot. Draw the hotspot. In the hotspot properties, choose Tour Node for the Type. (Optional) Add a Title. You can provide a custom title or use the title from the connecting node’s User Data. This will appear as a tooltip when the mouse hovers over the hotspot. The tooltip can be customized in the HTML5 Output Settings. For Link Target URL, choose the node the hotspot should link to. Choose the opening view of the node
Add a Polygon Hotspot Polygon hotspots require you to draw a shape as opposed to creating a single point of interactivity. https://vimeo.com/303056604 To add a polygon hotspot do the following: In the Viewer, open the Viewer Modes and select the Polygon Hotspot tool. Or, simply use the keyboard shortcut, O, to activate Polygon Hotspot mode. Polygon Hotspot Viewer Mode Draw the hotspot by first double-clicking in the image. Then move to the next point, click, and continue until the shape is finished. Double-click to finish the shape. It will have a red fill: Drawn Polygon Hotspot in the Viewer ★
Polygon Hotspots Pano2VR lets you easily draw polygon hotspots directly in the Viewer. You can use polygon hotspots to define an area (rather than a single point) of interactivity. Workflow After loading an image into Pano2VR or opening an existing project, you can open the polygon hotspot mode in the Viewer. Double-click in the viewer to draw the hotspot. This adds the first anchor point. Now move the mouse and then click to add the next anchor, and finally double-click to add a last point or right-click to finish the shape. Once you do this the properties panel will open.
For this webinar, Martin goes into detail about working with Polygon Hotspots and how to connect them with skin elements. For example, you will learn how to create a button that can change the polygon hotspot’s color.
Connecting Polygon Hotspots to the Skin Polygon Hotspots don’t connect directly to the skin, like point hotspots with the hotspot template. But, they can be connected using the Hotspot Proxy ID. Learn how to how to toggle the color of multiple polygon hotspots when a mouse enters it. Create the Polygon Hotspots Draw three polygon hotspots. Give each hotspot a unique ID. Pano2VR will automatically provide unique IDs, but you can change them. Draw three polygon hotspots Open the web output settings and navigate to the Hotspots panel. In the Polygon Hotspots settings, change the View Mode to Always Visible.
Connecting Polygon Hotspots to the Skin Polygon Hotspots don’t connect directly to the skin, like point hotspots with the hotspot template. But, they can be connected using the Hotspot Proxy ID. Learn how to how to toggle the color of multiple polygon hotspots when a mouse enters it. Create the Polygon Hotspots Draw three polygon hotspots. Give each hotspot a unique ID. Pano2VR will automatically provide unique IDs, but you can change them. Draw three polygon hotspots Open the web output settings and navigate to the Hotspots panel. In the Polygon Hotspots settings, change the View Mode to Always Visible.
Connecting Polygon Hotspots to the Skin Polygon Hotspots don’t connect directly to the skin, like point hotspots with the hotspot template. But, they can be connected using the Hotspot Proxy ID. Connecting to the skin will let you do much more with the polygon hotspots, like changing the polygon’s color when the mouse rolls over it, style the text, pop up images, and more. Here, we’ll explain how to toggle the color of multiple polygon hotspots when a mouse enters it. Create the Polygon Hotspots Draw three polygon hotspots. Give each hotspot a unique ID. Pano2VR will automatically provide unique