Hiding the virtual reality symbol and disabling controls

Question

Is it possible to hide the vr symbol which appears until your mouse is over the vr view?

It doesn't seem possible to disable all controls. You can disable touch panning with disableTouchPanning on mobile and it still uses the device orientation.

  ReactVR.init(
    './index.bundle.js',
    document.body,
    options = {
        disableTouchPanning: true,
        hideFullscreen: true,
        hideCompass: true, 
    }
  );

(see https://github.com/facebook/react-vr/blob/master/ReactVR/js/VRInstance.js)

Thanks!

I mean the vr-symbol which appears until you go with the mouse over it. It is maybe not the reactvr logo, I'll rename it. — Jan F., Apr 25 '18 at 08:56
Sorry, can you send a screenshot? Because I have no idea what do you mean. — Alan Wołejko, Apr 25 '18 at 09:06
Ok, thanks, now I understand ;) But for me, it disappears without any action after less than half a second after opening an app. That's why I didn't remember it :) And sadly I have no idea now how to help you with that :/ — Alan Wołejko, Apr 25 '18 at 11:58

score 1 · Accepted Answer · answered Apr 25 '18 at 12:21

I think I found how to hide this icon - maybe a bit cheat way but seems works :D

In index.html header, I added:

    <style> div > div > div {display: none}</style>

Since it's 'cheat' I'm also not sure if it will work always but it's just idea, you can start from that point and check it ;)

Hiding the virtual reality symbol and disabling controls

1 Answers1