🧵#iOS WebXR & Screenspace UI

Hi,

we support some screenspace UI from Unity which also works in WebXR. Aside from that HTML overlay (dom overlay) does also work in XR which gives you complete control (you can use the full power of HTML, CSS and JS for screenspace UI).

(Note: I think we didn't re-deploy the screenspace UI sample that is online using the latest Needle Engine version yet, I'll make a task for it for next week - when you download the samples and run them using latest Needle Engine they should work tho).

Does that answer your question?

Yes, thank you. I’ve been doing some testing with the new WebXR support, and it’s working fine for me with Unity integration. Great job, Needle! 👏 As you mentioned, please update us with screen-space UI samples

Hi, thanks for the feedback! Great to hear. And yes currently working on those samples - a new engine version will be available later to fix an issue with slots and DOM overlay.

<@445973165600931840> here's a new deployment of the DOM overlay sample: https://ar-dom-overlay-zubcksz1hvpx8.needle.run/

and screenspace UI https://screenspace-ui-zubcks1lmhb0.needle.run/

Known issues in screenspace UI:

• text rendering quality is not as expected
• text input field does currently not trigger the device keyboard

We work to fix both of them in one of the next updates. Both are issues in AppClip only (iOS AR)

<@272528485732450305> Thank you this helps👋 . Also There are some delay in opening form needle clip it stays white screen instead of white can we add custom loading animation.

Also I faced some glitch when I open needle clip in iOS I don't know it it's cash or something by default when I try to open from app clip some times it plays one of the AR sample from needle then if I try to reload page it will open my file is that because of some cash?

Will this be fixed in new update?

Hi – when you say "it plays one of the AR samples from Needle", could it be that it opens the sample that you had open right before?

Sometimes iOS seems to cache what's called the "invocation URL", when the AppClip is opened quickly with different URLs (for example, one sample URL, and then your development URL). The workaround is that you close the AppClip (swipe the app upwards in iOS) and then launch your URL, so that you see what a user would experience.

Yes correct Appclip is opening quickly some other sample and then opening my development link is that a bug how I can fix that

When I try to open with Appclip this by default opens this sample everytime then after some time my development app will run I thought this is safari cash this is happening same if I try to open from Chrome browser there is something happens in Appclip

Hello <@445973165600931840> ah thanks for the additional detail. The boxes are there temporarely as a placeholder environment while your scene loads. The website has already launched into AR mode (which is enabled through a feature called session-granted where the browser allows a website to start AR automatically).

We will replace these boxes in one of the next updates with a more subtle scene or an overlay to indicate that your website is still loading and will start soon.

Oh I thought it was a bug, it's clear now. Please update this with simple loading screen without opening camera why because in my case it open camera and showing this grid and elements. after my scene loads it again stars with UI and asking to open camera again. its better to give white screen with loading it's my suggestion😅 Thanks it's clear now

Can you please share a link to your website? It's unclear what you mean with "after my scene loads it's asking to open camera again" – sounds more like you're not handling XR session start correctly maybe?

Hi, could you check that you're handling the XR session correctly?

Also the latest engine version changed the session-granted UI to a nicer logo rendering (can be configured via a attribute on <needle-engine>) and some text below to inform that user what's happening