I’m trying to achieve an effect where a card is used as an image target that acts as a “window” to a photosphere. The goal is to have a user point their phone at a card, which displays interactive elements. When an element is tapped, the card becomes “transparent” and shows the photosphere “behind” it as the user rotates around. I’ve run into two problems:
-
I can’t get the a-sky element to work properly with the xrextras-named-image-target element: when I place a-sky outside the xrextras-named-image-target , all I see is a view “straight down” and am unable to move the view from there. When I place a-sky inside the xrextras-named-image-target, it simply moves along with the card, as expected, and it becomes impossible to rotate the view (eg: it’s impossible to look “behind” you)
-
I’m seeing a weird problem when using xrextras-hider-material on planes placed around the target. This works fine if I use the usual trick of an a-ring, but when I place 4 planes around the target area, I see some not rendering at all. I initially thought this was due to distance from the camera, but I’ve ensured all xrextras-hider-material elements are at the same z-distance. Could this be an issue with rendering order, and if so, how can I control that? Note that these hider elements are all placed within the xrextras-named-image-target element.
For reference, the project is CDC Map
Thanks in advance