WebXR support?

[npolys]

It would be amazing to have support for

WebXR
https://www.w3.org/TR/webxr/

example WebVR migration process documented here:
https://github.com/immersive-web/webxr/blob/master/webvr-migration.md

[Groogey]

I was wondering if there has been any progress in this field as x3dom just added native webxr support to their browser

[create3000]

I haven't done anything special in this direction yet, but it is of course always possible to control the X3D nodes via JavaScript, and thus achieve the desired result.

https://create3000.github.io/x_ite/reference/script-node-authoring-interface

[create3000]

With the latest release (10.3.0) there is now basic WebXR support built directly into X_ITE. If WebXR is possible then a new button (Cardboard Glasses) appears in the lower right corner of the <x3d-canvas>. In addition, there are now three new attributes (xrButton, xrMovementControl, xrSessionMode) and the corresponding browser options (XRButton, XRMovementControl, XRSessionMode).

If anyone has a VR device and can test this new feature, I would be very happy to receive feedback.

See Also:
https://create3000.github.io/x_ite/#attributes-of-the-x3d-canvas-element
https://create3000.github.io/x_ite/reference/browser-services/#browser-options

[Sgeo]

Tried in in Meta Quest 3: Native Browser, Wolvic, and Oculus Air Link -> Chrome (with Oculus set as OpenXR runtime). Tested on the X_ITE homepage.

The right eye looked ok, although maybe some lighting oddities (on the Wikipedia logo sample). Although I'm not entirely sure.

The left eye did not work well. The image was weirdly distorted and moved in weird ways.

[create3000]

@Sgeo I was able to identify a possible source of error. I don't want to bother you any further here, but if you like, please test again on the page with the link below, and give some feedback:

https://rawgit.com/create3000/x_ite/xr/x_ite.min.html

[npolys]

NB: you can do a lot of testing by installing a WebXR emulator for your browser like chrome or ffox... then you can launch a session and see the stereo view, and even control the head and controllers through the developer console!! https://addons.mozilla.org/en-US/firefox/addon/webxr-api-emulator/ [https://addons.mozilla.org/user-media/previews/full/228/228420.png?modified=1622134679]<https://addons.mozilla.org/en-US/firefox/addon/webxr-api-emulator/> WebXR API Emulator – Get this Extension for 🦊 Firefox (en-US)<https://addons.mozilla.org/en-US/firefox/addon/webxr-api-emulator/> Download WebXR API Emulator for Firefox. Emulate WebXR devices on your browser addons.mozilla.org

…

________________________________ From: Holger Seelig ***@***.***> Sent: Wednesday, August 21, 2024 5:45 AM To: create3000/x_ite ***@***.***> Cc: Polys, Nicholas ***@***.***>; Author ***@***.***> Subject: Re: [create3000/x_ite] WebXR support? (#75) @Sgeo<https://github.com/Sgeo> I was able to identify a possible source of error. I don't want to bother you any further here, but if you like, please test again on the page with the link below, and give some feedback: https://rawgit.com/create3000/x_ite/xr/x_ite.min.html — Reply to this email directly, view it on GitHub<#75 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AB2TSM33P6MDRENFJ7XNWMDZSROTHAVCNFSM6AAAAABMWNTMJSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGMBRGYZDGMZVGE>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[create3000]

Thanks @npolys, let's put it this way: with the emulator I was already through with testing and have cleared all obstacles, but as it turns out now a real life device is a bit more peculiar.

It's already on my wish list to buy a VR headset myself, but by then the biggest pitfalls can be removed.

[npolys]

Cool~! I will get my students in the lab to test it! stay tuned! 🙂 br, _n

…

________________________________ From: Holger Seelig ***@***.***> Sent: Wednesday, August 21, 2024 10:08 AM To: create3000/x_ite ***@***.***> Cc: Polys, Nicholas ***@***.***>; Mention ***@***.***> Subject: Re: [create3000/x_ite] WebXR support? (#75) Thanks @npolys<https://github.com/npolys>, let's put it this way: with the emulator I was already through with testing and have cleared all obstacles, but as it turns out now a real life device is a bit more peculiar. It's already on my wish list to buy a VR headset myself, but by then the biggest pitfalls can be removed. — Reply to this email directly, view it on GitHub<#75 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AB2TSM3DAKL7WQ3STQL2PMDZSSNNFAVCNFSM6AAAAABMWNTMJSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGMBSGE2DMMZSGQ>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[Sgeo]

I'm happy to help!

Left eye is now fixed.

There's a weird issue where the scene doesn't seem to load the first time I press the XR button. Going to my Oculus/Meta menu and back causes the scene to appear.

Backgrounds do not work properly. They rotate in a weird way. Basically any world with a background is a problem.

There is something weird with lighting that it shifts as I rotate my head.

Are there plans for supporting moving around with thumbstick or similar?

[create3000]

@Sgeo I think we can have it all, at least that's the plan.

[Sgeo]

I believe I found the cause of the issue with the scene not loading: When creating the session, you call addBrowserEvent(), which will then use the session's requestAnimationFrame, but addBrowserEvent returns early if it thinks the scene is dirty (I'm a bit confused by that tbh). Making a variant of addBrowserEvent that unconditionally runs its code seems to work for me, although I'm not sure of the cleanest approach code-wise. Incidentally, I only reproduced the original behavior with moving scenes (like the dolphin one).

[Sgeo]

Are all objects in the scene, including backgrounds, affected by the WebXR projection matrix? If not, that would be my guess as to the backgrounds issue. It looks to me as though projection matrices are generated in a few places, and many of them won't be the WebXR matrices.