XRRenderState: layers property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Thuộc tính chỉ đọc layers của giao diện XRRenderState là một mảng có thứ tự chứa các đối tượng XRLayer được hiển thị bởi bộ kết hợp XR.

Giá trị

Một mảng có thứ tự chứa các đối tượng XRLayer. Thứ tự của các lớp là "từ sau ra trước".

Ví dụ

Lấy các lớp trạng thái kết xuất

Để đọc mảng các lớp WebXR, hãy sử dụng thuộc tính layers trên XRRenderState. Các lớp có thể được đặt bằng phương thức XRSession.updateRenderState().

js
const xrSession = navigator.xr.requestSession("immersive-ar", {
  optionalFeatures: ["layers"],
});

function onXRSessionStarted(xrSession) {
  const glCanvas = document.createElement("canvas");
  const gl = glCanvas.getContext("webgl", { xrCompatible: true });
  const xrGlBinding = new XRWebGLBinding(xrSession, gl);
  const projectionLayer = new XRWebGLLayer(xrSession, gl);
  const quadLayer = xrGlBinding.createQuadLayer({
    pixelWidth: 1024,
    pixelHeight: 1024,
  });

  xrSession.updateRenderState({
    layers: [projectionLayer, quadLayer],
  });

  xrSession.renderState.layers; // [projectionLayer, quadLayer]
}

Thông số kỹ thuật

Specification
WebXR Layers API Level 1
# dom-xrrenderstate-layers

Tương thích trình duyệt

Xem thêm