@luma.gl/webgl 9.0.0-alpha.9 → 9.0.0-beta.10

package/src/context/polyfill/polyfill-vertex-array-object.ts

@@ -1,360 +0,0 @@
-/*
- ** Copyright (c) 2015 The Khronos Group Inc.
- **
- ** Permission is hereby granted, free of charge, to any person obtaining a
- ** copy of this software and/or associated documentation files (the
- ** "Materials"), to deal in the Materials without restriction, including
- ** without limitation the rights to use, copy, modify, merge, publish,
- ** distribute, sublicense, and/or sell copies of the Materials, and to
- ** permit persons to whom the Materials are furnished to do so, subject to
- ** the following conditions:
- **
- ** The above copyright notice and this permission notice shall be included
- ** in all copies or substantial portions of the Materials.
- **
- ** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
- ** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
- ** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
- ** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
- ** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
- ** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
- ** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS.
- */
-
-// Modified to use ES6 and polyfill a provided context rather than
-// the global class.
-
-// @ts-nocheck external code
-
-const glErrorShadow = {};
-
-function error(msg) {
-  if (globalThis.console && globalThis.console.error) {
-    globalThis.console.error(msg);
-  }
-}
-
-function log(msg) {
-  if (globalThis.console && globalThis.console.log) {
-    globalThis.console.log(msg);
-  }
-}
-
-function synthesizeGLError(err, opt_msg) {
-  glErrorShadow[err] = true;
-  if (opt_msg !== undefined) {
-    error(opt_msg);
-  }
-}
-
-function wrapGLError(gl) {
-  const f = gl.getError;
-  gl.getError = function getError() {
-    let err;
-    do {
-      err = f.apply(gl);
-      if (err !== gl.NO_ERROR) {
-        glErrorShadow[err] = true;
-      }
-    } while (err !== gl.NO_ERROR);
-
-    for (err in glErrorShadow) {
-      if (glErrorShadow[err]) {
-        delete glErrorShadow[err];
-        return parseInt(err, 10);
-      }
-    }
-
-    return gl.NO_ERROR;
-  };
-}
-
-const WebGLVertexArrayObjectOES = function WebGLVertexArrayObjectOES(ext) {
-  const gl = ext.gl;
-
-  this.ext = ext;
-  this.isAlive = true;
-  this.hasBeenBound = false;
-
-  this.elementArrayBuffer = null;
-  this.attribs = new Array(ext.maxVertexAttribs);
-  for (let n = 0; n < this.attribs.length; n++) {
-    const attrib = new WebGLVertexArrayObjectOES.VertexAttrib(gl);
-    this.attribs[n] = attrib;
-  }
-
-  this.maxAttrib = 0;
-};
-
-WebGLVertexArrayObjectOES.VertexAttrib = function VertexAttrib(gl) {
-  this.enabled = false;
-  this.buffer = null;
-  this.size = 4;
-  this.type = gl.FLOAT;
-  this.normalized = false;
-  this.stride = 16;
-  this.offset = 0;
-
-  this.cached = '';
-  this.recache();
-};
-WebGLVertexArrayObjectOES.VertexAttrib.prototype.recache = function recache() {
-  this.cached = [this.size, this.type, this.normalized, this.stride, this.offset].join(':');
-};
-
-const OESVertexArrayObject = function OESVertexArrayObject(gl) {
-  const self = this;
-  this.gl = gl;
-
-  wrapGLError(gl);
-
-  const original = (this.original = {
-    getParameter: gl.getParameter,
-    enableVertexAttribArray: gl.enableVertexAttribArray,
-    disableVertexAttribArray: gl.disableVertexAttribArray,
-    bindBuffer: gl.bindBuffer,
-    getVertexAttrib: gl.getVertexAttrib,
-    vertexAttribPointer: gl.vertexAttribPointer
-  });
-
-  gl.getParameter = function getParameter(pname) {
-    if (pname === self.VERTEX_ARRAY_BINDING_OES) {
-      if (self.currentVertexArrayObject === self.defaultVertexArrayObject) {
-        return null;
-      }
-      return self.currentVertexArrayObject;
-    }
-    return original.getParameter.apply(this, arguments);
-  };
-
-  gl.enableVertexAttribArray = function enableVertexAttribArray(index) {
-    const vao = self.currentVertexArrayObject;
-    vao.maxAttrib = Math.max(vao.maxAttrib, index);
-    const attrib = vao.attribs[index];
-    attrib.enabled = true;
-    return original.enableVertexAttribArray.apply(this, arguments);
-  };
-  gl.disableVertexAttribArray = function disableVertexAttribArray(index) {
-    const vao = self.currentVertexArrayObject;
-    vao.maxAttrib = Math.max(vao.maxAttrib, index);
-    const attrib = vao.attribs[index];
-    attrib.enabled = false;
-    return original.disableVertexAttribArray.apply(this, arguments);
-  };
-
-  gl.bindBuffer = function bindBuffer(target, buffer) {
-    switch (target) {
-      case gl.ARRAY_BUFFER:
-        self.currentArrayBuffer = buffer;
-        break;
-      case gl.ELEMENT_ARRAY_BUFFER:
-        self.currentVertexArrayObject.elementArrayBuffer = buffer;
-        break;
-      default:
-    }
-    return original.bindBuffer.apply(this, arguments);
-  };
-
-  gl.getVertexAttrib = function getVertexAttrib(index, pname) {
-    const vao = self.currentVertexArrayObject;
-    const attrib = vao.attribs[index];
-    switch (pname) {
-      case gl.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING:
-        return attrib.buffer;
-      case gl.VERTEX_ATTRIB_ARRAY_ENABLED:
-        return attrib.enabled;
-      case gl.VERTEX_ATTRIB_ARRAY_SIZE:
-        return attrib.size;
-      case gl.VERTEX_ATTRIB_ARRAY_STRIDE:
-        return attrib.stride;
-      case gl.VERTEX_ATTRIB_ARRAY_TYPE:
-        return attrib.type;
-      case gl.VERTEX_ATTRIB_ARRAY_NORMALIZED:
-        return attrib.normalized;
-      default:
-        return original.getVertexAttrib.apply(this, arguments);
-    }
-  };
-
-  // eslint-disable-next-line max-params
-  gl.vertexAttribPointer = function vertexAttribPointer(
-    indx,
-    size,
-    type,
-    normalized,
-    stride,
-    offset
-  ) {
-    const vao = self.currentVertexArrayObject;
-    vao.maxAttrib = Math.max(vao.maxAttrib, indx);
-    const attrib = vao.attribs[indx];
-    attrib.buffer = self.currentArrayBuffer;
-    attrib.size = size;
-    attrib.type = type;
-    attrib.normalized = normalized;
-    attrib.stride = stride;
-    attrib.offset = offset;
-    attrib.recache();
-    return original.vertexAttribPointer.apply(this, arguments);
-  };
-
-  if (gl.instrumentExtension) {
-    gl.instrumentExtension(this, 'OES_vertex_array_object');
-  }
-
-  // undefined for headless gl
-  if (gl.canvas) {
-    gl.canvas.addEventListener(
-      'webglcontextrestored',
-      () => {
-        log('OESVertexArrayObject emulation library context restored');
-        self.reset_();
-      },
-      true
-    );
-  }
-
-  this.reset_();
-};
-
-OESVertexArrayObject.prototype.VERTEX_ARRAY_BINDING_OES = 0x85b5;
-
-OESVertexArrayObject.prototype.reset_ = function reset_() {
-  const contextWasLost = this.vertexArrayObjects !== undefined;
-  if (contextWasLost) {
-    for (let ii = 0; ii < this.vertexArrayObjects.length; ++ii) {
-      this.vertexArrayObjects.isAlive = false;
-    }
-  }
-  const gl = this.gl;
-  this.maxVertexAttribs = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
-
-  this.defaultVertexArrayObject = new WebGLVertexArrayObjectOES(this);
-  this.currentVertexArrayObject = null;
-  this.currentArrayBuffer = null;
-  this.vertexArrayObjects = [this.defaultVertexArrayObject];
-
-  this.bindVertexArrayOES(null);
-};
-
-OESVertexArrayObject.prototype.createVertexArrayOES = function createVertexArrayOES() {
-  const arrayObject = new WebGLVertexArrayObjectOES(this);
-  this.vertexArrayObjects.push(arrayObject);
-  return arrayObject;
-};
-
-OESVertexArrayObject.prototype.deleteVertexArrayOES = function deleteVertexArrayOES(arrayObject) {
-  arrayObject.isAlive = false;
-  this.vertexArrayObjects.splice(this.vertexArrayObjects.indexOf(arrayObject), 1);
-  if (this.currentVertexArrayObject === arrayObject) {
-    this.bindVertexArrayOES(null);
-  }
-};
-
-OESVertexArrayObject.prototype.isVertexArrayOES = function isVertexArrayOES(arrayObject) {
-  if (arrayObject && arrayObject instanceof WebGLVertexArrayObjectOES) {
-    if (arrayObject.hasBeenBound && arrayObject.ext === this) {
-      return true;
-    }
-  }
-  return false;
-};
-
-OESVertexArrayObject.prototype.bindVertexArrayOES = function bindVertexArrayOES(arrayObject) {
-  const gl = this.gl;
-  if (arrayObject && !arrayObject.isAlive) {
-    synthesizeGLError(
-      gl.INVALID_OPERATION,
-      'bindVertexArrayOES: attempt to bind deleted arrayObject'
-    );
-    return;
-  }
-  const original = this.original;
-
-  const oldVAO = this.currentVertexArrayObject;
-  this.currentVertexArrayObject = arrayObject || this.defaultVertexArrayObject;
-  this.currentVertexArrayObject.hasBeenBound = true;
-  const newVAO = this.currentVertexArrayObject;
-
-  if (oldVAO === newVAO) {
-    return;
-  }
-
-  if (!oldVAO || newVAO.elementArrayBuffer !== oldVAO.elementArrayBuffer) {
-    original.bindBuffer.call(gl, gl.ELEMENT_ARRAY_BUFFER, newVAO.elementArrayBuffer);
-  }
-
-  let currentBinding = this.currentArrayBuffer;
-  const maxAttrib = Math.max(oldVAO ? oldVAO.maxAttrib : 0, newVAO.maxAttrib);
-  for (let n = 0; n <= maxAttrib; n++) {
-    const attrib = newVAO.attribs[n];
-    const oldAttrib = oldVAO ? oldVAO.attribs[n] : null;
-
-    if (!oldVAO || attrib.enabled !== oldAttrib.enabled) {
-      if (attrib.enabled) {
-        original.enableVertexAttribArray.call(gl, n);
-      } else {
-        original.disableVertexAttribArray.call(gl, n);
-      }
-    }
-
-    if (attrib.enabled) {
-      let bufferChanged = false;
-      if (!oldVAO || attrib.buffer !== oldAttrib.buffer) {
-        if (currentBinding !== attrib.buffer) {
-          original.bindBuffer.call(gl, gl.ARRAY_BUFFER, attrib.buffer);
-          currentBinding = attrib.buffer;
-        }
-        bufferChanged = true;
-      }
-
-      if (bufferChanged || attrib.cached !== oldAttrib.cached) {
-        original.vertexAttribPointer.call(
-          gl,
-          n,
-          attrib.size,
-          attrib.type,
-          attrib.normalized,
-          attrib.stride,
-          attrib.offset
-        );
-      }
-    }
-  }
-
-  if (this.currentArrayBuffer !== currentBinding) {
-    original.bindBuffer.call(gl, gl.ARRAY_BUFFER, this.currentArrayBuffer);
-  }
-};
-
-export function polyfillVertexArrayObject(gl) {
-  if (typeof gl.createVertexArray === 'function') {
-    // VAOs directly supported on object (i.e. WebGL 2 context)
-    return;
-  }
-
-  const original_getSupportedExtensions = gl.getSupportedExtensions;
-  gl.getSupportedExtensions = function getSupportedExtensions() {
-    const list = original_getSupportedExtensions.call(this) || [];
-    if (list.indexOf('OES_vertex_array_object') < 0) {
-      list.push('OES_vertex_array_object');
-    }
-    return list;
-  };
-
-  const original_getExtension = gl.getExtension;
-  gl.getExtension = function getExtension(name) {
-    const ext = original_getExtension.call(this, name);
-    if (ext) {
-      return ext;
-    }
-    if (name !== 'OES_vertex_array_object') {
-      return null;
-    }
-
-    if (!gl.__OESVertexArrayObject) {
-      this.__OESVertexArrayObject = new OESVertexArrayObject(this);
-    }
-    return this.__OESVertexArrayObject;
-  };
-}

package/src/init.ts

@@ -1,4 +0,0 @@
-import {luma} from '@luma.gl/api';
-import WebGLDevice from './adapter/webgl-device';
-
-luma.registerDevices([WebGLDevice]);

package/src/types/webgl.ts

@@ -1,284 +0,0 @@
-import type {NumberArray} from '@luma.gl/api';
-import GL from '@luma.gl/constants';
-
-type Framebuffer = any;
-
-export type GLDrawMode =
-  | GL.POINTS
-  | GL.LINES
-  | GL.LINE_STRIP
-  | GL.LINE_LOOP
-  | GL.TRIANGLES
-  | GL.TRIANGLE_STRIP
-  | GL.TRIANGLE_FAN;
-
-export type GLPrimitive = GL.POINTS | GL.LINES | GL.TRIANGLES;
-
-export type GLType =
-  | GL.FLOAT
-  | GL.UNSIGNED_SHORT
-  | GL.UNSIGNED_INT
-  | GL.UNSIGNED_BYTE
-  | GL.BYTE
-  | GL.SHORT
-  | GL.INT;
-
-export type GLPackedType =
-  | GL.UNSIGNED_SHORT_5_6_5
-  | GL.UNSIGNED_SHORT_4_4_4_4
-  | GL.UNSIGNED_SHORT_5_5_5_1;
-
-export type GLUniformType = GLSamplerType | GLCompositeType;
-
-export type GLSamplerType =
-  | GL.SAMPLER_2D
-  | GL.SAMPLER_CUBE
-  | GL.SAMPLER_3D
-  | GL.SAMPLER_2D_SHADOW
-  | GL.SAMPLER_2D_ARRAY
-  | GL.SAMPLER_2D_ARRAY_SHADOW
-  | GL.SAMPLER_CUBE_SHADOW
-  | GL.INT_SAMPLER_2D
-  | GL.INT_SAMPLER_3D
-  | GL.INT_SAMPLER_CUBE
-  | GL.INT_SAMPLER_2D_ARRAY
-  | GL.UNSIGNED_INT_SAMPLER_2D
-  | GL.UNSIGNED_INT_SAMPLER_3D
-  | GL.UNSIGNED_INT_SAMPLER_CUBE
-  | GL.UNSIGNED_INT_SAMPLER_2D_ARRAY;
-
-// Composite types table
-export type GLCompositeType =
-  | GL.FLOAT
-  | GL.FLOAT_VEC2
-  | GL.FLOAT_VEC3
-  | GL.FLOAT_VEC4
-  | GL.INT
-  | GL.INT_VEC2
-  | GL.INT_VEC3
-  | GL.INT_VEC4
-  | GL.UNSIGNED_INT
-  | GL.UNSIGNED_INT_VEC2
-  | GL.UNSIGNED_INT_VEC3
-  | GL.UNSIGNED_INT_VEC4
-  | GL.BOOL
-  | GL.BOOL_VEC2
-  | GL.BOOL_VEC3
-  | GL.BOOL_VEC4
-  | GL.FLOAT_MAT2
-  | GL.FLOAT_MAT2x3
-  | GL.FLOAT_MAT2x4
-  | GL.FLOAT_MAT3x2
-  | GL.FLOAT_MAT3
-  | GL.FLOAT_MAT3x4
-  | GL.FLOAT_MAT4x2
-  | GL.FLOAT_MAT4x3
-  | GL.FLOAT_MAT4;
-
-export type GLFunction =
-  | GL.NEVER
-  | GL.LESS
-  | GL.EQUAL
-  | GL.LEQUAL
-  | GL.GREATER
-  | GL.NOTEQUAL
-  | GL.GEQUAL
-  | GL.ALWAYS;
-
-export type GLBlendEquation =
-  | GL.FUNC_ADD
-  | GL.FUNC_SUBTRACT
-  | GL.FUNC_REVERSE_SUBTRACT
-  | GL.MIN_EXT
-  | GL.MAX_EXT;
-
-export type GLBlendFunction =
-  | GL.ZERO
-  | GL.ONE
-  | GL.SRC_COLOR
-  | GL.ONE_MINUS_SRC_COLOR
-  | GL.DST_COLOR
-  | GL.ONE_MINUS_DST_COLOR
-  | GL.SRC_ALPHA
-  | GL.ONE_MINUS_SRC_ALPHA
-  | GL.DST_ALPHA
-  | GL.ONE_MINUS_DST_ALPHA
-  | GL.CONSTANT_COLOR
-  | GL.ONE_MINUS_CONSTANT_COLOR
-  | GL.CONSTANT_ALPHA
-  | GL.ONE_MINUS_CONSTANT_ALPHA
-  | GL.SRC_ALPHA_SATURATE;
-
-export type GLStencilOp =
-  | GL.KEEP
-  | GL.ZERO
-  | GL.REPLACE
-  | GL.INCR
-  | GL.INCR_WRAP
-  | GL.DECR
-  | GL.DECR_WRAP
-  | GL.INVERT;
-
-/** Parameters for textures and samplers */
-export type GLSamplerParameters = {
-  [GL.TEXTURE_WRAP_S]?: GL.CLAMP_TO_EDGE | GL.REPEAT | GL.MIRRORED_REPEAT;
-  [GL.TEXTURE_WRAP_T]?: GL.CLAMP_TO_EDGE | GL.REPEAT | GL.MIRRORED_REPEAT;
-  [GL.TEXTURE_WRAP_R]?: GL.CLAMP_TO_EDGE | GL.REPEAT | GL.MIRRORED_REPEAT;
-  [GL.TEXTURE_MAG_FILTER]?: GL.NEAREST | GL.LINEAR;
-  [GL.TEXTURE_MIN_FILTER]?:
-    | GL.NEAREST
-    | GL.LINEAR
-    | GL.NEAREST_MIPMAP_NEAREST
-    | GL.NEAREST_MIPMAP_LINEAR
-    | GL.LINEAR_MIPMAP_NEAREST
-    | GL.LINEAR_MIPMAP_LINEAR;
-  [GL.TEXTURE_MIN_LOD]?: number;
-  [GL.TEXTURE_MAX_LOD]?: number;
-  [GL.TEXTURE_COMPARE_FUNC]?: number; // COMPARE_FUNC);
-  [GL.TEXTURE_COMPARE_MODE]?: GL.COMPARE_REF_TO_TEXTURE;
-  [GL.TEXTURE_MAX_ANISOTROPY_EXT]?: number; //
-};
-
-/**
- * All global WebGL values set by a variety of setter gl.enable ...
- */
-export type GLValueParameters = {
-  [GL.BLEND]?: boolean;
-  [GL.BLEND_COLOR]?: [number, number, number, number] | NumberArray;
-  [GL.BLEND_EQUATION_RGB]?: GLBlendEquation;
-  [GL.BLEND_EQUATION_ALPHA]?: GLBlendEquation;
-  [GL.BLEND_SRC_RGB]?: GLBlendFunction;
-  [GL.BLEND_DST_RGB]?: GLBlendFunction;
-  [GL.BLEND_SRC_ALPHA]?: GLBlendFunction;
-  [GL.BLEND_DST_ALPHA]?: GLBlendFunction;
-  [GL.COLOR_CLEAR_VALUE]?: [number, number, number, number] | NumberArray;
-  [GL.COLOR_WRITEMASK]?: [boolean, boolean, boolean, boolean] | boolean[];
-  [GL.CULL_FACE]?: boolean;
-  [GL.CULL_FACE_MODE]?: GL.FRONT | GL.BACK | GL.FRONT_AND_BACK;
-  [GL.DEPTH_TEST]?: boolean;
-  [GL.DEPTH_CLEAR_VALUE]?: number;
-  [GL.DEPTH_FUNC]?: GLFunction;
-  [GL.DEPTH_RANGE]?: [number, number] | NumberArray;
-  [GL.DEPTH_WRITEMASK]?: boolean;
-  [GL.DITHER]?: boolean;
-  [GL.FRAGMENT_SHADER_DERIVATIVE_HINT]?: GL.FASTEST | GL.NICEST | GL.DONT_CARE;
-  [GL.CURRENT_PROGRAM]?: WebGLProgram | null;
-  [GL.FRAMEBUFFER_BINDING]?: WebGLFramebuffer | null;
-  [GL.RENDERBUFFER_BINDING]?: WebGLRenderbuffer | null;
-  [GL.TRANSFORM_FEEDBACK_BINDING]?: WebGLTransformFeedback | null;
-  [GL.VERTEX_ARRAY_BINDING]?: WebGLVertexArrayObject | null;
-  [GL.ARRAY_BUFFER_BINDING]?: WebGLBuffer | null;
-  [GL.COPY_READ_BUFFER_BINDING]?: WebGLBuffer | null;
-  [GL.COPY_WRITE_BUFFER_BINDING]?: WebGLBuffer | null;
-  [GL.PIXEL_PACK_BUFFER_BINDING]?: WebGLBuffer | null;
-  [GL.PIXEL_UNPACK_BUFFER_BINDING]?: WebGLBuffer | null;
-  [GL.TEXTURE_BINDING_2D]?: WebGLTexture | null;
-  [GL.TEXTURE_BINDING_2D_ARRAY]?: WebGLTexture | null;
-  [GL.TEXTURE_BINDING_3D]?: WebGLTexture | null;
-  [GL.TEXTURE_BINDING_CUBE_MAP]?: WebGLTexture | null;
-  [GL.FRONT_FACE]?: GL.CW | GL.CCW;
-  [GL.GENERATE_MIPMAP_HINT]?: GL.FASTEST | GL.NICEST | GL.DONT_CARE;
-  [GL.LINE_WIDTH]?: number;
-  [GL.POLYGON_OFFSET_FILL]?: boolean;
-  [GL.POLYGON_OFFSET_FACTOR]?: number;
-  [GL.POLYGON_OFFSET_UNITS]?: number;
-  [GL.SAMPLE_ALPHA_TO_COVERAGE]?: boolean;
-  [GL.SAMPLE_COVERAGE]?: boolean;
-  [GL.RASTERIZER_DISCARD]?: boolean;
-  [GL.SAMPLE_COVERAGE_VALUE]?: number;
-  [GL.SAMPLE_COVERAGE_INVERT]?: boolean;
-  [GL.SCISSOR_TEST]?: boolean;
-  [GL.SCISSOR_BOX]?: [number, number, number, number] | NumberArray;
-  [GL.STENCIL_TEST]?: boolean;
-  [GL.STENCIL_CLEAR_VALUE]?: number;
-  [GL.STENCIL_WRITEMASK]?: number;
-  [GL.STENCIL_BACK_WRITEMASK]?: number;
-  [GL.STENCIL_FUNC]?: GLFunction;
-  [GL.STENCIL_REF]?: GLFunction;
-  [GL.STENCIL_VALUE_MASK]?: GLFunction;
-  [GL.STENCIL_BACK_FUNC]?: GLFunction;
-  [GL.STENCIL_BACK_REF]?: GLFunction;
-  [GL.STENCIL_BACK_VALUE_MASK]?: GLFunction;
-  [GL.STENCIL_FAIL]?: GLStencilOp;
-  [GL.STENCIL_PASS_DEPTH_FAIL]?: GLStencilOp;
-  [GL.STENCIL_PASS_DEPTH_PASS]?: GLStencilOp;
-  [GL.STENCIL_BACK_FAIL]?: GLStencilOp;
-  [GL.STENCIL_BACK_PASS_DEPTH_FAIL]?: GLStencilOp;
-  [GL.STENCIL_BACK_PASS_DEPTH_PASS]?: GLStencilOp;
-  [GL.VIEWPORT]?: [number, number, number, number] | NumberArray;
-
-  // WEBGL1 PIXEL PACK/UNPACK MODES
-  [GL.PACK_ALIGNMENT]?: number;
-  [GL.UNPACK_ALIGNMENT]?: number;
-  [GL.UNPACK_FLIP_Y_WEBGL]?: boolean;
-  [GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL]?: boolean;
-  [GL.UNPACK_COLORSPACE_CONVERSION_WEBGL]?: GL.NONE | GL.BROWSER_DEFAULT_WEBGL;
-
-  // WEBGL2 PIXEL PACK/UNPACK MODES
-  // RASTERIZER_DISCARD ...
-  [GL.PACK_ROW_LENGTH]?: number;
-  [GL.PACK_SKIP_PIXELS]?: number;
-  [GL.PACK_SKIP_ROWS]?: number;
-  [GL.READ_FRAMEBUFFER_BINDING]?: Framebuffer | null;
-  [GL.UNPACK_ROW_LENGTH]?: number;
-  [GL.UNPACK_IMAGE_HEIGHT]?: number;
-  [GL.UNPACK_SKIP_PIXELS]?: number;
-  [GL.UNPACK_SKIP_ROWS]?: number;
-  [GL.UNPACK_SKIP_IMAGES]?: number;
-};
-
-export type GLFunctionParameters = {
-  // Function-style setters
-  framebuffer?: Framebuffer | null;
-  blend?: boolean;
-  blendColor?: [number, number, number, number] | NumberArray;
-  blendEquation?: GLBlendEquation | [GLBlendEquation, GLBlendEquation];
-  blendFunc?:
-    | [GLBlendFunction, GLBlendFunction]
-    | [GLBlendFunction, GLBlendFunction, GLBlendFunction, GLBlendFunction];
-
-  clearColor?: [number, number, number, number] | NumberArray;
-  clearDepth?: number;
-  clearStencil?: number;
-
-  colorMask?: [boolean, boolean, boolean, boolean] | boolean[];
-
-  cull?: boolean;
-  cullFace?: GL.FRONT | GL.BACK | GL.FRONT_AND_BACK;
-
-  depthTest?: boolean;
-  depthFunc?: GLFunction;
-  depthMask?: boolean;
-  depthRange?: [number, number] | NumberArray;
-
-  dither?: boolean;
-
-  derivativeHint?: GL.FASTEST | GL.NICEST | GL.DONT_CARE;
-
-  frontFace?: GL.CW | GL.CCW;
-
-  mipmapHint?: GL.FASTEST | GL.NICEST | GL.DONT_CARE;
-
-  lineWidth?: number;
-
-  polygonOffsetFill?: boolean;
-  polygonOffset?: [number, number];
-
-  sampleCoverage?: [number, boolean];
-
-  scissorTest?: boolean;
-  scissor?: [number, number, number, number] | NumberArray;
-
-  stencilTest?: boolean;
-  stencilMask?: number | [number, number];
-  stencilFunc?:
-    | [GLFunction, number, number]
-    | [GLFunction, number, number, GLFunction, number, number];
-  stencilOp?:
-    | [GLStencilOp, GLStencilOp, GLStencilOp]
-    | [GLStencilOp, GLStencilOp, GLStencilOp, GLStencilOp, GLStencilOp, GLStencilOp];
-  viewport?: [number, number, number, number] | NumberArray;
-};
-
-/** WebGL style parameters object (with both GL constants and function style fields) */
-export type GLParameters = GLValueParameters & GLFunctionParameters;