XRRenderState: свойство baseLayer

Чтение только baseLayer свойство интерфейса XRRenderState возвращает экземпляр XRWebGLLayer, который является источником растровых изображений и описанием того, как изображение должно отображаться на устройстве.

Это свойство является только для чтения; однако вы можете косвенно изменить его значение, используя XRSession.updateRenderState.

Объект XRWebGLLayer, используемый в качестве источника содержимого мира при отрисовке каждого кадра сцены.

См. примеры ниже, чтобы узнать, как использовать updateRenderState() для установки текущего XRWebGLLayer , используемого для отрисовки сцены.

Вы можете установить XRWebGLLayer для рендеринга, вызвав updateRenderState(), например так:

let canvas = document.querySelector("canvas");
gl = canvas.getContext("webgl", { xrCompatible: true });
setNewWebGLLayer();

function setNewWebGLLayer(gl) {
  if (!gl) {
    /* WebGL not available */
    return;
  }

  xrSession.updateRenderState({
    baseLayer: new XRWebGLLayer(xrSession, gl),
  });
}

Здесь холст, полученный на первой строке, — это холст, в который WebGL будет рисовать. Этот контекст передаётся в XRWebGLLayer() для создания XRWebGLLayer, который использует содержимое контекста WebGL gl в качестве источника изображения мира во время презентации.