@lightningjs/renderer 3.0.0-beta9 → 3.0.1

package/dist/src/core/lib/WebGlContextWrapper.js

@@ -41,7 +41,6 @@ export class WebGlContextWrapper {
     boundArrayBuffer;
     boundElementArrayBuffer;
     curProgram;
-    curUniformLocations = {};
     //#endregion Cached WebGL State
     //#region Canvas
     canvas;
@@ -62,6 +61,7 @@ export class WebGlContextWrapper {
     TEXTURE_WRAP_S;
     TEXTURE_WRAP_T;
     LINEAR;
+    LINEAR_MIPMAP_LINEAR;
     CLAMP_TO_EDGE;
     RGB;
     RGBA;
@@ -134,6 +134,7 @@ export class WebGlContextWrapper {
         this.TEXTURE_WRAP_S = gl.TEXTURE_WRAP_S;
         this.TEXTURE_WRAP_T = gl.TEXTURE_WRAP_T;
         this.LINEAR = gl.LINEAR;
+        this.LINEAR_MIPMAP_LINEAR = gl.LINEAR_MIPMAP_LINEAR;
         this.CLAMP_TO_EDGE = gl.CLAMP_TO_EDGE;
         this.RGB = gl.RGB;
         this.RGBA = gl.RGBA;
@@ -177,8 +178,9 @@ export class WebGlContextWrapper {
      * @param textureUnit
      */
     activeTexture(textureUnit) {
+        const { gl } = this;
         if (this.activeTextureUnit !== textureUnit) {
-            this.gl.activeTexture(textureUnit + this.gl.TEXTURE0);
+            gl.activeTexture(textureUnit + gl.TEXTURE0);
             this.activeTextureUnit = textureUnit;
         }
     }
@@ -192,14 +194,16 @@ export class WebGlContextWrapper {
      * @param texture
      */
     bindTexture(texture) {
-        if (this.texture2dUnits[this.activeTextureUnit] === texture) {
+        const { gl, activeTextureUnit, texture2dUnits } = this;
+        if (texture2dUnits[activeTextureUnit] === texture) {
             return;
         }
-        this.texture2dUnits[this.activeTextureUnit] = texture;
-        this.gl.bindTexture(this.gl.TEXTURE_2D, texture);
+        texture2dUnits[activeTextureUnit] = texture;
+        gl.bindTexture(this.gl.TEXTURE_2D, texture);
     }
     _getActiveTexture() {
-        return this.texture2dUnits[this.activeTextureUnit];
+        const { activeTextureUnit, texture2dUnits } = this;
+        return texture2dUnits[activeTextureUnit];
     }
     /**
      * ```
@@ -213,27 +217,29 @@ export class WebGlContextWrapper {
      * @returns
      */
     texParameteri(pname, param) {
+        const { gl, texture2dParams } = this;
         const activeTexture = this._getActiveTexture();
         if (!activeTexture) {
             throw new Error('No active texture');
         }
-        let textureParams = this.texture2dParams.get(activeTexture);
+        let textureParams = texture2dParams.get(activeTexture);
         if (!textureParams) {
             textureParams = {};
-            this.texture2dParams.set(activeTexture, textureParams);
+            texture2dParams.set(activeTexture, textureParams);
         }
         if (textureParams[pname] === param) {
             return;
         }
         textureParams[pname] = param;
-        this.gl.texParameteri(this.gl.TEXTURE_2D, pname, param);
+        gl.texParameteri(gl.TEXTURE_2D, pname, param);
     }
     texImage2D(level, internalFormat, widthOrFormat, heightOrType, borderOrSource, format, type, pixels) {
+        const { gl } = this;
         if (format) {
-            this.gl.texImage2D(this.gl.TEXTURE_2D, level, internalFormat, widthOrFormat, heightOrType, borderOrSource, format, type, pixels);
+            gl.texImage2D(gl.TEXTURE_2D, level, internalFormat, widthOrFormat, heightOrType, borderOrSource, format, type, pixels);
         }
         else {
-            this.gl.texImage2D(this.gl.TEXTURE_2D, level, internalFormat, widthOrFormat, heightOrType, borderOrSource);
+            gl.texImage2D(gl.TEXTURE_2D, level, internalFormat, widthOrFormat, heightOrType, borderOrSource);
         }
     }
     /**
@@ -245,7 +251,8 @@ export class WebGlContextWrapper {
      * **WebGL Difference**: Bind target is always `gl.TEXTURE_2D`
      */
     compressedTexImage2D(level, internalformat, width, height, border, data) {
-        this.gl.compressedTexImage2D(this.gl.TEXTURE_2D, level, internalformat, width, height, border, data);
+        const { gl } = this;
+        gl.compressedTexImage2D(gl.TEXTURE_2D, level, internalformat, width, height, border, data);
     }
     /**
      * ```
@@ -256,7 +263,8 @@ export class WebGlContextWrapper {
      * @param param
      */
     pixelStorei(pname, param) {
-        this.gl.pixelStorei(pname, param);
+        const { gl } = this;
+        gl.pixelStorei(pname, param);
     }
     /**
      * ```
@@ -267,7 +275,8 @@ export class WebGlContextWrapper {
      * **WebGL Difference**: Bind target is always `gl.TEXTURE_2D`
      */
     generateMipmap() {
-        this.gl.generateMipmap(this.gl.TEXTURE_2D);
+        const { gl } = this;
+        gl.generateMipmap(gl.TEXTURE_2D);
     }
     /**
      * ```
@@ -277,7 +286,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createTexture() {
-        return this.gl.createTexture();
+        const { gl } = this;
+        return gl.createTexture();
     }
     /**
      * ```
@@ -287,10 +297,11 @@ export class WebGlContextWrapper {
      * @param texture
      */
     deleteTexture(texture) {
+        const { gl } = this;
         if (texture) {
             this.texture2dParams.delete(texture);
         }
-        this.gl.deleteTexture(texture);
+        gl.deleteTexture(texture);
     }
     /**
      * ```
@@ -307,7 +318,8 @@ export class WebGlContextWrapper {
      * ```
      */
     viewport(x, y, width, height) {
-        this.gl.viewport(x, y, width, height);
+        const { gl } = this;
+        gl.viewport(x, y, width, height);
     }
     /**
      * ```
@@ -320,7 +332,8 @@ export class WebGlContextWrapper {
      * @param alpha
      */
     clearColor(red, green, blue, alpha) {
-        this.gl.clearColor(red, green, blue, alpha);
+        const { gl } = this;
+        gl.clearColor(red, green, blue, alpha);
     }
     /**
      * ```
@@ -329,14 +342,15 @@ export class WebGlContextWrapper {
      * @param enable
      */
     setScissorTest(enable) {
-        if (enable === this.scissorEnabled) {
+        const { gl, scissorEnabled } = this;
+        if (enable === scissorEnabled) {
             return;
         }
         if (enable) {
-            this.gl.enable(this.gl.SCISSOR_TEST);
+            gl.enable(gl.SCISSOR_TEST);
         }
         else {
-            this.gl.disable(this.gl.SCISSOR_TEST);
+            gl.disable(gl.SCISSOR_TEST);
         }
         this.scissorEnabled = enable;
     }
@@ -351,11 +365,12 @@ export class WebGlContextWrapper {
      * @param height
      */
     scissor(x, y, width, height) {
-        if (x !== this.scissorX ||
-            y !== this.scissorY ||
-            width !== this.scissorWidth ||
-            height !== this.scissorHeight) {
-            this.gl.scissor(x, y, width, height);
+        const { gl, scissorX, scissorY, scissorWidth, scissorHeight } = this;
+        if (x !== scissorX ||
+            y !== scissorY ||
+            width !== scissorWidth ||
+            height !== scissorHeight) {
+            gl.scissor(x, y, width, height);
             this.scissorX = x;
             this.scissorY = y;
             this.scissorWidth = width;
@@ -371,14 +386,15 @@ export class WebGlContextWrapper {
      * @returns
      */
     setBlend(blend) {
-        if (blend === this.blendEnabled) {
+        const { gl, blendEnabled } = this;
+        if (blend === blendEnabled) {
             return;
         }
         if (blend) {
-            this.gl.enable(this.gl.BLEND);
+            gl.enable(gl.BLEND);
         }
         else {
-            this.gl.disable(this.gl.BLEND);
+            gl.disable(gl.BLEND);
         }
         this.blendEnabled = blend;
     }
@@ -391,11 +407,12 @@ export class WebGlContextWrapper {
      * @param dst
      */
     blendFunc(src, dst) {
-        if (src !== this.blendSrcRgb ||
-            dst !== this.blendDstRgb ||
-            src !== this.blendSrcAlpha ||
-            dst !== this.blendDstAlpha) {
-            this.gl.blendFunc(src, dst);
+        const { gl, blendSrcRgb, blendDstRgb, blendSrcAlpha, blendDstAlpha } = this;
+        if (src !== blendSrcRgb ||
+            dst !== blendDstRgb ||
+            src !== blendSrcAlpha ||
+            dst !== blendDstAlpha) {
+            gl.blendFunc(src, dst);
             this.blendSrcRgb = src;
             this.blendDstRgb = dst;
             this.blendSrcAlpha = src;
@@ -410,7 +427,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createBuffer() {
-        return this.gl.createBuffer();
+        const { gl } = this;
+        return gl.createBuffer();
     }
     /**
      * ```
@@ -419,7 +437,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createFramebuffer() {
-        return this.gl.createFramebuffer();
+        const { gl } = this;
+        return gl.createFramebuffer();
     }
     /**
      * ```
@@ -429,7 +448,8 @@ export class WebGlContextWrapper {
      * @param framebuffer
      */
     bindFramebuffer(framebuffer) {
-        this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, framebuffer);
+        const { gl } = this;
+        gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
     }
     /**
      * ```
@@ -439,7 +459,7 @@ export class WebGlContextWrapper {
      * **WebGL Difference**: Bind target is always `gl.FRAMEBUFFER` and textarget is always `gl.TEXTURE_2D`
      */
     framebufferTexture2D(attachment, texture, level) {
-        const gl = this.gl;
+        const { gl } = this;
         gl.framebufferTexture2D(gl.FRAMEBUFFER, attachment, gl.TEXTURE_2D, texture, level);
     }
     /**
@@ -451,7 +471,8 @@ export class WebGlContextWrapper {
      * **WebGL Difference**: Clear mask is always `gl.COLOR_BUFFER_BIT`
      */
     clear() {
-        this.gl.clear(this.gl.COLOR_BUFFER_BIT);
+        const { gl } = this;
+        gl.clear(gl.COLOR_BUFFER_BIT);
     }
     /**
      * ```
@@ -467,11 +488,12 @@ export class WebGlContextWrapper {
      * @param usage
      */
     arrayBufferData(buffer, data, usage) {
-        if (this.boundArrayBuffer !== buffer) {
-            this.gl.bindBuffer(this.gl.ARRAY_BUFFER, buffer);
+        const { gl, boundArrayBuffer } = this;
+        if (boundArrayBuffer !== buffer) {
+            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             this.boundArrayBuffer = buffer;
         }
-        this.gl.bufferData(this.gl.ARRAY_BUFFER, data, usage);
+        gl.bufferData(gl.ARRAY_BUFFER, data, usage);
     }
     /**
      * ```
@@ -486,11 +508,12 @@ export class WebGlContextWrapper {
      * @param usage
      */
     elementArrayBufferData(buffer, data, usage) {
-        if (this.boundElementArrayBuffer !== buffer) {
-            this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER, buffer);
+        const { gl, boundElementArrayBuffer } = this;
+        if (boundElementArrayBuffer !== buffer) {
+            gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, buffer);
             this.boundElementArrayBuffer = buffer;
         }
-        this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER, data, usage);
+        gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, data, usage);
     }
     /**
      * ```
@@ -510,11 +533,12 @@ export class WebGlContextWrapper {
      * @param offset
      */
     vertexAttribPointer(buffer, index, size, type, normalized, stride, offset) {
-        if (this.boundArrayBuffer !== buffer) {
-            this.gl.bindBuffer(this.gl.ARRAY_BUFFER, buffer);
+        const { gl, boundArrayBuffer } = this;
+        if (boundArrayBuffer !== buffer) {
+            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             this.boundArrayBuffer = buffer;
         }
-        this.gl.vertexAttribPointer(index, size, type, normalized, stride, offset);
+        gl.vertexAttribPointer(index, size, type, normalized, stride, offset);
     }
     /**
      * Returns object with Attribute names as key and numbers as location values
@@ -542,10 +566,10 @@ export class WebGlContextWrapper {
     getAttributeLocations(program) {
         const gl = this.gl;
         const length = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
-        const result = {};
+        const result = [];
         for (let i = 0; i < length; i++) {
             const { name } = gl.getActiveAttrib(program, i);
-            result[name] = i;
+            result[gl.getAttribLocation(program, name)] = name;
         }
         return result;
     }
@@ -557,13 +581,13 @@ export class WebGlContextWrapper {
      * @param program
      * @returns
      */
-    useProgram(program, uniformLocations) {
-        if (this.curProgram === program) {
+    useProgram(program) {
+        const { gl, curProgram } = this;
+        if (curProgram === program) {
             return;
         }
-        this.gl.useProgram(program);
+        gl.useProgram(program);
         this.curProgram = program;
-        this.curUniformLocations = uniformLocations;
     }
     /**
      * Sets the value of a single float uniform variable.
@@ -572,7 +596,8 @@ export class WebGlContextWrapper {
      * @param v0 - The value to set.
      */
     uniform1f(location, v0) {
-        this.gl.uniform1f(this.curUniformLocations[location] || null, v0);
+        const { gl } = this;
+        gl.uniform1f(location, v0);
     }
     /**
      * Sets the value of a float array uniform variable.
@@ -581,7 +606,8 @@ export class WebGlContextWrapper {
      * @param value - The array of values to set.
      */
     uniform1fv(location, value) {
-        this.gl.uniform1fv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform1fv(location, value);
     }
     /**
      * Sets the value of a single integer uniform variable.
@@ -590,7 +616,8 @@ export class WebGlContextWrapper {
      * @param v0 - The value to set.
      */
     uniform1i(location, v0) {
-        this.gl.uniform1i(this.curUniformLocations[location] || null, v0);
+        const { gl } = this;
+        gl.uniform1i(location, v0);
     }
     /**
      * Sets the value of an integer array uniform variable.
@@ -599,7 +626,8 @@ export class WebGlContextWrapper {
      * @param value - The array of values to set.
      */
     uniform1iv(location, value) {
-        this.gl.uniform1iv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform1iv(location, value);
     }
     /**
      * Sets the value of a vec2 uniform variable.
@@ -609,16 +637,8 @@ export class WebGlContextWrapper {
      * @param v1 - The second component of the vector.
      */
     uniform2f(location, v0, v1) {
-        this.gl.uniform2f(this.curUniformLocations[location] || null, v0, v1);
-    }
-    /**
-     * Sets the value of a vec3 uniform variable.
-     *
-     * @param location - The location of the uniform variable.
-     * @param v - array of 4 numbers.
-     */
-    uniform2fa(location, value) {
-        this.gl.uniform2f(this.curUniformLocations[location] || null, value[0], value[1]);
+        const { gl } = this;
+        gl.uniform2f(location, v0, v1);
     }
     /**
      * Sets the value of a vec2 array uniform variable.
@@ -627,7 +647,8 @@ export class WebGlContextWrapper {
      * @param value - The array of vec2 values to set.
      */
     uniform2fv(location, value) {
-        this.gl.uniform2fv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform2fv(location, value);
     }
     /**
      * Sets the value of a ivec2 uniform variable.
@@ -637,7 +658,8 @@ export class WebGlContextWrapper {
      * @param v1 - The second component of the vector.
      */
     uniform2i(location, v0, v1) {
-        this.gl.uniform2i(this.curUniformLocations[location] || null, v0, v1);
+        const { gl } = this;
+        gl.uniform2i(location, v0, v1);
     }
     /**
      * Sets the value of an ivec2 array uniform variable.
@@ -646,7 +668,8 @@ export class WebGlContextWrapper {
      * @param value - The array of ivec2 values to set.
      */
     uniform2iv(location, value) {
-        this.gl.uniform2iv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform2iv(location, value);
     }
     /**
      * Sets the value of a vec3 uniform variable.
@@ -657,16 +680,8 @@ export class WebGlContextWrapper {
      * @param v2 - The third component of the vector.
      */
     uniform3f(location, v0, v1, v2) {
-        this.gl.uniform3f(this.curUniformLocations[location] || null, v0, v1, v2);
-    }
-    /**
-     * Sets the value of a vec3 uniform variable.
-     *
-     * @param location - The location of the uniform variable.
-     * @param v - array of 4 numbers.
-     */
-    uniform3fa(location, value) {
-        this.gl.uniform3f(this.curUniformLocations[location] || null, value[0], value[1], value[2]);
+        const { gl } = this;
+        gl.uniform3f(location, v0, v1, v2);
     }
     /**
      * Sets the value of a vec3 array uniform variable.
@@ -675,7 +690,8 @@ export class WebGlContextWrapper {
      * @param value - The array of vec3 values to set.
      */
     uniform3fv(location, value) {
-        this.gl.uniform3fv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform3fv(location, value);
     }
     /**
      * Sets the value of a ivec3 uniform variable.
@@ -686,7 +702,8 @@ export class WebGlContextWrapper {
      * @param v2 - The third component of the vector.
      */
     uniform3i(location, v0, v1, v2) {
-        this.gl.uniform3i(this.curUniformLocations[location] || null, v0, v1, v2);
+        const { gl } = this;
+        gl.uniform3i(location, v0, v1, v2);
     }
     /**
      * Sets the value of an ivec3 array uniform variable.
@@ -695,7 +712,8 @@ export class WebGlContextWrapper {
      * @param value - The array of ivec3 values to set.
      */
     uniform3iv(location, value) {
-        this.gl.uniform3iv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform3iv(location, value);
     }
     /**
      * Sets the value of a vec4 uniform variable.
@@ -707,16 +725,8 @@ export class WebGlContextWrapper {
      * @param v3 - The fourth component of the vector.
      */
     uniform4f(location, v0, v1, v2, v3) {
-        this.gl.uniform4f(this.curUniformLocations[location] || null, v0, v1, v2, v3);
-    }
-    /**
-     * Sets the value of a vec4 uniform variable.
-     *
-     * @param location - The location of the uniform variable.
-     * @param v - array of 4 numbers.
-     */
-    uniform4fa(location, value) {
-        this.gl.uniform4f(this.curUniformLocations[location] || null, value[0], value[1], value[2], value[3]);
+        const { gl } = this;
+        gl.uniform4f(location, v0, v1, v2, v3);
     }
     /**
      * Sets the value of a vec4 array uniform variable.
@@ -725,7 +735,8 @@ export class WebGlContextWrapper {
      * @param value - The array of vec4 values to set.
      */
     uniform4fv(location, value) {
-        this.gl.uniform4fv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform4fv(location, value);
     }
     /**
      * Sets the value of a ivec4 uniform variable.
@@ -737,7 +748,8 @@ export class WebGlContextWrapper {
      * @param v3 - The fourth component of the vector.
      */
     uniform4i(location, v0, v1, v2, v3) {
-        this.gl.uniform4i(this.curUniformLocations[location] || null, v0, v1, v2, v3);
+        const { gl } = this;
+        gl.uniform4i(location, v0, v1, v2, v3);
     }
     /**
      * Sets the value of an ivec4 array uniform variable.
@@ -746,7 +758,8 @@ export class WebGlContextWrapper {
      * @param value - The array of ivec4 values to set.
      */
     uniform4iv(location, value) {
-        this.gl.uniform4iv(this.curUniformLocations[location] || null, value);
+        const { gl } = this;
+        gl.uniform4iv(location, value);
     }
     /**
      * Sets the value of a mat2 uniform variable.
@@ -756,7 +769,8 @@ export class WebGlContextWrapper {
      * @param value - The array of mat2 values to set.
      */
     uniformMatrix2fv(location, value) {
-        this.gl.uniformMatrix2fv(this.curUniformLocations[location] || null, false, value);
+        const { gl } = this;
+        gl.uniformMatrix2fv(location, false, value);
     }
     /**
      * Sets the value of a mat2 uniform variable.
@@ -764,7 +778,8 @@ export class WebGlContextWrapper {
      * @param value - The array of mat2 values to set.
      */
     uniformMatrix3fv(location, value) {
-        this.gl.uniformMatrix3fv(this.curUniformLocations[location] || null, false, value);
+        const { gl } = this;
+        gl.uniformMatrix3fv(location, false, value);
     }
     /**
      * Sets the value of a mat4 uniform variable.
@@ -772,7 +787,8 @@ export class WebGlContextWrapper {
      * @param value - The array of mat4 values to set.
      */
     uniformMatrix4fv(location, value) {
-        this.gl.uniformMatrix4fv(this.curUniformLocations[location] || null, false, value);
+        const { gl } = this;
+        gl.uniformMatrix4fv(location, false, value);
     }
     /**
      * ```
@@ -783,7 +799,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getParameter(pname) {
-        return this.gl.getParameter(pname);
+        const { gl } = this;
+        return gl.getParameter(pname);
     }
     /**
      * ```
@@ -796,7 +813,8 @@ export class WebGlContextWrapper {
      * @param offset
      */
     drawElements(mode, count, type, offset) {
-        this.gl.drawElements(mode, count, type, offset);
+        const { gl } = this;
+        gl.drawElements(mode, count, type, offset);
     }
     /**
      * ```
@@ -807,7 +825,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getExtension(name) {
-        return this.gl.getExtension(name);
+        const { gl } = this;
+        return gl.getExtension(name);
     }
     /**
      * ```
@@ -817,7 +836,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getError() {
-        return this.gl.getError();
+        const { gl } = this;
+        return gl.getError();
     }
     /**
      * ```
@@ -827,10 +847,9 @@ export class WebGlContextWrapper {
      * @returns
      */
     createVertexArray() {
-        if (this.gl instanceof WebGL2RenderingContext) {
-            return this.gl.createVertexArray();
-        }
-        return undefined;
+        const { gl } = this;
+        assertTruthy(gl instanceof WebGL2RenderingContext);
+        return gl.createVertexArray();
     }
     /**
      * ```
@@ -840,9 +859,9 @@ export class WebGlContextWrapper {
      * @param vertexArray
      */
     bindVertexArray(vertexArray) {
-        if (this.gl instanceof WebGL2RenderingContext) {
-            this.gl.bindVertexArray(vertexArray);
-        }
+        const { gl } = this;
+        assertTruthy(gl instanceof WebGL2RenderingContext);
+        gl.bindVertexArray(vertexArray);
     }
     /**
      * ```
@@ -854,7 +873,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getAttribLocation(program, name) {
-        return this.gl.getAttribLocation(program, name);
+        const { gl } = this;
+        return gl.getAttribLocation(program, name);
     }
     /**
      * ```
@@ -866,7 +886,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getUniformLocation(program, name) {
-        return this.gl.getUniformLocation(program, name);
+        const { gl } = this;
+        return gl.getUniformLocation(program, name);
     }
     /**
      * ```
@@ -876,7 +897,8 @@ export class WebGlContextWrapper {
      * @param index
      */
     enableVertexAttribArray(index) {
-        this.gl.enableVertexAttribArray(index);
+        const { gl } = this;
+        gl.enableVertexAttribArray(index);
     }
     /**
      * ```
@@ -886,7 +908,8 @@ export class WebGlContextWrapper {
      * @param index
      */
     disableVertexAttribArray(index) {
-        this.gl.disableVertexAttribArray(index);
+        const { gl } = this;
+        gl.disableVertexAttribArray(index);
     }
     /**
      * ```
@@ -897,7 +920,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createShader(type) {
-        return this.gl.createShader(type);
+        const { gl } = this;
+        return gl.createShader(type);
     }
     /**
      * ```
@@ -908,7 +932,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     compileShader(shader) {
-        this.gl.compileShader(shader);
+        const { gl } = this;
+        gl.compileShader(shader);
     }
     /**
      * ```
@@ -919,7 +944,8 @@ export class WebGlContextWrapper {
      * @param shader
      */
     attachShader(program, shader) {
-        this.gl.attachShader(program, shader);
+        const { gl } = this;
+        gl.attachShader(program, shader);
     }
     /**
      * ```
@@ -929,7 +955,8 @@ export class WebGlContextWrapper {
      * @param program
      */
     linkProgram(program) {
-        this.gl.linkProgram(program);
+        const { gl } = this;
+        gl.linkProgram(program);
     }
     /**
      * ```
@@ -939,7 +966,8 @@ export class WebGlContextWrapper {
      * @param shader
      */
     deleteProgram(shader) {
-        this.gl.deleteProgram(shader);
+        const { gl } = this;
+        gl.deleteProgram(shader);
     }
     /**
      * ```
@@ -950,7 +978,8 @@ export class WebGlContextWrapper {
      * @param pname
      */
     getShaderParameter(shader, pname) {
-        return this.gl.getShaderParameter(shader, pname);
+        const { gl } = this;
+        return gl.getShaderParameter(shader, pname);
     }
     /**
      * ```
@@ -960,7 +989,8 @@ export class WebGlContextWrapper {
      * @param shader
      */
     getShaderInfoLog(shader) {
-        return this.gl.getShaderInfoLog(shader);
+        const { gl } = this;
+        return gl.getShaderInfoLog(shader);
     }
     /**
      * ```
@@ -970,7 +1000,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createProgram() {
-        return this.gl.createProgram();
+        const { gl } = this;
+        return gl.createProgram();
     }
     /**
      * ```
@@ -982,7 +1013,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getProgramParameter(program, pname) {
-        return this.gl.getProgramParameter(program, pname);
+        const { gl } = this;
+        return gl.getProgramParameter(program, pname);
     }
     /**
      * ```
@@ -993,7 +1025,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getProgramInfoLog(program) {
-        return this.gl.getProgramInfoLog(program);
+        const { gl } = this;
+        return gl.getProgramInfoLog(program);
     }
     /**
      * ```
@@ -1004,7 +1037,8 @@ export class WebGlContextWrapper {
      * @param source
      */
     shaderSource(shader, source) {
-        this.gl.shaderSource(shader, source);
+        const { gl } = this;
+        gl.shaderSource(shader, source);
     }
     /**
      * ```
@@ -1014,34 +1048,40 @@ export class WebGlContextWrapper {
      * @param shader
      */
     deleteShader(shader) {
-        this.gl.deleteShader(shader);
-    }
-    /**
-     * ```
-     * gl.deleteBuffer(buffer);
-     * ```
-     *
-     * @param buffer - The buffer to delete
-     */
-    deleteBuffer(buffer) {
         const { gl } = this;
-        gl.deleteBuffer(buffer);
-        // Reset bound buffers if they match the deleted buffer
-        if (this.boundArrayBuffer === buffer) {
-            this.boundArrayBuffer = null;
-        }
-    }
-    /**
-     * ```
-     * gl.deleteVertexArray(vertexArray);
-     * ```
-     *
-     * @param vertexArray - The vertex array object to delete
-     */
-    deleteVertexArray(vertexArray) {
-        if (this.isWebGl2()) {
-            this.gl.deleteVertexArray(vertexArray);
+        gl.deleteShader(shader);
+    }
+    /**
+     * Check for WebGL errors and return error information
+     * @param operation Description of the operation for error reporting
+     * @returns Object with error information or null if no error
+     */
+    checkError(operation) {
+        const error = this.getError();
+        if (error !== 0) {
+            // 0 is GL_NO_ERROR
+            let errorName = 'UNKNOWN_ERROR';
+            switch (error) {
+                case this.INVALID_ENUM:
+                    errorName = 'INVALID_ENUM';
+                    break;
+                case 0x0501: // GL_INVALID_VALUE
+                    errorName = 'INVALID_VALUE';
+                    break;
+                case this.INVALID_OPERATION:
+                    errorName = 'INVALID_OPERATION';
+                    break;
+                case 0x0505: // GL_OUT_OF_MEMORY
+                    errorName = 'OUT_OF_MEMORY';
+                    break;
+                case 0x9242: // GL_CONTEXT_LOST_WEBGL
+                    errorName = 'CONTEXT_LOST_WEBGL';
+                    break;
+            }
+            const message = `WebGL ${errorName} (0x${error.toString(16)}) during ${operation}`;
+            return { error, errorName, message };
         }
+        return null;
     }
 }
 /**