XRRenderState: baseLayer 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 baseLayer của giao diện XRRenderState trả về phiên bản XRWebGLLayer là nguồn của các hình ảnh bitmap và mô tả cách hình ảnh được kết xuất trong thiết bị.
Thuộc tính này chỉ đọc; tuy nhiên, bạn có thể gián tiếp thay đổi giá trị của nó bằng XRSession.updateRenderState.
Giá trị
Một đối tượng XRWebGLLayer được sử dụng làm nguồn nội dung của thế giới khi kết xuất mỗi frame của cảnh.
Xem các ví dụ dưới đây để biết cách sử dụng updateRenderState() để đặt XRWebGLLayer hiện tại được sử dụng để kết xuất cảnh.
Ví dụ
Bạn có thể đặt XRWebGLLayer được sử dụng để kết xuất bằng cách gọi updateRenderState(), như sau:
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),
});
}
Ở đây, canvas được lấy trong dòng đầu tiên là canvas mà WebGL sẽ vẽ vào. Ngữ cảnh đó được truyền vào XRWebGLLayer() để tạo một XRWebGLLayer sử dụng nội dung của ngữ cảnh WebGL gl làm nguồn hình ảnh thế giới trong khi trình bày.
Thông số kỹ thuật
| Specification |
|---|
| WebXR Device API # dom-xrrenderstate-baselayer |