<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><title>XRWebGLBinding | Babylon.js API documentation</title><meta name="description" content="Documentation for Babylon.js API documentation"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="../assets/style.css"><link rel="stylesheet" href="../assets/highlight.css"></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Babylon.js API documentation</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../index.html">Babylon.js API documentation</a></li><li><a href="XRWebGLBinding.html">XRWebGLBinding</a></li></ul><h1>Class XRWebGLBinding </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">XRWebGLBinding</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class"><a href="XRWebGLBinding.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class"><a href="XRWebGLBinding.html#getReflectionCubeMap" class="tsd-kind-icon">get<wbr>Reflection<wbr>Cube<wbr>Map</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class"><a href="XRWebGLBinding.html#createProjectionLayer" class="tsd-kind-icon">create<wbr>Projection<wbr>Layer</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="XRWebGLBinding.html#getSubImage" class="tsd-kind-icon">get<wbr>Sub<wbr>Image</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="XRWebGLBinding.html#getViewSubImage" class="tsd-kind-icon">get<wbr>View<wbr>Sub<wbr>Image</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link">constructor<a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">new XRWebGLBinding<span class="tsd-signature-symbol">(</span>xrSession<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRSession.html" class="tsd-signature-type" data-tsd-kind="Interface">XRSession</a>, context<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">WebGLRenderingContext</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">WebGL2RenderingContext</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="XRWebGLBinding.html" class="tsd-signature-type" data-tsd-kind="Class">XRWebGLBinding</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in .temp/docdirectory/doc.d.ts:97532</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>xrSession: <a href="../interfaces/XRSession.html" class="tsd-signature-type" data-tsd-kind="Interface">XRSession</a></h5></li><li><h5>context: <span class="tsd-signature-type">WebGLRenderingContext</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">WebGL2RenderingContext</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="XRWebGLBinding.html" class="tsd-signature-type" data-tsd-kind="Class">XRWebGLBinding</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="getReflectionCubeMap" class="tsd-anchor"></a><h3 class="tsd-anchor-link">get<wbr>Reflection<wbr>Cube<wbr>Map<a href="#getReflectionCubeMap" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">get<wbr>Reflection<wbr>Cube<wbr>Map<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>lightProbe<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRLightProbe.html" class="tsd-signature-type" data-tsd-kind="Interface">XRLightProbe</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">WebGLTexture</span></div><aside class="tsd-sources"><ul><li>Defined in .temp/docdirectory/doc.d.ts:97533</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>lightProbe<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRLightProbe.html" class="tsd-signature-type" data-tsd-kind="Interface">XRLightProbe</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">WebGLTexture</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>lightProbe: <a href="../interfaces/XRLightProbe.html" class="tsd-signature-type" data-tsd-kind="Interface">XRLightProbe</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">WebGLTexture</span></h4></li></ul></li></ul></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createProjectionLayer" class="tsd-anchor"></a><h3 class="tsd-anchor-link">create<wbr>Projection<wbr>Layer<a href="#createProjectionLayer" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr>Projection<wbr>Layer<span class="tsd-signature-symbol">(</span>init<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRProjectionLayerInit.html" class="tsd-signature-type" data-tsd-kind="Interface">XRProjectionLayerInit</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/XRProjectionLayer.html" class="tsd-signature-type" data-tsd-kind="Interface">XRProjectionLayer</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in .temp/docdirectory/doc.d.ts:97536</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>init: <a href="../interfaces/XRProjectionLayerInit.html" class="tsd-signature-type" data-tsd-kind="Interface">XRProjectionLayerInit</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/XRProjectionLayer.html" class="tsd-signature-type" data-tsd-kind="Interface">XRProjectionLayer</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getSubImage" class="tsd-anchor"></a><h3 class="tsd-anchor-link">get<wbr>Sub<wbr>Image<a href="#getSubImage" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr>Sub<wbr>Image<span class="tsd-signature-symbol">(</span>layer<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRCompositionLayer.html" class="tsd-signature-type" data-tsd-kind="Interface">XRCompositionLayer</a>, frame<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRFrame.html" class="tsd-signature-type" data-tsd-kind="Interface">XRFrame</a>, eye<span class="tsd-signature-symbol">?: </span><a href="../index.html#XREye" class="tsd-signature-type" data-tsd-kind="Type alias">XREye</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/XRWebGLSubImage.html" class="tsd-signature-type" data-tsd-kind="Interface">XRWebGLSubImage</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in .temp/docdirectory/doc.d.ts:97537</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>layer: <a href="../interfaces/XRCompositionLayer.html" class="tsd-signature-type" data-tsd-kind="Interface">XRCompositionLayer</a></h5></li><li><h5>frame: <a href="../interfaces/XRFrame.html" class="tsd-signature-type" data-tsd-kind="Interface">XRFrame</a></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> eye: <a href="../index.html#XREye" class="tsd-signature-type" data-tsd-kind="Type alias">XREye</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/XRWebGLSubImage.html" class="tsd-signature-type" data-tsd-kind="Interface">XRWebGLSubImage</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getViewSubImage" class="tsd-anchor"></a><h3 class="tsd-anchor-link">get<wbr>View<wbr>Sub<wbr>Image<a href="#getViewSubImage" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr>View<wbr>Sub<wbr>Image<span class="tsd-signature-symbol">(</span>layer<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRProjectionLayer.html" class="tsd-signature-type" data-tsd-kind="Interface">XRProjectionLayer</a>, view<span class="tsd-signature-symbol">: </span><a href="../interfaces/XRView.html" class="tsd-signature-type" data-tsd-kind="Interface">XRView</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/XRWebGLSubImage.html" class="tsd-signature-type" data-tsd-kind="Interface">XRWebGLSubImage</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in .temp/docdirectory/doc.d.ts:97538</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>layer: <a href="../interfaces/XRProjectionLayer.html" class="tsd-signature-type" data-tsd-kind="Interface">XRProjectionLayer</a></h5></li><li><h5>view: <a href="../interfaces/XRView.html" class="tsd-signature-type" data-tsd-kind="Interface">XRView</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/XRWebGLSubImage.html" class="tsd-signature-type" data-tsd-kind="Interface">XRWebGLSubImage</a></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../index.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/BABYLON.html">BABYLON</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class"><a href="XRWebGLBinding.html" class="tsd-kind-icon">XRWebGLBinding</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class"><a href="XRWebGLBinding.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="XRWebGLBinding.html#getReflectionCubeMap" class="tsd-kind-icon">get<wbr>Reflection<wbr>Cube<wbr>Map</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="XRWebGLBinding.html#createProjectionLayer" class="tsd-kind-icon">create<wbr>Projection<wbr>Layer</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="XRWebGLBinding.html#getSubImage" class="tsd-kind-icon">get<wbr>Sub<wbr>Image</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="XRWebGLBinding.html#getViewSubImage" class="tsd-kind-icon">get<wbr>View<wbr>Sub<wbr>Image</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div></body></html>

Class XRWebGLBinding

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

xrSession: XRSession

context: WebGLRenderingContext | WebGL2RenderingContext

Returns XRWebGLBinding

Properties

getReflectionCubeMap Search playground for getReflectionCubeMap

Type declaration

Parameters

lightProbe: XRLightProbe

Returns WebGLTexture

Methods

createProjectionLayer Search playground for createProjectionLayer

Parameters

init: XRProjectionLayerInit

Returns XRProjectionLayer

getSubImage Search playground for getSubImage

Parameters

layer: XRCompositionLayer

frame: XRFrame

Optional eye: XREye

Returns XRWebGLSubImage

getViewSubImage Search playground for getViewSubImage

Parameters

layer: XRProjectionLayer

view: XRView

Returns XRWebGLSubImage

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

xrSession: XRSession

context: WebGLRenderingContext | WebGL2RenderingContext

Returns XRWebGLBinding

Properties

getReflectionCubeMapSearch playground for getReflectionCubeMap

Type declaration

Parameters

lightProbe: XRLightProbe

Returns WebGLTexture

Methods

createProjectionLayerSearch playground for createProjectionLayer

Parameters

init: XRProjectionLayerInit

Returns XRProjectionLayer

getSubImageSearch playground for getSubImage

Parameters

layer: XRCompositionLayer

frame: XRFrame

Optional eye: XREye

Returns XRWebGLSubImage

getViewSubImageSearch playground for getViewSubImage

Parameters

layer: XRProjectionLayer

view: XRView

Returns XRWebGLSubImage

getReflectionCubeMap Search playground for getReflectionCubeMap

createProjectionLayer Search playground for createProjectionLayer

getSubImage Search playground for getSubImage

getViewSubImage Search playground for getViewSubImage