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 Visibility.

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