Hopelessly in love with clean code and unobtrusive design!
WebXR passthrough finally arrives
Posted on Oct 14, 2022
About time we got access to passthrough mode in the browser using WebXR on Quest 2!
Meta released this after their recent Meta Connect 2022, during which they showcased a WebXR experience running in full color passthrough on the new Meta Quest Pro. I tinkered with the three.js paint sample to enable passthrough. The main changes are:
- Change session to immersive-ar
- Make sky transparent
- Change tracking space to local-floor space
This is my first time using threejs to make a WebXR app, other times I either used PlayCanvas or BabylonJS. I also used a different environment to host the example this time around - CodeSandbox. Full code here