WebGLTexture

WebGL-Texturen

Das WebGLTexture-Objekt definiert keine eigenen Methoden oder Eigenschaften, und sein Inhalt ist nicht direkt zugänglich. Beim Arbeiten mit WebGLTexture-Objekten sind die folgenden Methoden des WebGLRenderingContext nützlich:

• WebGLRenderingContext.bindTexture()
• WebGLRenderingContext.createTexture()
• WebGLRenderingContext.deleteTexture()
• WebGLRenderingContext.isTexture()

Siehe auch das WebGL-Tutorial zur Verwendung von Texturen in WebGL.

WebXR undurchsichtige Texturen

Beim Verwenden von WebXR-Layern gibt das XRWebGLBinding-Objekt Instanzen einer undurchsichtigen WebGLTexture für die Farb- und Tiefen/Stencil-Anhänge zurück.

WebXR-Methoden, die undurchsichtige WebGLTexture-Objekte zurückgeben:

• XRWebGLBinding.getSubImage()
• XRWebGLBinding.getViewSubImage()

Die WebXR undurchsichtige Textur ist identisch mit der Standard-WebGLTexture mit folgenden Ausnahmen:

• Eine WebXR undurchsichtige Textur ist außerhalb eines WebXR-requestAnimationFrame()-Callbacks für ihre Sitzung ungültig.
• Eine WebXR undurchsichtige Textur ist ungültig, bis sie von XRWebGLBinding.getSubImage() oder XRWebGLBinding.getViewSubImage() zurückgegeben wird.
• Eine WebXR undurchsichtige Textur für den Farb-Anhang enthält Farben mit prämultipliziertem Alpha.
• Am Ende eines requestAnimationFrame()-Callbacks ist eine WebXR undurchsichtige Textur nicht gebunden und von allen WebGLShader-Objekten getrennt.
• Eine WebXR undurchsichtige Textur verhält sich so, als wäre sie mit texStorage2D oder texStorage3D zugewiesen worden, je nach Bedarf, selbst wenn ein WebGL 1.0-Kontext verwendet wird.
• Wenn bei einer WebXR undurchsichtigen Textur WebGLRenderingContext.deleteTexture() aufgerufen wird, wird ein INVALID_OPERATION-Fehler ausgelöst.
• Änderungen an Dimension oder Format einer WebXR undurchsichtigen Textur sind nicht erlaubt. GL-Funktionen dürfen nur die Texelwerte und Texturparameter ändern.

Beispiele

Erstellen einer Textur

const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
const texture = gl.createTexture();

Spezifikationen

Browser-Kompatibilität

Siehe auch

• WebGLRenderingContext.bindTexture()
• WebGLRenderingContext.createTexture()
• WebGLRenderingContext.deleteTexture()
• WebGLRenderingContext.isTexture()
• WebGLRenderingContext.compressedTexImage2D()
• WebGLRenderingContext.compressedTexSubImage2D()
• WebGLRenderingContext.copyTexImage2D()
• WebGLRenderingContext.copyTexSubImage2D()
• WebGLRenderingContext.generateMipmap()
• WebGLRenderingContext.getTexParameter()
• WebGLRenderingContext.texImage2D()
• WebGLRenderingContext.texSubImage2D()
• WebGLRenderingContext.texParameterf()
• WebGLRenderingContext.texParameteri()