@luma.gl/webgl 9.0.0-beta.6 → 9.0.0-beta.8

package/dist/adapter/converters/texture-formats.js

@@ -82,159 +82,164 @@ export function checkTextureFeature(gl, feature, extensions) {
  */
 // prettier-ignore
 export const TEXTURE_FORMATS = {
-    // Unsized formats that leave the precision up to the driver.
-    // TODO - Fix bpp constants
+    // Unsized formats that leave the precision up to the driver. TODO - Fix bpp constants
+    'rgb8unorm-unsized': { gl: 6407, b: 4, c: 2, bpp: 4,
+        dataFormat: 6407, types: [5121, 33635] },
+    'rgba8unorm-unsized': { gl: 6408, b: 4, c: 2, bpp: 4,
+        dataFormat: 6408, types: [5121, 32819, 32820] },
     // 'r8unorm-unsized': {gl: GL.LUMINANCE, b: 4, c: 2, bpp: 4},
-    'rgb8unorm-unsized': { gl: GL.RGB, b: 4, c: 2, bpp: 4,
-        dataFormat: GL.RGB, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_5_6_5] },
-    'rgba8unorm-unsized': { gl: GL.RGBA, b: 4, c: 2, bpp: 4,
-        dataFormat: GL.RGBA, types: [GL.UNSIGNED_BYTE, GL.UNSIGNED_SHORT_4_4_4_4, GL.UNSIGNED_SHORT_5_5_5_1] },
     // 'rgb8unorm-srgb-unsized': {gl: GL.SRGB_EXT, b: 4, c: 2, bpp: 4, gl1Ext: SRGB},
     // 'rgba8unorm-srgb-unsized': {gl: GL.SRGB_ALPHA_EXT, b: 4, c: 2, bpp: 4, gl1Ext: SRGB},
     // 8-bit formats
-    'r8unorm': { gl: GL.R8, b: 1, c: 1, renderbuffer: true },
-    'r8snorm': { gl: GL.R8_SNORM, b: 1, c: 1, render: snorm8_renderable },
-    'r8uint': { gl: GL.R8UI, b: 1, c: 1, renderbuffer: true },
-    'r8sint': { gl: GL.R8I, b: 1, c: 1, renderbuffer: true },
+    'r8unorm': { gl: 33321, b: 1, c: 1, rb: true },
+    'r8snorm': { gl: 36756, b: 1, c: 1, render: snorm8_renderable },
+    'r8uint': { gl: 33330, b: 1, c: 1, rb: true },
+    'r8sint': { gl: 33329, b: 1, c: 1, rb: true },
     // 16-bit formats
-    'rg8unorm': { gl: GL.RG8, b: 2, c: 2, renderbuffer: true },
-    'rg8snorm': { gl: GL.RG8_SNORM, b: 2, c: 2, render: snorm8_renderable },
-    'rg8uint': { gl: GL.RG8UI, b: 2, c: 2, renderbuffer: true },
-    'rg8sint': { gl: GL.RG8I, b: 2, c: 2, renderbuffer: true },
-    'r16uint': { gl: GL.R16UI, b: 2, c: 1, renderbuffer: true },
-    'r16sint': { gl: GL.R16I, b: 2, c: 1, renderbuffer: true },
-    'r16float': { gl: GL.R16F, b: 2, c: 1, render: float16_renderable, filter: 'float16-filterable-webgl', renderbuffer: true },
-    'r16unorm-webgl': { gl: GL.R16_EXT, b: 2, c: 1, f: norm16_renderable, renderbuffer: true },
-    'r16snorm-webgl': { gl: GL.R16_SNORM_EXT, b: 2, c: 1, f: snorm16_renderable },
+    'rg8unorm': { gl: 33323, b: 2, c: 2, rb: true },
+    'rg8snorm': { gl: 36757, b: 2, c: 2, render: snorm8_renderable },
+    'rg8uint': { gl: 33336, b: 2, c: 2, rb: true },
+    'rg8sint': { gl: 33335, b: 2, c: 2, rb: true },
+    'r16uint': { gl: 33332, b: 2, c: 1, rb: true },
+    'r16sint': { gl: 33331, b: 2, c: 1, rb: true },
+    'r16float': { gl: 33325, b: 2, c: 1, render: float16_renderable, filter: 'float16-filterable-webgl', rb: true },
+    'r16unorm-webgl': { gl: 33322, b: 2, c: 1, f: norm16_renderable, rb: true },
+    'r16snorm-webgl': { gl: 36760, b: 2, c: 1, f: snorm16_renderable },
     // Packed 16-bit formats
-    'rgba4unorm-webgl': { gl: GL.RGBA4, b: 2, c: 4, wgpu: false, renderbuffer: true },
-    'rgb565unorm-webgl': { gl: GL.RGB565, b: 2, c: 4, wgpu: false, renderbuffer: true },
-    'rgb5a1unorm-webgl': { gl: GL.RGB5_A1, b: 2, c: 4, wgpu: false, renderbuffer: true },
+    'rgba4unorm-webgl': { gl: 32854, b: 2, c: 4, wgpu: false, rb: true },
+    'rgb565unorm-webgl': { gl: 36194, b: 2, c: 4, wgpu: false, rb: true },
+    'rgb5a1unorm-webgl': { gl: 32855, b: 2, c: 4, wgpu: false, rb: true },
     // 24-bit formats
-    'rgb8unorm-webgl': { gl: GL.RGB8, b: 3, c: 3, wgpu: false },
-    'rgb8snorm-webgl': { gl: GL.RGB8_SNORM, b: 3, c: 3, wgpu: false },
+    'rgb8unorm-webgl': { gl: 32849, b: 3, c: 3, wgpu: false },
+    'rgb8snorm-webgl': { gl: 36758, b: 3, c: 3, wgpu: false },
     // 32-bit formats  
-    'rgba8unorm': { gl: GL.RGBA8, b: 4, c: 2, bpp: 4 },
-    'rgba8unorm-srgb': { gl: GL.SRGB8_ALPHA8, b: 4, c: 4, bpp: 4 },
-    'rgba8snorm': { gl: GL.RGBA8_SNORM, b: 4, c: 4, render: snorm8_renderable },
-    'rgba8uint': { gl: GL.RGBA8UI, b: 4, c: 4, bpp: 4 },
-    'rgba8sint': { gl: GL.RGBA8I, b: 4, c: 4, bpp: 4 },
+    'rgba8unorm': { gl: 32856, b: 4, c: 2, bpp: 4 },
+    'rgba8unorm-srgb': { gl: 35907, b: 4, c: 4, bpp: 4 },
+    'rgba8snorm': { gl: 36759, b: 4, c: 4, render: snorm8_renderable },
+    'rgba8uint': { gl: 36220, b: 4, c: 4, bpp: 4 },
+    'rgba8sint': { gl: 36238, b: 4, c: 4, bpp: 4 },
     // reverse colors, webgpu only
     'bgra8unorm': { b: 4, c: 4 },
     'bgra8unorm-srgb': { b: 4, c: 4 },
-    'rg16uint': { gl: GL.RG16UI, b: 4, c: 1, bpp: 4 },
-    'rg16sint': { gl: GL.RG16I, b: 4, c: 2, bpp: 4 },
+    'rg16uint': { gl: 33338, b: 4, c: 1, bpp: 4 },
+    'rg16sint': { gl: 33337, b: 4, c: 2, bpp: 4 },
     // When using a WebGL 2 context and the EXT_color_buffer_float WebGL2 extension
-    'rg16float': { gl: GL.RG16F, bpp: 4, b: 4, c: 2, render: float16_renderable, filter: float16_filterable, renderbuffer: true },
-    'rg16unorm-webgl': { gl: GL.RG16_EXT, b: 2, c: 2, render: norm16_renderable },
-    'rg16snorm-webgl': { gl: GL.RG16_SNORM_EXT, b: 2, c: 2, render: snorm16_renderable },
-    'r32uint': { gl: GL.R32UI, b: 4, c: 1, bpp: 4, renderbuffer: true },
-    'r32sint': { gl: GL.R32I, b: 4, c: 1, bpp: 4, renderbuffer: true },
-    'r32float': { gl: GL.R32F, bpp: 4, b: 4, c: 1, render: float32_renderable, filter: float32_filterable },
+    'rg16float': { gl: 33327, bpp: 4, b: 4, c: 2, render: float16_renderable, filter: float16_filterable, rb: true },
+    'rg16unorm-webgl': { gl: 33324, b: 2, c: 2, render: norm16_renderable },
+    'rg16snorm-webgl': { gl: 36761, b: 2, c: 2, render: snorm16_renderable },
+    'r32uint': { gl: 33334, b: 4, c: 1, bpp: 4, rb: true },
+    'r32sint': { gl: 33333, b: 4, c: 1, bpp: 4, rb: true },
+    'r32float': { gl: 33326, bpp: 4, b: 4, c: 1, render: float32_renderable, filter: float32_filterable },
     // Packed 32-bit formats
-    'rgb9e5ufloat': { gl: GL.RGB9_E5, b: 4, c: 3, p: 1, render: rgb9e5ufloat_renderable }, // , filter: true},
-    'rg11b10ufloat': { gl: GL.R11F_G11F_B10F, b: 4, c: 3, p: 1, render: float32_renderable, renderbuffer: true },
-    'rgb10a2unorm': { gl: GL.RGB10_A2, b: 4, c: 4, p: 1, renderbuffer: true },
-    'rgb10a2uint-webgl': { b: 4, c: 4, gl: GL.RGB10_A2UI, p: 1, wgpu: false, bpp: 4, renderbuffer: true },
+    'rgb9e5ufloat': { gl: 35901, b: 4, c: 3, p: 1, render: rgb9e5ufloat_renderable }, // , filter: true},
+    'rg11b10ufloat': { gl: 35898, b: 4, c: 3, p: 1, render: float32_renderable, rb: true },
+    'rgb10a2unorm': { gl: 32857, b: 4, c: 4, p: 1, rb: true },
+    'rgb10a2uint-webgl': { b: 4, c: 4, gl: 36975, p: 1, wgpu: false, bpp: 4, rb: true },
     // 48-bit formats
-    'rgb16unorm-webgl': { gl: GL.RGB16_EXT, b: 2, c: 3, f: norm16_renderable }, // rgb not renderable
-    'rgb16snorm-webgl': { gl: GL.RGB16_SNORM_EXT, b: 2, c: 3, f: norm16_renderable }, // rgb not renderable
+    'rgb16unorm-webgl': { gl: 32852, b: 2, c: 3, f: norm16_renderable }, // rgb not renderable
+    'rgb16snorm-webgl': { gl: 36762, b: 2, c: 3, f: norm16_renderable }, // rgb not renderable
     // 64-bit formats
-    'rg32uint': { gl: GL.RG32UI, b: 8, c: 2, renderbuffer: true },
-    'rg32sint': { gl: GL.RG32I, b: 8, c: 2, renderbuffer: true },
-    'rg32float': { gl: GL.RG32F, b: 8, c: 2, render: float32_renderable, filter: float32_filterable, renderbuffer: true },
-    'rgba16uint': { gl: GL.RGBA16UI, b: 8, c: 4, renderbuffer: true },
-    'rgba16sint': { gl: GL.RGBA16I, b: 8, c: 4, renderbuffer: true },
-    'rgba16float': { gl: GL.RGBA16F, b: 8, c: 4, render: float16_renderable, filter: float16_filterable },
-    'rgba16unorm-webgl': { gl: GL.RGBA16_EXT, b: 2, c: 4, render: norm16_renderable, renderbuffer: true },
-    'rgba16snorm-webgl': { gl: GL.RGBA16_SNORM_EXT, b: 2, c: 4, render: snorm16_renderable },
+    'rg32uint': { gl: 33340, b: 8, c: 2, rb: true },
+    'rg32sint': { gl: 33339, b: 8, c: 2, rb: true },
+    'rg32float': { gl: 33328, b: 8, c: 2, render: float32_renderable, filter: float32_filterable, rb: true },
+    'rgba16uint': { gl: 36214, b: 8, c: 4, rb: true },
+    'rgba16sint': { gl: 36232, b: 8, c: 4, rb: true },
+    'rgba16float': { gl: 34842, b: 8, c: 4, render: float16_renderable, filter: float16_filterable },
+    'rgba16unorm-webgl': { gl: 32859, b: 2, c: 4, render: norm16_renderable, rb: true },
+    'rgba16snorm-webgl': { gl: 36763, b: 2, c: 4, render: snorm16_renderable },
     // 96-bit formats (deprecated!)
-    'rgb32float-webgl': { gl: GL.RGB32F, render: float32_renderable, filter: float32_filterable,
-        gl2ext: EXT_color_buffer_float, dataFormat: GL.RGB, types: [GL.FLOAT] },
+    'rgb32float-webgl': { gl: 34837, render: float32_renderable, filter: float32_filterable,
+        gl2ext: EXT_color_buffer_float, dataFormat: 6407, types: [5126] },
     // 128-bit formats
-    'rgba32uint': { gl: GL.RGBA32UI, b: 16, c: 4, renderbuffer: true },
-    'rgba32sint': { gl: GL.RGBA32I, b: 16, c: 4, renderbuffer: true },
-    'rgba32float': { gl: GL.RGBA32F, b: 16, c: 4, render: float32_renderable, filter: float32_filterable, renderbuffer: true },
+    'rgba32uint': { gl: 36208, b: 16, c: 4, rb: true },
+    'rgba32sint': { gl: 36226, b: 16, c: 4, rb: true },
+    'rgba32float': { gl: 34836, b: 16, c: 4, render: float32_renderable, filter: float32_filterable, rb: true },
     // Depth and stencil formats
-    'stencil8': { gl: GL.STENCIL_INDEX8, b: 1, c: 1, attachment: GL.STENCIL_ATTACHMENT, renderbuffer: true }, // 8 stencil bits
-    'depth16unorm': { gl: GL.DEPTH_COMPONENT16, b: 2, c: 1, attachment: GL.DEPTH_ATTACHMENT, renderbuffer: true }, // 16 depth bits
-    'depth24plus': { gl: GL.DEPTH_COMPONENT24, b: 3, c: 1, attachment: GL.DEPTH_ATTACHMENT },
-    'depth32float': { gl: GL.DEPTH_COMPONENT32F, b: 4, c: 1, attachment: GL.DEPTH_ATTACHMENT, renderbuffer: true },
+    'stencil8': { gl: 36168, b: 1, c: 1, attachment: 36128, rb: true }, // 8 stencil bits
+    'depth16unorm': { gl: 33189, b: 2, c: 1, attachment: 36096,
+        dataFormat: 6402, types: [5123], rb: true }, // 16 depth bits
+    'depth24plus': { gl: 33190, b: 3, c: 1, attachment: 36096,
+        dataFormat: 6402, types: [5125] },
+    'depth32float': { gl: 36012, b: 4, c: 1, attachment: 36096,
+        dataFormat: 6402, types: [5126], rb: true },
     // The depth component of the "depth24plus" and "depth24plus-stencil8" formats may be implemented as either a 24-bit depth value or a "depth32float" value.
-    'depth24plus-stencil8': { gl: GL.DEPTH_STENCIL, b: 4, c: 2, p: 1, attachment: GL.DEPTH_STENCIL_ATTACHMENT, renderbuffer: true, depthTexture: true },
+    'depth24plus-stencil8': { gl: 35056, b: 4, c: 2, p: 1, attachment: 33306, rb: true, depthTexture: true,
+        dataFormat: 34041, types: [34042] },
     // "depth24unorm-stencil8" feature
-    'depth24unorm-stencil8': { gl: GL.DEPTH24_STENCIL8, b: 4, c: 2, p: 1, attachment: GL.DEPTH_STENCIL_ATTACHMENT, renderbuffer: true },
-    // "depth32float-stencil8" feature
-    'depth32float-stencil8': { gl: GL.DEPTH32F_STENCIL8, b: 5, c: 2, p: 1, attachment: GL.DEPTH_STENCIL_ATTACHMENT, renderbuffer: true },
+    'depth24unorm-stencil8': { gl: 35056, b: 4, c: 2, p: 1, attachment: 33306,
+        dataFormat: 34041, types: [34042], rb: true },
+    // "depth32float-stencil8" feature - TODO below is render buffer only?
+    'depth32float-stencil8': { gl: 36013, b: 5, c: 2, p: 1, attachment: 33306,
+        dataFormat: 34041, types: [36269], rb: true },
     // BC compressed formats: check device.features.has("texture-compression-bc");
-    'bc1-rgb-unorm-webgl': { gl: GL.COMPRESSED_RGB_S3TC_DXT1_EXT, x: X_S3TC, f: texture_compression_bc },
-    'bc1-rgb-unorm-srgb-webgl': { gl: GL.COMPRESSED_SRGB_S3TC_DXT1_EXT, x: X_S3TC_SRGB, f: texture_compression_bc },
-    'bc1-rgba-unorm': { gl: GL.COMPRESSED_RGBA_S3TC_DXT1_EXT, x: X_S3TC, f: texture_compression_bc },
-    'bc1-rgba-unorm-srgb': { gl: GL.COMPRESSED_SRGB_S3TC_DXT1_EXT, x: X_S3TC_SRGB, f: texture_compression_bc },
-    'bc2-rgba-unorm': { gl: GL.COMPRESSED_RGBA_S3TC_DXT3_EXT, x: X_S3TC, f: texture_compression_bc },
-    'bc2-rgba-unorm-srgb': { gl: GL.COMPRESSED_SRGB_ALPHA_S3TC_DXT3_EXT, x: X_S3TC_SRGB, f: texture_compression_bc },
-    'bc3-rgba-unorm': { gl: GL.COMPRESSED_RGBA_S3TC_DXT5_EXT, x: X_S3TC, f: texture_compression_bc },
-    'bc3-rgba-unorm-srgb': { gl: GL.COMPRESSED_SRGB_ALPHA_S3TC_DXT5_EXT, x: X_S3TC_SRGB, f: texture_compression_bc },
-    'bc4-r-unorm': { gl: GL.COMPRESSED_RED_RGTC1_EXT, x: X_RGTC, f: texture_compression_bc },
-    'bc4-r-snorm': { gl: GL.COMPRESSED_SIGNED_RED_RGTC1_EXT, x: X_RGTC, f: texture_compression_bc },
-    'bc5-rg-unorm': { gl: GL.COMPRESSED_RED_GREEN_RGTC2_EXT, x: X_RGTC, f: texture_compression_bc },
-    'bc5-rg-snorm': { gl: GL.COMPRESSED_SIGNED_RED_GREEN_RGTC2_EXT, x: X_RGTC, f: texture_compression_bc },
-    'bc6h-rgb-ufloat': { gl: GL.COMPRESSED_RGB_BPTC_UNSIGNED_FLOAT_EXT, x: X_BPTC, f: texture_compression_bc },
-    'bc6h-rgb-float': { gl: GL.COMPRESSED_RGB_BPTC_SIGNED_FLOAT_EXT, x: X_BPTC, f: texture_compression_bc },
-    'bc7-rgba-unorm': { gl: GL.COMPRESSED_RGBA_BPTC_UNORM_EXT, x: X_BPTC, f: texture_compression_bc },
-    'bc7-rgba-unorm-srgb': { gl: GL.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT, x: X_BPTC, f: texture_compression_bc },
+    'bc1-rgb-unorm-webgl': { gl: 33776, x: X_S3TC, f: texture_compression_bc },
+    'bc1-rgb-unorm-srgb-webgl': { gl: 35916, x: X_S3TC_SRGB, f: texture_compression_bc },
+    'bc1-rgba-unorm': { gl: 33777, x: X_S3TC, f: texture_compression_bc },
+    'bc1-rgba-unorm-srgb': { gl: 35916, x: X_S3TC_SRGB, f: texture_compression_bc },
+    'bc2-rgba-unorm': { gl: 33778, x: X_S3TC, f: texture_compression_bc },
+    'bc2-rgba-unorm-srgb': { gl: 35918, x: X_S3TC_SRGB, f: texture_compression_bc },
+    'bc3-rgba-unorm': { gl: 33779, x: X_S3TC, f: texture_compression_bc },
+    'bc3-rgba-unorm-srgb': { gl: 35919, x: X_S3TC_SRGB, f: texture_compression_bc },
+    'bc4-r-unorm': { gl: 36283, x: X_RGTC, f: texture_compression_bc },
+    'bc4-r-snorm': { gl: 36284, x: X_RGTC, f: texture_compression_bc },
+    'bc5-rg-unorm': { gl: 36285, x: X_RGTC, f: texture_compression_bc },
+    'bc5-rg-snorm': { gl: 36286, x: X_RGTC, f: texture_compression_bc },
+    'bc6h-rgb-ufloat': { gl: 36495, x: X_BPTC, f: texture_compression_bc },
+    'bc6h-rgb-float': { gl: 36494, x: X_BPTC, f: texture_compression_bc },
+    'bc7-rgba-unorm': { gl: 36492, x: X_BPTC, f: texture_compression_bc },
+    'bc7-rgba-unorm-srgb': { gl: 36493, x: X_BPTC, f: texture_compression_bc },
     // WEBGL_compressed_texture_etc: device.features.has("texture-compression-etc2")
     // Note: Supposedly guaranteed availability compressed formats in WebGL2, but through CPU decompression
-    'etc2-rgb8unorm': { gl: GL.COMPRESSED_RGB8_ETC2, f: texture_compression_etc2 },
-    'etc2-rgb8unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ETC2, f: texture_compression_etc2 },
-    'etc2-rgb8a1unorm': { gl: GL.COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2, f: texture_compression_etc2 },
-    'etc2-rgb8a1unorm-srgb': { gl: GL.COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2, f: texture_compression_etc2 },
-    'etc2-rgba8unorm': { gl: GL.COMPRESSED_RGBA8_ETC2_EAC, f: texture_compression_etc2 },
-    'etc2-rgba8unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC, f: texture_compression_etc2 },
-    'eac-r11unorm': { gl: GL.COMPRESSED_R11_EAC, f: texture_compression_etc2 },
-    'eac-r11snorm': { gl: GL.COMPRESSED_SIGNED_R11_EAC, f: texture_compression_etc2 },
-    'eac-rg11unorm': { gl: GL.COMPRESSED_RG11_EAC, f: texture_compression_etc2 },
-    'eac-rg11snorm': { gl: GL.COMPRESSED_SIGNED_RG11_EAC, f: texture_compression_etc2 },
+    'etc2-rgb8unorm': { gl: 37492, f: texture_compression_etc2 },
+    'etc2-rgb8unorm-srgb': { gl: 37494, f: texture_compression_etc2 },
+    'etc2-rgb8a1unorm': { gl: 37496, f: texture_compression_etc2 },
+    'etc2-rgb8a1unorm-srgb': { gl: 37497, f: texture_compression_etc2 },
+    'etc2-rgba8unorm': { gl: 37493, f: texture_compression_etc2 },
+    'etc2-rgba8unorm-srgb': { gl: 37495, f: texture_compression_etc2 },
+    'eac-r11unorm': { gl: 37488, f: texture_compression_etc2 },
+    'eac-r11snorm': { gl: 37489, f: texture_compression_etc2 },
+    'eac-rg11unorm': { gl: 37490, f: texture_compression_etc2 },
+    'eac-rg11snorm': { gl: 37491, f: texture_compression_etc2 },
     // X_ASTC compressed formats: device.features.has("texture-compression-astc")
-    'astc-4x4-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_4x4_KHR, f: texture_compression_astc },
-    'astc-4x4-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR, f: texture_compression_astc },
-    'astc-5x4-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_5x4_KHR, f: texture_compression_astc },
-    'astc-5x4-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR, f: texture_compression_astc },
-    'astc-5x5-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_5x5_KHR, f: texture_compression_astc },
-    'astc-5x5-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR, f: texture_compression_astc },
-    'astc-6x5-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_6x5_KHR, f: texture_compression_astc },
-    'astc-6x5-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR, f: texture_compression_astc },
-    'astc-6x6-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_6x6_KHR, f: texture_compression_astc },
-    'astc-6x6-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR, f: texture_compression_astc },
-    'astc-8x5-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_8x5_KHR, f: texture_compression_astc },
-    'astc-8x5-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR, f: texture_compression_astc },
-    'astc-8x6-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_8x6_KHR, f: texture_compression_astc },
-    'astc-8x6-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR, f: texture_compression_astc },
-    'astc-8x8-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_8x8_KHR, f: texture_compression_astc },
-    'astc-8x8-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR, f: texture_compression_astc },
-    'astc-10x5-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_10x10_KHR, f: texture_compression_astc },
-    'astc-10x5-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR, f: texture_compression_astc },
-    'astc-10x6-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_10x6_KHR, f: texture_compression_astc },
-    'astc-10x6-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR, f: texture_compression_astc },
-    'astc-10x8-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_10x8_KHR, f: texture_compression_astc },
-    'astc-10x8-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR, f: texture_compression_astc },
-    'astc-10x10-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_10x10_KHR, f: texture_compression_astc },
-    'astc-10x10-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR, f: texture_compression_astc },
-    'astc-12x10-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_12x10_KHR, f: texture_compression_astc },
-    'astc-12x10-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR, f: texture_compression_astc },
-    'astc-12x12-unorm': { gl: GL.COMPRESSED_RGBA_ASTC_12x12_KHR, f: texture_compression_astc },
-    'astc-12x12-unorm-srgb': { gl: GL.COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR, f: texture_compression_astc },
+    'astc-4x4-unorm': { gl: 37808, f: texture_compression_astc },
+    'astc-4x4-unorm-srgb': { gl: 37840, f: texture_compression_astc },
+    'astc-5x4-unorm': { gl: 37809, f: texture_compression_astc },
+    'astc-5x4-unorm-srgb': { gl: 37841, f: texture_compression_astc },
+    'astc-5x5-unorm': { gl: 37810, f: texture_compression_astc },
+    'astc-5x5-unorm-srgb': { gl: 37842, f: texture_compression_astc },
+    'astc-6x5-unorm': { gl: 37811, f: texture_compression_astc },
+    'astc-6x5-unorm-srgb': { gl: 37843, f: texture_compression_astc },
+    'astc-6x6-unorm': { gl: 37812, f: texture_compression_astc },
+    'astc-6x6-unorm-srgb': { gl: 37844, f: texture_compression_astc },
+    'astc-8x5-unorm': { gl: 37813, f: texture_compression_astc },
+    'astc-8x5-unorm-srgb': { gl: 37845, f: texture_compression_astc },
+    'astc-8x6-unorm': { gl: 37814, f: texture_compression_astc },
+    'astc-8x6-unorm-srgb': { gl: 37846, f: texture_compression_astc },
+    'astc-8x8-unorm': { gl: 37815, f: texture_compression_astc },
+    'astc-8x8-unorm-srgb': { gl: 37847, f: texture_compression_astc },
+    'astc-10x5-unorm': { gl: 37819, f: texture_compression_astc },
+    'astc-10x5-unorm-srgb': { gl: 37851, f: texture_compression_astc },
+    'astc-10x6-unorm': { gl: 37817, f: texture_compression_astc },
+    'astc-10x6-unorm-srgb': { gl: 37849, f: texture_compression_astc },
+    'astc-10x8-unorm': { gl: 37818, f: texture_compression_astc },
+    'astc-10x8-unorm-srgb': { gl: 37850, f: texture_compression_astc },
+    'astc-10x10-unorm': { gl: 37819, f: texture_compression_astc },
+    'astc-10x10-unorm-srgb': { gl: 37851, f: texture_compression_astc },
+    'astc-12x10-unorm': { gl: 37820, f: texture_compression_astc },
+    'astc-12x10-unorm-srgb': { gl: 37852, f: texture_compression_astc },
+    'astc-12x12-unorm': { gl: 37821, f: texture_compression_astc },
+    'astc-12x12-unorm-srgb': { gl: 37853, f: texture_compression_astc },
     // WEBGL_compressed_texture_pvrtc
-    'pvrtc-rgb4unorm-webgl': { gl: GL.COMPRESSED_RGB_PVRTC_4BPPV1_IMG, f: texture_compression_pvrtc_webgl },
-    'pvrtc-rgba4unorm-webgl': { gl: GL.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG, f: texture_compression_pvrtc_webgl },
-    'pvrtc-rbg2unorm-webgl': { gl: GL.COMPRESSED_RGB_PVRTC_2BPPV1_IMG, f: texture_compression_pvrtc_webgl },
-    'pvrtc-rgba2unorm-webgl': { gl: GL.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG, f: texture_compression_pvrtc_webgl },
+    'pvrtc-rgb4unorm-webgl': { gl: 35840, f: texture_compression_pvrtc_webgl },
+    'pvrtc-rgba4unorm-webgl': { gl: 35842, f: texture_compression_pvrtc_webgl },
+    'pvrtc-rbg2unorm-webgl': { gl: 35841, f: texture_compression_pvrtc_webgl },
+    'pvrtc-rgba2unorm-webgl': { gl: 35843, f: texture_compression_pvrtc_webgl },
     // WEBGL_compressed_texture_etc1
-    'etc1-rbg-unorm-webgl': { gl: GL.COMPRESSED_RGB_ETC1_WEBGL, f: texture_compression_etc1_webgl },
+    'etc1-rbg-unorm-webgl': { gl: 36196, f: texture_compression_etc1_webgl },
     // WEBGL_compressed_texture_atc
-    'atc-rgb-unorm-webgl': { gl: GL.COMPRESSED_RGB_ATC_WEBGL, f: texture_compression_atc_webgl },
-    'atc-rgba-unorm-webgl': { gl: GL.COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL, f: texture_compression_atc_webgl },
-    'atc-rgbai-unorm-webgl': { gl: GL.COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL, f: texture_compression_atc_webgl }
+    'atc-rgb-unorm-webgl': { gl: 35986, f: texture_compression_atc_webgl },
+    'atc-rgba-unorm-webgl': { gl: 35986, f: texture_compression_atc_webgl },
+    'atc-rgbai-unorm-webgl': { gl: 34798, f: texture_compression_atc_webgl }
 };
 /** Legal combinations for internalFormat, format and type *
 // [GL.DEPTH_COMPONENT]: {types: [GL.UNSIGNED_SHORT, GL.UNSIGNED_INT, GL.UNSIGNED_INT_24_8]},
@@ -330,35 +335,34 @@ export const RENDERBUFFER_FORMATS: Record<string, RenderbufferFormat> = {
 */
 /** @deprecated should be removed */
 const DATA_FORMAT_CHANNELS = {
-    [GL.RED]: 1,
-    [GL.RED_INTEGER]: 1,
-    [GL.RG]: 2,
-    [GL.RG_INTEGER]: 2,
-    [GL.RGB]: 3,
-    [GL.RGB_INTEGER]: 3,
-    [GL.RGBA]: 4,
-    [GL.RGBA_INTEGER]: 4,
-    [GL.DEPTH_COMPONENT]: 1,
-    [GL.DEPTH_STENCIL]: 1,
-    [GL.ALPHA]: 1,
-    [GL.LUMINANCE]: 1,
-    [GL.LUMINANCE_ALPHA]: 2
+    [6403]: 1,
+    [36244]: 1,
+    [33319]: 2,
+    [33320]: 2,
+    [6407]: 3,
+    [36248]: 3,
+    [6408]: 4,
+    [36249]: 4,
+    [6402]: 1,
+    [34041]: 1,
+    [6406]: 1,
+    [6409]: 1,
+    [6410]: 2
 };
 /** @deprecated should be removed */
 const TYPE_SIZES = {
-    [GL.FLOAT]: 4,
-    [GL.UNSIGNED_INT]: 4,
-    [GL.INT]: 4,
-    [GL.UNSIGNED_SHORT]: 2,
-    [GL.SHORT]: 2,
-    [GL.HALF_FLOAT]: 2,
-    [GL.BYTE]: 1,
-    [GL.UNSIGNED_BYTE]: 1
+    [5126]: 4,
+    [5125]: 4,
+    [5124]: 4,
+    [5123]: 2,
+    [5122]: 2,
+    [5131]: 2,
+    [5120]: 1,
+    [5121]: 1
 };
 // FUNCTIONS
 /** Checks if a texture format is supported */
-export function isTextureFormatSupported(gl, formatOrGL, extensions) {
-    const format = convertGLToTextureFormat(formatOrGL);
+export function isTextureFormatSupported(gl, format, extensions) {
     const info = TEXTURE_FORMATS[format];
     if (!info) {
         return false;
@@ -376,7 +380,7 @@ export function isTextureFormatSupported(gl, formatOrGL, extensions) {
 }
 export function isRenderbufferFormatSupported(gl, format, extensions) {
     // Note: Order is important since the function call initializes extensions.
-    return isTextureFormatSupported(gl, format, extensions) && TEXTURE_FORMATS[format]?.renderbuffer;
+    return isTextureFormatSupported(gl, format, extensions) && TEXTURE_FORMATS[format]?.rb;
 }
 /**
  * Map WebGL texture formats (GL constants) to WebGPU-style TextureFormat strings
@@ -403,8 +407,7 @@ export function convertTextureFormatToGL(format) {
     return webglFormat;
 }
 /** Checks if a texture format is supported */
-export function getTextureFormatSupport(gl, formatOrGL, extensions) {
-    const format = convertGLToTextureFormat(formatOrGL);
+export function getTextureFormatSupport(gl, format, extensions) {
     const info = TEXTURE_FORMATS[format];
     if (!info) {
         return { supported: false };
@@ -432,11 +435,13 @@ export function getTextureFormatSupport(gl, formatOrGL, extensions) {
     };
 }
 /** Checks whether linear filtering (interpolated sampling) is available for floating point textures */
-export function isTextureFormatFilterable(gl, formatOrGL, extensions) {
-    const format = convertGLToTextureFormat(formatOrGL);
+export function isTextureFormatFilterable(gl, format, extensions) {
     if (!isTextureFormatSupported(gl, format, extensions)) {
         return false;
     }
+    if (format.startsWith('depth') || format.startsWith('stencil')) {
+        return false;
+    }
     try {
         const decoded = decodeTextureFormat(format);
         if (decoded.signed) {
@@ -454,8 +459,7 @@ export function isTextureFormatFilterable(gl, formatOrGL, extensions) {
     }
     return true;
 }
-export function isTextureFormatRenderable(gl, formatOrGL, extensions) {
-    const format = convertGLToTextureFormat(formatOrGL);
+export function isTextureFormatRenderable(gl, format, extensions) {
     if (!isTextureFormatSupported(gl, format, extensions)) {
         return false;
     }
@@ -465,15 +469,19 @@ export function isTextureFormatRenderable(gl, formatOrGL, extensions) {
     // TODO depends on device...
     return true;
 }
-export function getWebGLTextureParameters(formatOrGL) {
-    const format = convertGLToTextureFormat(formatOrGL);
+/** Get parameters necessary to work with format in WebGL: internalFormat, dataFormat, type, compressed, */
+export function getWebGLTextureParameters(format) {
+    const formatData = TEXTURE_FORMATS[format];
     const webglFormat = convertTextureFormatToGL(format);
     const decoded = decodeTextureFormat(format);
     return {
         format: webglFormat,
-        dataFormat: getWebGLPixelDataFormat(decoded.format, decoded.integer, decoded.normalized, webglFormat),
+        dataFormat: formatData?.dataFormat ||
+            getWebGLPixelDataFormat(decoded.format, decoded.integer, decoded.normalized, webglFormat),
         // depth formats don't have a type
-        type: decoded.dataType ? getGLFromVertexType(decoded.dataType) : GL.UNSIGNED_BYTE,
+        type: decoded.dataType
+            ? getGLFromVertexType(decoded.dataType)
+            : formatData?.types?.[0] || 5121,
         // @ts-expect-error
         compressed: decoded.compressed
     };
@@ -486,9 +494,8 @@ export function getDepthStencilAttachmentWebGL(format) {
     return info.attachment;
 }
 /** TODO - VERY roundabout legacy way of calculating bytes per pixel */
-export function getTextureFormatBytesPerPixel(formatOrGL) {
+export function getTextureFormatBytesPerPixel(format) {
     // TODO remove webgl1 support
-    const format = convertGLToTextureFormat(formatOrGL);
     const params = getWebGLTextureParameters(format);
     // NOTE(Tarek): Default to RGBA bytes
     const channels = DATA_FORMAT_CHANNELS[params.dataFormat] || 4;
@@ -498,15 +505,15 @@ export function getTextureFormatBytesPerPixel(formatOrGL) {
 // DATA TYPE HELPERS
 function getWebGLPixelDataFormat(dataFormat, integer, normalized, format) {
     // WebGL1 formats use same internalFormat
-    if (format === GL.RGBA || format === GL.RGB) {
+    if (format === 6408 || format === 6407) {
         return format;
     }
     // prettier-ignore
     switch (dataFormat) {
-        case 'r': return integer && !normalized ? GL.RED_INTEGER : GL.RED;
-        case 'rg': return integer && !normalized ? GL.RG_INTEGER : GL.RG;
-        case 'rgb': return integer && !normalized ? GL.RGB_INTEGER : GL.RGB;
-        case 'rgba': return integer && !normalized ? GL.RGBA_INTEGER : GL.RGBA;
-        default: return GL.RGBA;
+        case 'r': return integer && !normalized ? 36244 : 6403;
+        case 'rg': return integer && !normalized ? 33320 : 33319;
+        case 'rgb': return integer && !normalized ? 36248 : 6407;
+        case 'rgba': return integer && !normalized ? 36249 : 6408;
+        default: return 6408;
     }
 }

package/dist/adapter/converters/vertex-formats.js

@@ -22,14 +22,14 @@ export function getVertexTypeFromGL(type, normalized = false) {
     // prettier-ignore
     switch (type) {
         // WebGPU does not support normalized 32 bit integer attributes
-        case GL.INT: return normalized ? 'sint32' : 'sint32';
-        case GL.UNSIGNED_INT: return normalized ? 'uint32' : 'uint32';
-        case GL.SHORT: return normalized ? 'sint16' : 'unorm16';
-        case GL.UNSIGNED_SHORT: return normalized ? 'uint16' : 'unorm16';
-        case GL.BYTE: return normalized ? 'sint8' : 'snorm16';
-        case GL.UNSIGNED_BYTE: return normalized ? 'uint8' : 'unorm8';
-        case GL.FLOAT: return 'float32';
-        case GL.HALF_FLOAT: return 'float16';
+        case 5124: return normalized ? 'sint32' : 'sint32';
+        case 5125: return normalized ? 'uint32' : 'uint32';
+        case 5122: return normalized ? 'sint16' : 'unorm16';
+        case 5123: return normalized ? 'uint16' : 'unorm16';
+        case 5120: return normalized ? 'sint8' : 'snorm16';
+        case 5121: return normalized ? 'uint8' : 'unorm8';
+        case 5126: return 'float32';
+        case 5131: return 'float16';
     }
     // @ts-ignore unreachable
     throw new Error(String(type));
@@ -37,21 +37,21 @@ export function getVertexTypeFromGL(type, normalized = false) {
 export function getGLFromVertexType(dataType) {
     // prettier-ignore
     switch (dataType) {
-        case 'uint8': return GL.UNSIGNED_BYTE;
-        case 'sint8': return GL.BYTE;
-        case 'unorm8': return GL.UNSIGNED_BYTE;
-        case 'snorm8': return GL.BYTE;
-        case 'uint16': return GL.UNSIGNED_SHORT;
-        case 'sint16': return GL.SHORT;
-        case 'unorm16': return GL.UNSIGNED_SHORT;
-        case 'snorm16': return GL.SHORT;
-        case 'uint32': return GL.UNSIGNED_INT;
-        case 'sint32': return GL.INT;
+        case 'uint8': return 5121;
+        case 'sint8': return 5120;
+        case 'unorm8': return 5121;
+        case 'snorm8': return 5120;
+        case 'uint16': return 5123;
+        case 'sint16': return 5122;
+        case 'unorm16': return 5123;
+        case 'snorm16': return 5122;
+        case 'uint32': return 5125;
+        case 'sint32': return 5124;
         // WebGPU does not support normalized 32 bit integer attributes
         // case 'unorm32': return GL.UNSIGNED_INT;
         // case 'snorm32': return GL.INT;
-        case 'float16': return GL.HALF_FLOAT;
-        case 'float32': return GL.FLOAT;
+        case 'float16': return 5131;
+        case 'float32': return 5126;
     }
     // @ts-ignore unreachable
     throw new Error(String(dataType));

package/dist/adapter/device-helpers/webgl-device-features.d.ts

@@ -10,9 +10,10 @@ export declare class WebGLDeviceFeatures extends DeviceFeatures {
     protected gl: WebGL2RenderingContext;
     protected extensions: GLExtensions;
     protected testedFeatures: Set<DeviceFeature>;
-    constructor(gl: WebGL2RenderingContext, extensions: GLExtensions);
+    constructor(gl: WebGL2RenderingContext, extensions: GLExtensions, disabledFeatures: Partial<Record<DeviceFeature, boolean>>);
     [Symbol.iterator](): IterableIterator<DeviceFeature>;
     has(feature: DeviceFeature): boolean;
+    initializeFeatures(): void;
     /** Extract all WebGL features */
     protected getWebGLFeature(feature: DeviceFeature): boolean;
 }

package/dist/adapter/device-helpers/webgl-device-features.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-device-features.d.ts","sourceRoot":"","sources":["../../../src/adapter/device-helpers/webgl-device-features.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AA8BhD;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,SAAS,CAAC,EAAE,EAAE,sBAAsB,CAAC;IACrC,SAAS,CAAC,UAAU,EAAE,YAAY,CAAC;IACnC,SAAS,CAAC,cAAc,qBAA4B;gBAExC,EAAE,EAAE,sBAAsB,EAAE,UAAU,EAAE,YAAY;IAS/D,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,aAAa,CAAC;IAc5C,GAAG,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;IAiB7C,iCAAiC;IACjC,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;CAU3D"}
+{"version":3,"file":"webgl-device-features.d.ts","sourceRoot":"","sources":["../../../src/adapter/device-helpers/webgl-device-features.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AA8BhD;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,SAAS,CAAC,EAAE,EAAE,sBAAsB,CAAC;IACrC,SAAS,CAAC,UAAU,EAAE,YAAY,CAAC;IACnC,SAAS,CAAC,cAAc,qBAA4B;gBAGlD,EAAE,EAAE,sBAAsB,EAC1B,UAAU,EAAE,YAAY,EACxB,gBAAgB,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAU1D,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,aAAa,CAAC;IAc5C,GAAG,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;IAuB7C,kBAAkB;IAUlB,iCAAiC;IACjC,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;CAU3D"}

package/dist/adapter/device-helpers/webgl-device-features.js

@@ -39,8 +39,8 @@ export class WebGLDeviceFeatures extends DeviceFeatures {
     gl;
     extensions;
     testedFeatures = new Set();
-    constructor(gl, extensions) {
-        super();
+    constructor(gl, extensions, disabledFeatures) {
+        super([], disabledFeatures);
         this.gl = gl;
         this.extensions = extensions;
         // TODO - is this really needed?
@@ -61,6 +61,9 @@ export class WebGLDeviceFeatures extends DeviceFeatures {
         return [];
     }
     has(feature) {
+        if (this.disabledFeatures[feature]) {
+            return false;
+        }
         // We have already tested this feature
         if (!this.testedFeatures.has(feature)) {
             this.testedFeatures.add(feature);
@@ -74,6 +77,15 @@ export class WebGLDeviceFeatures extends DeviceFeatures {
         }
         return this.features.has(feature);
     }
+    // FOR DEVICE
+    initializeFeatures() {
+        // @ts-expect-error
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        for (const feature of this) {
+            // WebGL extensions are initialized by requesting them
+        }
+    }
+    // IMPLEMENTATION
     /** Extract all WebGL features */
     getWebGLFeature(feature) {
         const featureInfo = WEBGL_FEATURES[feature];

package/dist/adapter/device-helpers/webgl-device-info.js

@@ -6,18 +6,18 @@ import { getWebGLExtension } from "../../context/helpers/webgl-extensions.js";
 /** @returns strings identifying the GPU vendor and driver. */
 export function getDeviceInfo(gl, extensions) {
     // "Masked" info is always available, but don't contain much useful information
-    const vendorMasked = gl.getParameter(GL.VENDOR);
-    const rendererMasked = gl.getParameter(GL.RENDERER);
+    const vendorMasked = gl.getParameter(7936);
+    const rendererMasked = gl.getParameter(7937);
     // If we are lucky, unmasked info is available
     // https://www.khronos.org/registry/webgl/extensions/WEBGL_debug_renderer_info/
     getWebGLExtension(gl, 'WEBGL_debug_renderer_info', extensions);
     const ext = extensions.WEBGL_debug_renderer_info;
-    const vendorUnmasked = gl.getParameter(ext ? ext.UNMASKED_VENDOR_WEBGL : GL.VENDOR);
-    const rendererUnmasked = gl.getParameter(ext ? ext.UNMASKED_RENDERER_WEBGL : GL.RENDERER);
+    const vendorUnmasked = gl.getParameter(ext ? ext.UNMASKED_VENDOR_WEBGL : 7936);
+    const rendererUnmasked = gl.getParameter(ext ? ext.UNMASKED_RENDERER_WEBGL : 7937);
     const vendor = vendorUnmasked || vendorMasked;
     const renderer = rendererUnmasked || rendererMasked;
     // Driver version
-    const version = gl.getParameter(GL.VERSION);
+    const version = gl.getParameter(7938);
     // "Sniff" the GPU type and backend from the info. This works best if unmasked info is available.
     const gpu = identifyGPUVendor(vendor, renderer);
     const gpuBackend = identifyGPUBackend(vendor, renderer);