I’m working on a Web AR project right now and experince an issue with the UI.
As said in the UI Coordinate Systems Tutorial, I set my Image Relative to “z.screen”.
That works fine if I test in the Zapworks App, but if I test it in multiple browsers the placement of the image varies.
If I open the project via QR Code in Chrome (on Android with my Samsung Galaxy S5), the placement of the Logo is different from when I open it in Safari on IOS.
With the toolbar activated on Web AR, the bar on the bottom in Safari even halfed blocked the Image.
I could fix that by deactivating the Zapworks toolbar. But the placement of the image is still different depending on the Browser I use.
Is there any way to fix this problem, so that the UI is relative to the Browser and considers the bars or is there anything I’m missing with the UI placement?
Thanks in advance for any help.