@lightningjs/renderer 3.0.0 → 3.0.1

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

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
-import { assertTruthy, isProductionEnvironment } from '../../utils.js';
+import { assertTruthy } from '../../utils.js';
 import { isWebGl2 } from '../renderers/webgl/internal/WebGlUtils.js';
 /**
  * Optimized WebGL Context Wrapper
@@ -41,7 +41,6 @@ export class WebGlContextWrapper {
     boundArrayBuffer;
     boundElementArrayBuffer;
     curProgram;
-    curUniformLocations = {};
     //#endregion Cached WebGL State
     //#region Canvas
     canvas;
@@ -179,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;
         }
     }
@@ -194,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];
     }
     /**
      * ```
@@ -215,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);
         }
     }
     /**
@@ -247,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);
     }
     /**
      * ```
@@ -258,7 +263,8 @@ export class WebGlContextWrapper {
      * @param param
      */
     pixelStorei(pname, param) {
-        this.gl.pixelStorei(pname, param);
+        const { gl } = this;
+        gl.pixelStorei(pname, param);
     }
     /**
      * ```
@@ -269,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);
     }
     /**
      * ```
@@ -279,7 +286,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createTexture() {
-        return this.gl.createTexture();
+        const { gl } = this;
+        return gl.createTexture();
     }
     /**
      * ```
@@ -289,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);
     }
     /**
      * ```
@@ -309,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);
     }
     /**
      * ```
@@ -322,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);
     }
     /**
      * ```
@@ -331,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;
     }
@@ -353,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;
@@ -373,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;
     }
@@ -393,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;
@@ -412,7 +427,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createBuffer() {
-        return this.gl.createBuffer();
+        const { gl } = this;
+        return gl.createBuffer();
     }
     /**
      * ```
@@ -421,7 +437,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createFramebuffer() {
-        return this.gl.createFramebuffer();
+        const { gl } = this;
+        return gl.createFramebuffer();
     }
     /**
      * ```
@@ -431,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);
     }
     /**
      * ```
@@ -441,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);
     }
     /**
@@ -453,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);
     }
     /**
      * ```
@@ -469,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);
     }
     /**
      * ```
@@ -488,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);
     }
     /**
      * ```
@@ -512,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
@@ -559,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.
@@ -574,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.
@@ -583,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.
@@ -592,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.
@@ -601,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.
@@ -611,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.
@@ -629,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.
@@ -639,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.
@@ -648,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.
@@ -659,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.
@@ -677,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.
@@ -688,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.
@@ -697,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.
@@ -709,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.
@@ -727,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.
@@ -739,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.
@@ -748,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.
@@ -758,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.
@@ -766,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.
@@ -774,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);
     }
     /**
      * ```
@@ -785,7 +799,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getParameter(pname) {
-        return this.gl.getParameter(pname);
+        const { gl } = this;
+        return gl.getParameter(pname);
     }
     /**
      * ```
@@ -798,19 +813,8 @@ export class WebGlContextWrapper {
      * @param offset
      */
     drawElements(mode, count, type, offset) {
-        this.gl.drawElements(mode, count, type, offset);
-    }
-    /**
-     * ```
-     * gl.drawArrays(mode, first, count);
-     * ```
-     *
-     * @param mode
-     * @param first
-     * @param count
-     */
-    drawArrays(mode, first, count) {
-        this.gl.drawArrays(mode, first, count);
+        const { gl } = this;
+        gl.drawElements(mode, count, type, offset);
     }
     /**
      * ```
@@ -821,7 +825,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getExtension(name) {
-        return this.gl.getExtension(name);
+        const { gl } = this;
+        return gl.getExtension(name);
     }
     /**
      * ```
@@ -831,7 +836,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getError() {
-        return this.gl.getError();
+        const { gl } = this;
+        return gl.getError();
     }
     /**
      * ```
@@ -841,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();
     }
     /**
      * ```
@@ -854,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);
     }
     /**
      * ```
@@ -868,7 +873,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getAttribLocation(program, name) {
-        return this.gl.getAttribLocation(program, name);
+        const { gl } = this;
+        return gl.getAttribLocation(program, name);
     }
     /**
      * ```
@@ -880,7 +886,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getUniformLocation(program, name) {
-        return this.gl.getUniformLocation(program, name);
+        const { gl } = this;
+        return gl.getUniformLocation(program, name);
     }
     /**
      * ```
@@ -890,7 +897,8 @@ export class WebGlContextWrapper {
      * @param index
      */
     enableVertexAttribArray(index) {
-        this.gl.enableVertexAttribArray(index);
+        const { gl } = this;
+        gl.enableVertexAttribArray(index);
     }
     /**
      * ```
@@ -900,7 +908,8 @@ export class WebGlContextWrapper {
      * @param index
      */
     disableVertexAttribArray(index) {
-        this.gl.disableVertexAttribArray(index);
+        const { gl } = this;
+        gl.disableVertexAttribArray(index);
     }
     /**
      * ```
@@ -911,7 +920,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createShader(type) {
-        return this.gl.createShader(type);
+        const { gl } = this;
+        return gl.createShader(type);
     }
     /**
      * ```
@@ -922,7 +932,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     compileShader(shader) {
-        this.gl.compileShader(shader);
+        const { gl } = this;
+        gl.compileShader(shader);
     }
     /**
      * ```
@@ -933,7 +944,8 @@ export class WebGlContextWrapper {
      * @param shader
      */
     attachShader(program, shader) {
-        this.gl.attachShader(program, shader);
+        const { gl } = this;
+        gl.attachShader(program, shader);
     }
     /**
      * ```
@@ -943,7 +955,8 @@ export class WebGlContextWrapper {
      * @param program
      */
     linkProgram(program) {
-        this.gl.linkProgram(program);
+        const { gl } = this;
+        gl.linkProgram(program);
     }
     /**
      * ```
@@ -953,7 +966,8 @@ export class WebGlContextWrapper {
      * @param shader
      */
     deleteProgram(shader) {
-        this.gl.deleteProgram(shader);
+        const { gl } = this;
+        gl.deleteProgram(shader);
     }
     /**
      * ```
@@ -964,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);
     }
     /**
      * ```
@@ -974,7 +989,8 @@ export class WebGlContextWrapper {
      * @param shader
      */
     getShaderInfoLog(shader) {
-        return this.gl.getShaderInfoLog(shader);
+        const { gl } = this;
+        return gl.getShaderInfoLog(shader);
     }
     /**
      * ```
@@ -984,7 +1000,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     createProgram() {
-        return this.gl.createProgram();
+        const { gl } = this;
+        return gl.createProgram();
     }
     /**
      * ```
@@ -996,7 +1013,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getProgramParameter(program, pname) {
-        return this.gl.getProgramParameter(program, pname);
+        const { gl } = this;
+        return gl.getProgramParameter(program, pname);
     }
     /**
      * ```
@@ -1007,7 +1025,8 @@ export class WebGlContextWrapper {
      * @returns
      */
     getProgramInfoLog(program) {
-        return this.gl.getProgramInfoLog(program);
+        const { gl } = this;
+        return gl.getProgramInfoLog(program);
     }
     /**
      * ```
@@ -1018,7 +1037,8 @@ export class WebGlContextWrapper {
      * @param source
      */
     shaderSource(shader, source) {
-        this.gl.shaderSource(shader, source);
+        const { gl } = this;
+        gl.shaderSource(shader, source);
     }
     /**
      * ```
@@ -1028,34 +1048,8 @@ 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