When opening a link to cloned BabylonJS github library on web, it says WebXR not supported

You could try reproducing this by cloning this project: GitHub - BabylonJS/Babylon.js: Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.. Then setting it up to run on localhost, and using cloudflare to set up https with an ssl certificate. When I did this, here’s what happened:


As you can see the site loads normally, but then when I click “open”, this displays:

Why is babylonJS not working? It is on a mobile device…

From you screenshots it looks like a iOS device where webXR is not supported unfortunately. Apple only supports webxr with safari on VisionOS and even there not fully.

1 Like

It seems it doesn’t load resources properly. This page has missing images and and at least a css style.

Can you try to open it with http?

In http there are still missing images. I got it so it no longer says that, now once I click open, it just gets stuck with this spinning wheel. The WebXR Not Supported page doesn’t show anymore.

I sat on that page for 30 seconds and the wheel was still spinning. Could BabylonJS take this long to load? I’m hosting it on an SSL cloudflare tunnel if that could make any difference.

How do you set it to run and what is the page you are trying to open?
Here is some info about the Babylon build - Babylon.js docs