VR examples appear not supported

CharlieWhite · July 31, 2020, 12:15pm

Hi,

Following the How to create VR content article from the three.js documentation. The VR appears “not supported” on my pc VR compliant… (Firefox & Chrome). A-frame is working properly on firefox.

https://threejs.org/docs/index.html#manual/en/introduction/How-to-create-VR-content

Examples at the bottom of this article do not work also. The VR come up as “VR not supported”

VR is still working with three.js or we need to go to A-frame now ?

Mugen87 · July 31, 2020, 12:44pm

Of course it does. The problem is that Firefox does not yet support WebXR. The older WebVR standard is not supported by the three.js anymore.

What version of Chrome are you using? Besides, how does your VR setup look like? Notice that certain headsets like HTC Vive do not yet work with WebXR since the underlying VR runtimes do not yet support OpenXR. However, this will change in the future e.g.:

CharlieWhite · July 31, 2020, 12:59pm

Hi,

I’m using a PC with the HTC vive pro with steamVR.
Chrome : 84.0.4147.105 official build 64 bits

Is there a road map for the feature ? about the support of the Htc Vive pro ?

CharlieWhite · July 31, 2020, 1:02pm

Do you think I can continue the project with the SteamVR Beta Update ?

Mugen87 · July 31, 2020, 2:00pm

I’m not using SteamVR right now so I can provide any recommendations in that regard, sorry.

Maybe somebody else of the community can answer in this thread.

CharlieWhite · July 31, 2020, 3:39pm

Hi,

that’s working!!!

there is how I made it!!!

1 - go to this website and see if it’s working for you :

2 - go to GitHub :

github.com

MozillaReality/hello-webxr/blob/a14e964826cacfc267f9be56878831680f0aae78/src/index.js

import * as THREE from 'three';
import { PointerLockControls } from 'three/examples/jsm/controls/PointerLockControls.js';

import {VRButton} from 'three/examples/jsm/webxr/VRButton.js';
import {loadAssets} from './lib/assetManager.js';

// ECSY
import { World } from 'ecsy';
import { SDFTextSystem } from './systems/SDFTextSystem.js';
import { DebugHelperSystem } from './systems/DebugHelperSystem.js';
import { AreaCheckerSystem } from './systems/AreaCheckerSystem.js';
import { ControllersSystem } from './systems/ControllersSystem.js';
import HierarchySystem from './systems/HierarchySystem.js';
import TransformSystem from './systems/TransformSystem.js';
import BillboardSystem from './systems/BillboardSystem.js';

import SystemsGroup from './systems/SystemsGroup.js';

import assets from './assets.js';

This file has been truncated. show original

take a look of the import

3 - go to the WebXR polyfill :

follow instructions and that’s working…

Thank you

Mugen87 · July 31, 2020, 3:45pm

Well yeah, a polyfill is of course always an option^^.

Realitian · April 24, 2021, 8:09am

Hi @Mugen87 ,
Just I got same situation.
I tried to open WebXR example(e.g. three.js examples) with chrome in the Oculus Rift.
But I can see ‘VR NOT SUPPORTED’.
Can you tell me the full list of VR devices and web browsers what can support the WebXR(threejs)?
Cheers!

seanin · March 14, 2023, 2:44am

immersive-web/webxr-polyfill: Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard (github.com)

I installed Polyfill, and it is useless on chrome

Topic		Replies	Views
No longer able to run WebXR examples with Valve Index Questions webxr	3	3395	June 23, 2020
Enable 'VR NOT SUPPORT' Questions webxr	7	2095	December 27, 2021
WebXR not working on multiple devices Questions webvr , webxr	9	4154	August 31, 2020
None of the VR/AR (WebXR) examples work in Oculus Quest Questions webxr	6	1331	June 2, 2021
Cant enter VR Mode from Browser \| Vive Pro Questions vr , firefox-reality	2	1206	July 27, 2023

VR examples appear not supported

Related topics