How to add AR Loading screen, means how to add loading gif image until hit result successful first time

You can use the DOM Overlay feature to add an HTML element on top of the AR session, and do whatever you want theme (loading screen UI, etc’): [image] WebXR Augmented Reality Features | Babylon.js Documentation Learn about WebXR augmented reality features in Babylon.js. …

i tried to babylonjs GUI, it does not support the Gif …Reagrading DOM overlay is it enabled, it is not working on samsung phone chrome browser

as this is the way AR renders, those are the two options. There is sadly no extra magic we can offer. @msDestiny14 - does the GUI support animated GIFs?

I don’t believe we do. :frowning: But I could be wrong…

Aha! Ya that should do the trick. Also can do videos too that way. Thank you @sebavan :wink:

How to add AR Loading screen

Questions

sebavan July 28, 2021, 4:30pm 6

Animated Gifs in Babylon maybe reusing this on a plane ???

1 Like

Topic		Replies	Views
How to use 2D html in xr scene， example WebXRDomOverlay? Questions gui	6	1252	August 10, 2022
GUI loads GIF images Questions	4	989	June 4, 2019
Unable to add custom loading GIF Bugs gui , material	5	555	March 25, 2022
Can I use the dom-overlay feature in AR Questions	14	1847	June 21, 2021
How to add stickers in the babylon.js screen Questions lighting , gui , material , camera	17	882	July 7, 2022

How to add AR Loading screen

Related topics