Skip to main content

Spatial Placement

Detect physical surfaces in real time and anchor virtual content onto the environment using the WebXR Depth Sensing API and surface normal alignment.

Desktop Controls (User Mode)​

  • Move Camera: Use W, A, S, D to move forward, left, backward, and right.
  • Elevate Camera: Use Q and E to move down and up.
  • Rotate Camera: Right-click and drag the mouse to look around.
  • Aim & Place: Move the cursor over a surface to preview marker placement, and left-click to anchor it.

XR Controls​

  • Aim & Place: Point at any detected surface in the room to view the preview marker, and ray-pinch or pull the controller trigger to place it.
main.js