Image not appearing

🧑‍💻 Technical Support
1

hello
I cloned the following project

it’s using head tilt as an input selection mechanism
I want to add a fixed image in the bottom left corner, any element(a-text, a-image, a-antity, a-plane) I add in the scene doesn’t appear


      <a-entity position="0 1.25 0">
    <a-plane
      id="center"
      position="0 0 0"
      width="1"
      height="0.5"
      side="back"
      depth-write="false"
      color="#7611B6"
      opacity="0.5">
      <a-plane
        id="center-img"
        side="back"
        depth-write="false"
        width="0.5"
        height="0.5"
        position="0 0 0.01"
        material="src: #cfa; transparent: true">
      </a-plane>
    </a-plane>

they only appear inside xrextras-face-attachment but here they float with the head movement. Please help

2

if you are looking to add a UI element, you probably want to use screen space instead of world space. you can use standard html/css for this. check out this sample project + its readme: