WebXR

 WebXR

WebXR is a set of standard APIs that allow developers to create immersive, virtual, and augmented reality experiences on the web. WebXR enables developers to build experiences that can run on a variety of devices, including desktops, smartphones, and virtual reality headsets, without requiring users to download and install any additional software. Here's an example of using WebXR to display a virtual object:

// Initialize the WebXR session

navigator.xr.requestSession('immersive-vr').then((session) => {

  // Create a scene and camera

  const scene = new THREE.Scene();

  const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

  const renderer = new THREE.WebGLRenderer({ xrCompatible: true });

  renderer.setSize(window.innerWidth, window.innerHeight);

  document.body.appendChild(renderer.domElement);

  // Create a virtual object

  const geometry = new THREE.BoxGeometry();

  const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });

  const cube = new THREE.Mesh(geometry, material);

  cube.position.set(0, 0, -5);

  scene.add(cube);

  // Attach the scene to the XR session

  session.updateRenderState({ baseLayer: new XRWebGLLayer(session, renderer) });