Table of Contents - Pano2VR 7.1 Documentation

A map to all help pages.

What's New?

Here you'll find an ongoing list of new features, fixes, and changes added to each release.
User Guide

Welcome to our User Guides where you'll find step-by-step instructions.
1. Getting Started
  
  The documents in this section outline the basic workflows, installation, and project set-ups.
  1. Installation
    
    Installing requires downloading the software from ggnome.com and installing the program on to your desktop computer.
  2. Setting up the Project
    
    Learn how to best prepare and organize your projects.
    1. Organizing in Pano2VR
      
      A project can easily start to amass a number of files and media from skin files to pinned images to patches. Pano2VR helps to keep all files together and orderly.
      1. Using Tags
        
        Tags provide a way to group nodes and filter them in the Tour Browser and to build menus in the Skin Editor.
      2. Filtering Images
        
        Nodes in the Tour Browser can be filtered by tag, text, and distance.
      3. Missing Assets
        
        Quickly find missing project assets using Find and Relocate Missing Files.
    2. Prepare the Images
      
      Once your images have been added to a Pano2VR project, the next step would be to prepare them for viewing, linking, and outputting.
      1. Setting the Default View
        
        The term, default view, is used to describe the initial view of a panorama when it is opened.
      2. Leveling Images
        
        Panoramas should always be level. Otherwise, when we spin them, they will be very disorienting. When leveling, make sure the horizon is straight and that vertical lines are straight up and down.
      3. Adding User Data
        
        Adding User Data is a crucial step in the workflow, especially for organization. Information added here, like Title, Description, and Copyright can be used in the skin and the HTML template.
      4. Setting Location
        
        If location data was not captured to the image while shooting, then you can add coordinates using the Tour Map.
      5. Converting Images
        
        After you have brought your images into Pano2VR, you can choose to convert them into a different format for faster loading with tiled TIFFs for gigapixel images and large projects, or to convert to a different image type, or even to convert the image to cube faces.
  3. Drag and Drop Tricks
    
    Learn all time-saving tricks in Pano2VR by dragging and dropping.
2. Building Panoramic Tours
  
  Learn the basic workflows for building basic tours in Pano2VR.
  1. Building a Panoramic Tour
    
    Learn the basic workflow for building a VR tour in Pano2VR.
  2. Maps and Floor Plans
    
    Learn how to add maps and floor plans to tours.
    1. Add a Tour Map
      
      Learn how to add a map to a virtual tour.
    2. Add a Floor Plan
      
      Learn how to add a floor plan to a tour.
    3. Using Custom Map Tiles
      
      Custom map tiles can be added in the Tour Map. These maps can then be used in the skin using the Map Element.
    4. Setting Up a Google Maps API Key
      
      In order to use Google Maps in the Tour Map, or to add Place IDs for Street View, or to use Google Maps in the skin, you will need a Google Maps API key. Google requires this key for anyone wishing to use or embed their Maps JavaScript API (Google Maps).
  3. Build a Tour for Immersive View
    
    Learn how to build a tour specifically for viewing in VR using Stereo and Mono images with 360º and 180º views.
  4. Building Tours for Google Street View
    
    Use the Google Street View panel to upload tours directly to Google Street View.
    1. Google Street View Basic Workflow
      
      To upload a tour to Google Street View from Pano2VR, open the Google Street View Panel and connect your Google account. You'll then have access to all your images and tours. Here's the basic workflow for uploading a small tour to Google Street View.
    2. Adding Levels
      
      If a tour includes multiple levels of a building, you can publish all levels to Google Street View and Google will link them with an elevator control.
  5. Adding Transitions
    
    Use common transitions like cross dissolve and dip to color to transition between panoramas in a tour.
  6. Edit the Master Node
    
    The master node allows you to add the same information to all nodes.
  7. Building a Tour with a Ricoh Theta
    
    Learn how to use a number of features that make building a virtual tour with the Ricoh Theta 360 quite straight forward.
3. Patching
  
  Patching allows you to non-destructively extract a non-distorted portion of the input image without having to remap or convert the whole image. Add patches to hide faces, to add nadir caps, hide drones, and even adding roll-over effects.
  1. Add an Image Patch
    
    The most common use for the patch tool is for retouching the nadir (down shot). Extract just a portion of the nadir, retouch that extracted image in your image editor and then update the patch.
  2. Replace the Nadir with a Mirrorball
    
    If you want to quickly replace a tripod, you can use a mirrorball at the nadir to hide it.
  3. Add a Logo to a Tour
    
    Learn to use the Master Node to apply the same patch to all tour nodes.
  4. Create a Generative AI Image Patch
    
    Use the integrated generative AI tools to patch nadirs or any part of the panorama.
  5. Blur Patch
    
    Use the Blurred Circle and Square patches to blur faces and license plates for when images are uploaded to sites like Google Street View. Or use the Blurred Cover for the down shot.
  6. Remove Yourself from a Panorama
    
    Learn how to remove large objects, like yourself, from one-shot panoramic images from cameras like the Qoocam and Insta360.
4. Working with Hotspots
  
  Hotspots are points or areas of interaction within the project. They can open other images, open websites, and pop up information boxes, images, and videos.
  1. Adding Point Hotspots
    
    Point Hotspots are points of interactivity within the project. Learn how to add them to your project.
  2. Add a Polygon Hotspot
    
    Polygon hotspots require you to draw a shape as opposed to creating a single point of interactivity.
  3. Create Tooltips
    
    Tooltips are the bit of text that appears when a mouse enters an element or area that uses them. They are widely used for node type hotspots and show the title of the next node or as information pop-up texts. They can also be used to simply show information.
  4. Linking Polygon Hotspots to Nodes
    
    Learn how to use Polygon Hotspots to link nodes.
  5. Animated Hotspots
    
    Learn how to create an animated point hotspot in the Skin Editor using a skin variable with a Timer.
  6. 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.
  7. Tracking Hotspots
    
    Animate Point Hotspots to track objects in a video panorama.
  8. Custom Hotspot Images
    
    Each hotspot can have its own image. The custom hotspot image can be added in the skin to affect all hotspots using hotspot templates. Or you can add a custom image to individual hotspots.
5. Creating Popups
  
  Learn how to create video and image pop-ups and more with hotspots and viewer elements.
  1. Built-in Popups
    
    The simplest way to add popups to your project is to use the built-in skins or the the built-in components. Both require using Point Hotspots.
  2. Polygon Hotspot Activated Popups
    
    Popups can be activated by Polygon Hotspots by using the Hotspot Proxy ID in the Skin Editor.
  3. Create a Website Popup
    
    Learn how to create a popup up window using the URL type Point Hotspot and a Text Element in the skin.
6. Working with Media
  
  Learn how to add videos, images, lens flares, web snippets, and sounds can all be pinned to a panorama or virtual tour.
  1. A Note on Sound
    
    Audio can be tricky on the web due to the varying support of formats and how browsers handle audio playback. Read on to learn more about using audio in your projects.
  2. Background Sounds
    
    Learn how to add background sounds to your project and nodes.
  3. Pinned Images
    
    The Image Mode will allow you to pin images to your panoramas.
    1. Pinning Images
      
      Learn how to pin images to the panorama with correct distortion.
  4. Pinned Sounds
    
    Use the Sound Mode to add directional and static audio to your project.
    1. Adding Sound
      
      Use the Sound Mode to add directional and static sounds to your project.
  5. Pinned Videos
    
    The video mode will allow you to pin videos to your panoramas.
    1. Pinning Video to a Panorama
      
      Use the Video Mode to pin video to a panorama.
  6. Lens Flares
    
    A lens flare is the result of light scattering within the camera's lens. The flare can present itself as haze or as a pattern of artifacts. Here, you can add this artifact to add greater depth and dimension to the image.
  7. Pinned Web Elements
    
    Use the web element to pin websites to the panorama which will result in the content being correctly distorted.
    1. Pinning Web Elements
      
      Learn how to pin a web element. In this example we pin a Wikipedia page to a tour node.
  8. Embedded Video
    
    Learn how to embed videos into panoramas which allows for a seamless integration of live-action video in a still panorama.
  9. Generating Alternative Files
    
    Not all browsers will playback all media files. Therefore, we've added a file converter to the sounds and videos modes.
    1. Generate an Alternative Sound File
      
      Alternative audio files can be converted from within the Sound Mode's properties.
    2. Generate an Alternative Video File
      
      An alternative video file can be converted from within the Video Mode's properties.
7. Create a Multilingual Project
  
  Learn how to create multilingual projects with the translation tools. in multiple languages.
  1. Translating Skins
    
    Learn how to translate the skin in the Skin Editor.
8. Animating in 360
  
  Pano2VR features an Animation Editor that lets you create an animated flat video from your 360 media as well as auto-rotations.
  1. Clips, Sequences, and Keyframes
    
    Clips, Sequences, and Keyframes are all the elements that we use to create animations.
  2. Editing Keyframes
    
    Keyframes are used to control or animate the difference between two values on a timeline. In the Animation Editor, you can add keyframe values to Pan, Tilt, Field of View, Projections and Variables. There are 2 ways of creating keyframes to choose from: Keyframes and Magic Keyframes.
  3. Animating a Single Panorama
    
    Learn how to create a basic animation from a single panorama.
  4. Animating a Tour
    
    Learn how to create an animated tour.
  5. Connecting to a Skin
    
    When outputting the project as a Web Output (rather than a video format), you can have an animation to control skin elements using additional tracks.
  6. Adding a Subtitle Track to a Video Panorama
    
    Learn how to add a subtitle track to your virtual tour using the video panorama clip in the Animation Editor.
9. Creating Skins
  
  Use the Skin Editor to create and design interactive overlays for your virtual tours.
  1. Using the Color Tool
    
    The Color Tool, found in the Skin Editor, lets you quickly change the colors of a skin or a selection of elements.
  2. Creating and Using Components
    
    Components are a group of skin elements that are saved as a single element in the Components Toolbox and can be reused.
  3. Scale an Element Based on Player Width
    
    You can use logic blocks to create a responsive skin (where the skin elements scale to the player's width). This will require a logic block with multiple expressions.
  4. Using Auto Tags in the Skin
    
    Auto Tags are added to each input panorama automatically. Learn how to address these tags in the skin.
  5. Auto-hide Skin Elements
    
    Learn to use a Timer's logic block to hide elements, like a menu, during user interaction.
  6. Creating Map Markers
    
    Node markers are skin elements that can be used to indicate a node's location on a floor plan, image, or map. They are map markers. Node Markers and Tags can be used in conjunction to activate actions and media.
  7. Video Element Tips
    
    Learn how to hide videos when they are not playing, how to fade videos in and out, and how to fill a video's container when there is an aspect ratio mismatch.
  8. Using Action Filters
    
    Action filters let you define conditions for the execution of actions assigned to an element.
  9. Introduction to Using Variables
    
    Variables are powerful tools that help simplify automation within a skin.
  10. Search in the Skin Editor
    
    Use the Search tool in the Skin Editor to find elements and variables.
  11. Create Skins for Configurations
    
    Using the thumbnail menu component as an example, Hopki explains how you can show and hide the tooltips of the menu using skin configuration.
  12. Mapping Keys to the Skin
    
    You can map keyboard keys to actions in the Skin Editor. This allows a user to use either the mouse or the keyboard to control and interact with the panorama or tour.
  13. Using Regular Expressions
    
    Regular expressions let you address multiple elements within the Skin Editor with just one action. This will save time when setting up thumbnails or any other multiple element project.
  14. Collection of Components Tutorials
    
    Use the Skin Editor to create and design interactive overlays.
  15. Styling with CSS
    
    CSS or Cascading Style Sheets are what the web uses to style a web page. It is a rule-based language that specifies how elements should look or be presented in a web browser.
    1. Adding Google Fonts
      
      Learn how to add Google Fonts to your project.
    2. Embedding Fonts
      
      Fonts can be embedded in Pano2VR’s skin. This means that the fonts are served locally, rather than fetching them from third-party servers like Google Fonts.
    3. Create Animated Hotspot Icons
      
      Learn how to create animated icons for point hotspots. This particular animated icon will consist of to rotating bars hinged at the center.
    4. Create Buttons Using Text Boxes
      
      Learn how to use a couple of text boxes to create a 2-state button.
    5. Create a Popup Image with Scrolling Text
      
      Learn how to create a custom image popup with a text box that expands to fit the amount of text.
10. Working with Video Panoramas
  
  Learn how to work with Video panoramas whether they are 360º Video, 180º Video, Stereo, or Mono type videos.
  1. Working with 360º Video
    
    Learn how create interactive 360º video panoramas that can be viewed on the computer, mobiles, VR headsets and Apple's Vision Pro.
  2. Create a 360º Video Tour
    
    Create 360 video tours by adding them to the Tour Browser and linking them together with point hotspots, polygon hotspots, or buttons.
  3. Working with VR180 Video
    
    Learn how create interactive VR180 stereo or mono video panoramas that can be viewed on the computer, mobiles, VR headsets and Apple's Vision Pro.
  4. Working with Multiple Video Resolutions
    
    Due to the limitations of smartphones and their browsers, high resolution video panoramas struggle to play back. Follow this workflow to learn how to build a project that provides playback support for both high resolution video panoramas (greater than 3840×1920) and low resolution video panoramas (3840×1920 and under).
11. Exporting
  
  Once you're finished working on your project you can output it for a website, as a flat video, as a different projection, or for social media.
  1. Web Output
    
    The web output exports all the files needed to add a project to a website for playback in any modern web browser.
    1. Garden Gnome Package
      
      The Garden Gnome Package (GGPKG) is a package format for offline viewing and for content management systems to easily embed your projects into websites.
      1. Using CMS Plugins
        
        The Garden Gnome Package (GGPKG) is a package that can be used for content management systems and lets you easily embed your projects into your website.
      2. WordPress Plugin
        
        We provide a package format (GGPKG) to make it easy for you to embed your panoramas on your CMS site or blog. Below are the instructions for WordPress.
      3. Using the Package Viewer for Desktop
        
        The Garden Gnome Package Viewer is a native desktop application that opens Pano2VR and Object2VR packages (GGPKG) for viewing content offline.
      4. Joomla Plugin
        
        We provide a package format to make it easy for you to embed your panoramas on your CMS site or blog. Below are the instructions for Joomla.
      5. Using the Package Viewer for iOS and Android
        
        The Package Viewer is a mobile app that lets you showcase your virtual tours and object movies without the need for an internet connection; making it ideal for showcasing to clients or at exhibitions.
      6. Drupal Plugin
        
        We provide a package format to make it easy for you to embed your panoramas on your CMS site or blog. Below are the instructions for Drupal.
    2. Upload to Gnome Cloud
      
      Gnome Cloud is a service we provide that you can use to host your projects. Upload a project to the cloud from the Web Output.
  2. Animation Output
    
    Use the Animation Output to create a flat video from the clips and sequences created in the Animation Editor.
  3. Transformation Output
    
    The transformation output allows you to re-project the panorama to create a thumbnail preview image or an image for print.
    1. Create a Little Planet Image
      
      The Little Planet image is a stereographic projection that, that when manipulated in a way, resembles a photo of a tiny planet. Learn how to make one below.
    2. Create a Thumbnail Image
      
      Pano2VR allows you to create a thumbnail image from your panoramic image. To do this, choose Transformation from the Output panel.
  4. Exporting for VR
    
    Pano2VR projects can be viewed in a head mounted display or VR headset through WebXR, or VRTourviewer.
  5. Integrated Web Server
    
    A local web server is built in to the software. It simulates an active web server so you can view your project locally (browsers restrict local viewing for security reasons).
    1. Using the Integrated Web Server
      
      The integrated web server's default settings are set to be used when viewing the output within an HTML page. It was included to allow local viewing of the web output (something most browsers do not allow for security reasons).
  6. Posting Projects in Social Networks
    
    Social networks have requirements for sharing links with images. Learn how to best prepare your project for posting on Facebook and X, formerly known as Twitter.
  7. Creating a Droplet
    
    A droplet is a small application that can be used to batch convert your panoramic images using the same settings without creating new projects for each image.
12. Practical Tips
  
  Practical tips, tricks, and how-tos for specific projects.
  1. Adding a Logo to the Context Menu
    
    Learn how to use the HTML image tag to add a custom logo to the context menu.
  2. Adding Custom Text Fields
    
    Learn how to add more parameters or text fields to User Data and Hotspots.
  3. Direct Node Access
    
    Direct node access (DNA) allows you to link directly to a node by using it’s internal node ID.
  4. Creating a Desktop Application
    
    Here’s a tip that helps tremendously with these situations. It utilizes a JavaScript platform, called NW.js and just using a bit of code, you can turn your project into a stand-alone player that will work on all system platforms. Don’t worry, it’s painless.
  5. Working with Large Images and Projects
    
    Pano2VR can handle very large tours and very large images (gigapixels) very well. There are just a few tweaks you will need to do to make the process easier.
  6. Importing Panotour Pro Projects
    
    Pano2VR supports Panotour Pro project files. Learn how to import and update your projects in Pano2VR.
13. Special Effects
  
  Learn how to create special effects with hotspots and other tricks.
  1. Create Rollover Effects
    
    Learn how to create multiple states with a Mouse Over effect. We do this by converting an image patch into a point hotspot.
  2. Before and After Tours Using Multiple View States
    
    Learn how to create a Pano2VR project that can switch between night and day scenes or before and after scenes or even the changing seasons.
The Workspace

These pages detail the entire workspace and settings.
1. Menu Bar
  
  In the menu bar, you'll find more tools and shortcuts. The menu bar also changes for the Skin Editor.
2. Toolbar
  
  Use the Toolbar at the top of the main project window to show or hide panels.
3. Properties
  
  The Properties panel is where individual settings are found for various features within the program.
  1. Project Properties
    
    The Project Properties contain settings for the entire project.
  2. Panorama Properties
    
    The Panorama Properties provides the current node's file location, is where a panorama can be converted and leveled, and where background sound is added.
  3. User Data
    
    Use the User Data panel to add information about an node or image.
  4. Viewing Parameters
    
    Modifying the viewing parameters will let you set where within the image the panorama will open. You can also set limits to the field of view and viewing range.
4. Viewer
  
  The center of Pano2VR contains the interactive panorama. Here you can view and interact with the panorama and use the Viewer Modes to add patches, hotspots, sounds, images, videos, and lens flares.
5. Viewer Modes
  
  Viewer Modes are used to pin elements to the panorama in the Viewer.
  1. Image Properties
    
    Use the Image Mode to pin images to the panorama.
  2. Lens Flares Properties
    
    When you add a lens flare to your project, the Properties panel will open showing all the settings for lens flares.
  3. Sound Properties
    
    Use Sound Mode to add directional and static audio to your project. Here, you'll find explanations of the Sounds Mode properties.
  4. Video Properties
    
    The video mode will allow you to pin videos to your panoramas.
  5. Point Hotspot Properties
    
    Point Hotspots are interactive points that open websites, PDFs, videos, informational texts, and more. This article covers all the properties of a point hotspots.
  6. Web Element Properties
    
    Use the Web Element to pin web content to the panorama, like a YouTube video or web pages.
  7. 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.
6. Animation Properties
  
  The animation properties holds the sequences and the settings for a clip.
7. Tour Browser
  
  The Tour Browser holds and organizes all the panoramas in a tour. Each panorama is represented by a thumbnail image.
8. Patch Properties
  
  After adding a patch to the Viewer, the Properties panel will open with settings that all patch types share. The default patch type is Image.
9. Tour Map
  
  The Tour Map is used to not only add location information to nodes and to view node location, but it is also a place to link nodes together to create a tour using maps and floor plans.
  1. Maps Properties
    
    Each map has different settings. Learn about them below.
  2. Floor Plan Properties
    
    The properties for a floor plan added to the Tour Map.
10. Output Panel
  
  The Output panel is where you choose output formats for your project. There is also a button to open the Gnome Cloud Browser.
  1. Animation Output Properties
    
    Once you've created the animation in the Animation Editor, you can then output it by choosing the Animation output from the Output Panel. Below are all the output settings for Animation.
  2. Web Output Properties
    
    The Web Output Properties open in the Properties panel. This is where you set player-based parameters such as the context menu, HTML file, and multiresolution settings.
  3. HTML Templates
    
    The Web Output exports an HTML file to play back the project in a browser. This is a template that can be edited to your project's needs.
    1. Normal Template
      
      The normal HTML template is the default template that is used when exporting a web output. Use the template parameters to quickly configure it.
    2. Garden Gnome Package Template
      
      Edit this Garden Gnome Package HTML template to create a custom GGPKG output or select for Droplet use.
  4. Transformation Output Properties
    
    Use Transformation to re-project the panorama to create a thumbnail preview image or an image for print.
11. Google Street View
  
  The Google Street View panel provides a way to easily upload a tour or single panoramas to Google Street View.
12. Animation Editor
  
  Use the Animation Editor to create self-playing interactive panoramas and 360º panoramic videos and to export animated 2D videos.
13. History Panel
  
  The History panel shows you a list of all the actions you've done. And you can go back in history by clicking up the list (similar to Photoshop).
14. Overview
  
  The Overview panel provides an overview of the entire project.
15. List View
  
  The List View panel is handy for when you want to see all the elements that have been added in an easy-to-read list view.
16. Viewer Settings
  
  The Viewer Settings show viewing options for the Viewer.
17. Skin Editor
  
  A skin, as a whole, is a graphical element (interface) that is layered over the panorama and can include images, maps, buttons, text, and sounds.
  1. Skin Editor Tree
    
    The Tree supports a parent-child layering organization. An element treated as a parent will have a child or children that is/are "connected" to it, making it easier to group the elements and move them together in the canvas. The layering of the elements is like Photoshop; the top-most element is the front-most layer.
  2. Skin Editor Canvas
    
    The Canvas is where all the elements (images, buttons, etc.) are placed and arranged. Consider it your workspace for designing your skin.
  3. Skin Editor Properties
    
    The Properties section is where the settings for the skin and elements are located. It also holds the settings for the Canvas and the skin itself. All the properties are grouped in collapsable panels.
  4. Skin Editor Toolbar
    
    The toolbar is found at the top of the skin editor window and holds all the tools needed for adding elements in the editor, zooming in to the canvas and accessing additional tools.
  5. Skin Editor Menu Bar
    
    The menu bar is found at the top of the program's window in Windows and Linux or at the top of the screen in Mac OS. This is the menu bar for the Skin Editor only.
  6. The Color Tool
    
    The Color Tool, found in the Skin Editor, lets you quickly change the colors of a skin or a selection of elements.
  7. Components Toolbox
    
    The Components Toolbox holds a collection of predefined skin elements including icons and Lottie animations.
  8. Skin Elements
    
    A skin element is any object added to the skin.
    1. Container
      
      A container is an invisible element that allows you to group elements together in the tree or canvas.
    2. Rectangle
      
      The rectangle element can be drawn to any size. Use it as a button or as a screen tint. Or even as a fix to create active areas in 3D distorted hotspot images.
    3. Text Box
      
      Text Box are for adding text to the skin. You can use basic HTML tags to format the text, or use CSS.
    4. Image
      
      The image element is used to add images to the skin. Once you click on the Canvas, you'll be instructed to selected an image.
    5. Button Element
      
      The button element provides multiple states of a button. Each state can have a different image which provides visual indications of interaction.
    6. SVG
      
      Click the *Add Scalable Vector Graphics* button in the Toolbar and then click in the Editor to choose a SVG file. Or, just drag the SVG in to the editor.
    7. Lottie Animation
      
      Lottie files are small animations designed to work on all devices. Use them for buttons and hotspots.
    8. PDF
      
      Use the PDF element to embed PDF documents in the skin.
    9. External Image
      
      Use the external image to add images that need to be loaded externally rather than embedded in to the skin. This is especially useful if you have a lot of thumbnails in a tour and are not using the Node Image element.
    10. Node Image
      
      Use the Node Image Element to easily add thumbnail images from the current tour. This is especially useful for creating galleries or buttons from the images. Use this in conjunction with the Cloner to build a tour menu or gallery. Click in the canvas to add an image. A placeholder will appear. Go to the Node Image settings to choose the node.
    11. Scroll Area
      
      A scroll area is a container that will add scrollbars around an element or group of elements, if necessary. It can also be used to clip content.
    12. Cloner Element
      
      The cloner is a useful tool that's used to quickly build menus from hotspots, translations and more.
    13. Timer Element
      
      The timer is a container that is useful for timing actions in the skin. For example, you can use a timer to hide a Welcome Screen (or splash screen) after 5 seconds.
    14. Hotspot Template
      
      A hotspot template lets you add a custom image to a point hotspot.
    15. Map Element
      
      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.
    16. Video Element
      
      Use this to add videos to your skin. You can use local files, URLs or YouTube and Vimeo IDs.
    17. Seekbar
      
      Seekbars can be used to seek or move backwards and forwards in time for background sounds, all pinned sounds and videos of the project, as well as skin sounds and skin videos, and even 360° video panoramas (except embedded YouTube and Vimeo videos).
    18. Code Element
      
      The code element is used to apply Javascript to the skin.
  9. Skin Actions and Modifiers
    
    Actions are like a set of directions that are applied to any element added to the skin to create interactivity.
    1. Sources
      
      In the actions section of the Actions/Modifiers tab in the Skin Editor, you'll find a column called Sources with a pop-up menu. These sources represent the triggers that cause the actions.
    2. Actions
      
      Actions or a set of directions can be applied to any element added to the skin to create interactivity.
    3. Skin Modifiers
      
      Use modifiers to affect a skin element's behavior. Open the Modifiers panel and double-click in the table or click the plus sign to the right to open the Modifier Settings.
    4. Skin Actions Examples
      
      Here you'll find a few examples of common actions. You can assign actions to any element in the skin editor.
  10. Logic Blocks and Action Filters
    
    Logic blocks are a way of automatically altering values of skin elements, making it possible to react to certain circumstances using logic. Action Filters are applied to actions and define conditions for the execution of actions assigned to an element.
    1. Logic Block Triggers
      
      Triggers are start of events for a condition of a logic block.
18. Gnome Cloud Browser
  
  The Gnome Cloud is a service we provide that you can use to host your projects. Use the Browser to view projects and data associated with them.
19. Layout Customization
  
  Pano2VR has a modular interface which allows for custom layouts.
20. Pano2VR Settings
  
  User preferences/settings can be found in the Menubar. Choose File > Settings on Windows and Linux; and Pano2VR > Preferences on Mac OS.
Reference

This is the reference section for APIs, Keyboard Shortcuts, and more.
1. Pano2VR Tutorials
  
  Below is a list of numerous video tutorials intended to help you get the most out of Pano2VR.
2. List of Placeholders
  
  A placeholder is like a shortcut for using data or text from other sections of the software.
3. Keyboard Shortcuts
  
  A list of all keyboard shortcuts found in the main project window and the Skin Editor.
4. Input Formats
  
  Below is a list of all file formats that Pano2VR supports as input image.
5. JavaScript API
  
  The player has an external API so it can be controlled with JavaScript.
6. HTML Template
  
  Use the Garden Gnome Template files as a basis for the HTML output.
7. Command Line
  
  This article describes the current command line options for Pano2VR.
8. Creating a Support Package
  
  The Support Package is available for you to collect all the project files our support team would need to help you. Learn how to create a pared-down version of your large project as a support package.
Glossary

A list of terms used throughout Pano2VR.
1. Action
  
  Actions are like a set of directions that are applied to any element added to the skin to create interactivity.
2. Asset
  
  Assets are media associated with a project.
3. Auto Tags
  
  Pano2VR creates tags automatically based on
4. Container
  
  A container is an invisible skin element used to group elements.
5. Cross
  
  The cross is an image type in which the cube faces are arranged in a cross shape.
6. Default View
  
  The default view is the project's initial opening view or angle.
7. Droplet
  
  A droplet is a small application that is used to batch convert images or batch create outputs.
8. Custom Property
  
  Custom properties provide extra text input fields or properties that can be targeted by the skin.
9. Element
  
  Viewer elements include hotspots and pinned images, and Skin Elements include text boxes and hotspot templates.
10. FFmpeg
  
  FFmpeg is a free software project that produces libraries and programs for handling multimedia data that Pano2VR uses to create poster frames for videos and export animation videos.
11. Field of View
  
  The field of view is the area of the image that is visible.
12. Flat Image
  
  A flat image is any image that has a non-distorted flat projection.
13. Ghost Hotspots
  
  A ghost hotspot is a hotspot that is not yet activated in Pano2VR.
14. hotspot proxy ID
  
  A hotspot proxy ID is used to make a link between hotspots and skin elements and their actions.
15. Hotspot
  
  Hotspots are definable, interactive areas within the panorama.
16. Hotspot Template
  
  A placeholder that links the Hotspot Image in the skin to the hotspot in the image.
17. Keyframe
  
  A keyframe is used in the Animation Editor and is a point on a timeline that is assigned a specific value.
18. Loading Bar
  
  A loading bar is a set of graphical elements (or a single element) that is used to illustrate how much of the panorama has loaded.
19. Master Node
  
  The master node acts like a template node in which data and elements are applied to all nodes in a tour.
20. Node Markers
  
  Node Markers are used to show elements depending on the currently active node in a virtual tour.
21. Node
  
  A node refers to a single panorama.
22. Pan
  
  Scanning or viewing the panorama in a horizontal movement.
23. Patch
  
  A portion of the image that has been extracted and possibly edited or retouched and then reapplied to the original image.
24. Placeholder
  
  A placeholder represents a value for content that will be filled in later.
25. Pointing
  
  Pointing is a term used to describe how each panorama in a tour is linked.
26. Remap
  
  To remap an image means to reorganize the data of the image to change the projection of the image.
27. Skin
  
  A skin is a collection of text and graphical elements overlaid on the image.
28. Strip
  
  The strip is an image type in which the cube faces are arranged in a horizontal or vertical strip.
29. SVG
  
  Scalable Vector Graphics are an XML based 2D vector graphics format used in Pano2VR as skin elements.
30. Component
  
  A component is a pre-defined skin element or group of skin elements.
31. Tag
  
  Tags are used to organize images within a tour and to help trigger skin elements.
32. Tee
  
  The Tee is an image type in which the cube faces are arranged in a horizontal or vertical tee.
33. Toggle
  
  This is a command generally used in an action for a skin element to show and hide or play and pause, for example.
34. VR180
  
  A VR180 video is a 180-degree, stereoscopic immersive video format.
35. Z-Index
  
  The z-index is a CSS property that is used to set the stacking order of elements in the skin.
Table of Contents

A map to all help pages.
Tags

A list of tags to help you better find what you're looking for.