Pano2VR 7.1 Docs / Create a Tour for WebXR

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.

Build a Tour

The most basic tour will use a skin that has an Enter VR button. The skin added in the Web Output settings will not appear in the immersive view. To have a skin in immersive view, a second skin must be added to the project in the VR properties in the Web Output.

  1. Import the images.
  2. Link the tour nodes together.
    Import and link the images to create a tour.
    Import and link the images to create a tour.
  3. Add a Web Output.
    Add a Web Output.
    Add a Web Output.
  4. Add a skin. This skin will need an Enter VR button. All built-in skins have this button.
    Add a skin.
    Add a skin.
  5. Select Enabled in the VR properties.
    Select Enable.
    Select Enable.
  6. Export the project by generating the output. The Integrated Web Server will open the project in your default browser. Alternatively, upload the project to gnome.cloud.
  7. Test the project.
  8. In the VR Browser, click the “Enter VR” button to start the immersive view. To exit, click the Exit VR button.

Add a VR skin

A skin is not needed for the immersive view. If a skin is not added, tour nodes will appear as interactive spinning globes. They will have tooltips revealing the tour node title. The spinning globes can be resized by changing the scale for Default Node Hotspots.

To add a VR skin:

  1. In the Web Output Properties, find the VR properties. Make sure Enabled is selected.
  2. Choose one of the built-in skins (feather_vr.ggsk or venis_vr.ggsk). Or add your own skin.

In the immersive view, there is a button that appears when viewing up. Clicking it will hide or show the skin (except node hotspots). Deselect, Floating Skin Menu Button in the VR properties to hide it. Or change its location from the top to the bottom.

This button uses the action VR Skin Visiblity.

There is also an Exit VR button which uses the Exit VR action.

Test the Project

You can test the project a few ways:

  • Uploading the project output folder to your web server then open the project’s URL in the headset’s browser
  • Use the Integrated Web Server
  • Upload to gnome.cloud

Using the Integrated Web Server (Tools > Integrated Web Server), click on the link for Address (ssl). This will open the web server page. But, you might encounter a warning like this:

Warning page is not secure.
Warning page is not secure.

You can continue to click through to the get to the site.

Click, Show Details.
Click, Show Details.

★ Tip  To easily open the project on Meta Quest, scan the QR code with your phone and then share the webpage to the the Meta Quest App. This will open the link in the Quest Browser in VR for you.
★ Tip  Open the URL on the Apple Vision Pro from Safari on Mac by going to Develop > Open Page With > Apple Vision Pro.

Using the gnome.cloud, share the link to the Meta Quest app to automatically open it in the Quest Browser. Or go to the URL using any VR browser.

Once in VR, click the headset button (Enter VR) to enter the immersive view.

See also

Last modified: May 17, 2024