Canvatorium Lab 053

Mixed Reality Passthrough with 3D GUI.

It’s time to start tinkering with the AR/MR features of Quest and Quest Pro. In this lab, I got started by adding immersive-ar support to the WebXR session.

const xr = await scene.createDefaultXRExperienceAsync({
      uiOptions: {
        sessionMode: "immersive-ar"
      }
});

Lab 053 uses the example UI from Lab 050. I scaled it down a bit. When entering the immersive session, the UI repositioned in front of the camera. This is hardcoded as a fixed position for now, but I’d like to make it relative to the players transform. I also added a feature to toggle the UI visibility with the Y button on the controller.

I’d like to add a new appearance to the labs to make it clear which one’s support MR. For now, I just removed the lab room and set the background to black.