Search Results for: polygon

Polygon Hotspots – Add a Polygon Hotspot – Pano2VR 6

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

Read More »

Polygon Hotspots – Polygon Hotspot Mode – Pano2VR 6

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

Read More »

Polygon Hotspots – Polygon Hotspot Properties – Pano2VR 6

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

Read More »

Polygon Hotspots – Connect Polygon Hotspots to the Skin – Pano2VR 6

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

Read More »

Polygon Hotspots – Linking to Nodes – Pano2VR 6

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

Read More »

Polygon Hotspots – Linking to Websites – Pano2VR 6

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://

Read More »

Hotspots – About Hotspots – Pano2VR 6

About Hotspots After loading an image into Pano2VR or opening an existing project, you can then enable the point or polygon hotspot modes in the Viewer. If you want custom hotspot images or just points of interaction, you would add point hotspots. Point Hotspots If you want to draw an area of interactivity, you would add polygon hotspots. Polygon Hotspots

Read More »

Glossary – hotspot – Pano2VR 6

Hotspot Hotspots are definable, interactive areas within the panorama. When the user’s mouse rolls or hovers over these hotspots, the user is presented with a clickable area of the image that may link to a webpage, image, movie, or anything else that can be hyperlinked. Hotspots can also be used to pop up blocks of information. Hotspots presented on a touch device are activated when the user taps on the area of interactivity (which is usually visually marked). Point Hotspot A point hotspot indicates a single point of interactivity. Polygon Hotspot A polygon hotspot allows you to draw a custom

Read More »

The Interface – Viewer Settings – Pano2VR 6

Viewer Settings The Viewer Settings show viewing options for the Viewer. The viewer settings will open at the bottom edge of the Viewer. The settings from left to right: Compass – Toggles a compass overlay in the Viewer. Center marker – Toggles vertical and horizontal center lines that help you to straighten panoramas and line up landmarks for setting north. Grid – Click to toggle a grid on and off. This is especially useful for leveling panoramas. Long press the button to set how many lines are in the grid with Steps and to change the color of the grid.

Read More »

Introduction – Pano2VR Tutorials – Pano2VR 6

Pano2VR Documentation Welcome to the documentation pages for Pano2VR 6.1! Below is a collection of tutorials intended to help you get started with Pano2VR. All tutorials are recorded on macOS but the functions work the same way on Windows and Linux. Only the interface looks a little bit different. The Basics Tutorial Title and Description pro/light Getting Started Learn the basics. Both Layout Customization Learn how to arrange and save custom window arrangements. Both Importing Panotour Pro Projects Pano2VR can read Kolor’s Panotour Pro project files. Learn how to convert your projects. pro Patches Tutorial Title & Description pro/light Patching

Read More »

Reference – Tutorials – Pano2VR 6

Pano2VR Tutorials Below is a list of numerous video tutorials intended to help you get the most out of Pano2VR. All tutorials are recorded on macOS but the functions work the same way on Windows and Linux. Only the interface looks a little bit different. The Basics Tutorial Title and Description pro/light Getting Started Learn the basics. Both Layout Customization Learn how to arrange and save custom window arrangements. Both Working with List View Learn to organize elements. Both Adding Tags Learn how to add and use Tags. Both Working with Stereo Images Learn how to import, add patches, and

Read More »

Point Hotspots – Add a Point Hotspot – Pano2VR 6

Adding Point Hotspots To add hotspots to your project, you first need to enable the point or polygon hotspot modes in the Viewer. To add a point hotspot do the following: Open the Viewer Modes drawer by hovering the mouse over the right edge of the Viewer. Select the Point Hotspot mode. Or, simply use the keyboard shortcut, P, to activate Point Hotspot mode. Double-click anywhere within the Viewer to add a point hotspot. A red target, will appear representing this point. ★ The current hotspot (that is being edited) is red and its settings can be edited in the

Read More »

The Interface – Viewer – Pano2VR 6

Viewer The center of Pano2VR contains your panorama. Here you can view the panorama and use the Viewer Modes to add patches, hotspots, sounds, images, videos and lens flares. Viewer Modes The Viewer Modes let you add elements to your panorama. You can get to each of the following modes by hovering your mouse over the icon in the upper left corner (Select mode) of the Viewer. The modes palette will slide out from the side – click to activate the tool. You can also show and hide the elements that have been added to the panorama to help keep

Read More »

360 Video – Build a 360º Video Tour – Pano2VR 6

Create a 360º Video Tour 360 video tours can be created by adding videos to the Tour Browser and linking them together with point hotspots or polygon hotspots. In this example, we are using Pano2VR Pro to create a basic 2-node tour using point hotspots. (Polygon hotspots could also be used.) Add a 360º video in the Input Video section in the Properties panel, or drag the video onto the Viewer or Tour Browser. The video will appear in the Viewer with playback controls. ✭ If the video begins with a black frame, use the Grab Frame button (to the

Read More »

Introduction – Pano2VR Tutorials – Pano2VR 6

Pano2VR Documentation Welcome to the documentation pages for Pano2VR 6.1! Below is a collection of tutorials intended to help you get started with Pano2VR. All tutorials are recorded on macOS but the functions work the same way on Windows and Linux. Only the interface looks a little bit different. The Basics Tutorial Title and Description pro/light Getting Started Learn the basics. Both Layout Customization Learn how to arrange and save custom window arrangements. Both Importing Panotour Pro Projects Pano2VR can read Kolor’s Panotour Pro project files. Learn how to convert your projects. pro Patches Tutorial Title & Description pro/light Patching

Read More »

Introduction – Pano2VR Tutorials – Pano2VR 6

Pano2VR Documentation Welcome to the documentation pages for Pano2VR 6.1! Below is a collection of tutorials intended to help you get started with Pano2VR. All tutorials are recorded on macOS but the functions work the same way on Windows and Linux. Only the interface looks a little bit different. The Basics Tutorial Title and Description pro/light Getting Started Learn the basics. Both Layout Customization Learn how to arrange and save custom window arrangements. Both Importing Panotour Pro Projects Pano2VR can read Kolor’s Panotour Pro project files. Learn how to convert your projects. pro Patches Tutorial Title & Description pro/light Patching

Read More »

Point Hotspots – Point Hotspot Mode – Pano2VR 6

Point Hotspot Mode Pano2VR lets you easily create and add point hotspots to your panorama. You can use hotspots to define a point of interactivity. Hotspots can open other panoramas, pop up an information box, image, or video, and open websites. Workflow After loading an image into Pano2VR or opening an existing project, you can switch to the point hotspot mode in the Viewer. Double-click in the viewer to add a Point Hotspot. Once you do this you’ll see the hotspot icon and its properties panel will open. A red icon means the hotspot is active, while a blue icon

Read More »

Point Hotspots – Link to a Website – Pano2VR 6

Link to a Website Point 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. There are a few ways to create a URL point hotspot. Drag in the URL The easiest is to simply drag in the URL to the Viewer. Pano2VR will recognize the URL and set the hotspot type as URL. It will also import the webpage’s title to the Title field. The URL will also be set in the target field. Manually add

Read More »

Reference – Keyboard Shortcuts – Pano2VR 6

Pano2VR Keyboard Shortcuts Below are all the keyboard shortcuts found in Pano2VR. Main Menu Description macOS Windows New Project ⌘N Ctrl+N New Window ⌥⌘N Open Project ⌘O Ctrl+O Save Project ⌘S Ctrl+S Save Project As ⇧⌘S Ctrl+Shift+S Close Window ⌘W Ctrl+W Quit/Exit Application ⌘Q Ctrl+Q Go to Default View ⇧⌘U Ctrl+Shift+U Set Default View ⌘U Ctrl+U Generate Output ⌥⌘G Ctrl+Alt+G Open Skin Editor ⌘K Ctrl+K Next Panorama ⌘],⇧⌘N Ctrl+], Ctrl+Shift+N Previous Panorama ⌘[,⇧⌘P Ctrl+[, Ctrl+Shift+P Hide Panels ⌥⇥ Ctrl+Tab Play/Pause Animation Space Space Begin Animation ⤒ PgUp End Animation ⤓ PgDown Animation Mute ⌘M Ctrl+M Viewing Parameters ⌥⇧A Alt+Shift+A Tour

Read More »

Reference – Javascript API – Pano2VR 6

JavaScript API The HTML5 Pano2VR player has an external API so that it can be controlled with JavaScript. The HTML5 Skin uses this exact API. Since the skin files are not minified, you can simply peek into a skin file to figure out how some things are done internally. All the examples below use pano as the object. However, if you use JavaScript in the skin, you must use player as the object. Using JavaScript in the Skin Editor There are two ways of using JavaScript in the Skin Editor: Textbox You can put JavaScript code into the text field

Read More »