Search code examples
aframe

Switching scenes with a-link causes browser VR mode to drop

My project currently has two scenes, one is index.html and one is stored in tour.html. I'm linking between the two using a-link like so:

<a-link 
  href="./scenes/tour" 
  title="Office Tour" 
  position="9 2 -5" 
  rotation="0 -40 0"
  image="#officeTourThumbnail"
  >
</a-link>

The problem I'm having is that when a user clicks on my a-link it drops them out of the browsers virtual reality mode. What is the correct way to link two scenes together that doesn't cause route change?

I'm using Google Chrome for Android with a Google Cardboard.

Solution

  • Not possible today with exceptions. There’s a proposal to bring immersive navigation to the WebXR standard that only ships experimentally on the Oculus Browser for Quest headsets. In-VR navigation was also part of the old WebVR standard and still available on Firefox desktop for Windows.