@babylonjs/core 9.8.0 → 9.9.0

package/Engines/thinEngine.pure.js

@@ -2,19 +2,7 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { Effect } from "../Materials/effect.pure.js";
-import {
-    createPipelineContext,
-    createRawShaderProgram,
-    createShaderProgram,
-    _finalizePipelineContext,
-    _preparePipelineContext,
-    _setProgram,
-    _executeWhenRenderingStateIsCompiled,
-    getStateObject,
-    _createShaderProgram,
-    deleteStateObject,
-    _isRenderingStateCompiled,
-} from "./thinEngine.functions.js";
+import { createPipelineContext, createRawShaderProgram, createShaderProgram, _finalizePipelineContext, _preparePipelineContext, _setProgram, _executeWhenRenderingStateIsCompiled, getStateObject, _createShaderProgram, deleteStateObject, _isRenderingStateCompiled, } from "./thinEngine.functions.js";
 import { AbstractEngine } from "./abstractEngine.pure.js";
 import { IsWrapper } from "../Materials/drawWrapper.functions.js";
 import { Logger } from "../Misc/logger.js";
@@ -33,7 +21,8 @@ import { AlphaState } from "../States/alphaCullingState.js";
 /**
  * Keeps track of all the buffer info used in engine.
  */
-class BufferPointer {}
+class BufferPointer {
+}
 /**
  * The base engine class (root of all engines)
  */
@@ -211,7 +200,8 @@ export class ThinEngine extends AbstractEngine {
                 };
                 canvas.addEventListener("webglcontextrestored", this._onContextRestored, false);
                 options.powerPreference = options.powerPreference || "high-performance";
-            } else {
+            }
+            else {
                 this._onContextLost = () => {
                     deleteStateObject(this._gl);
                 };
@@ -223,7 +213,7 @@ export class ThinEngine extends AbstractEngine {
             // GL
             if (!options.disableWebGL2Support) {
                 try {
-                    this._gl = canvas.getContext("webgl2", options) || canvas.getContext("experimental-webgl2", options);
+                    this._gl = (canvas.getContext("webgl2", options) || canvas.getContext("experimental-webgl2", options));
                     if (this._gl) {
                         this._webGLVersion = 2.0;
                         this._shaderPlatformName = "WEBGL2";
@@ -233,7 +223,8 @@ export class ThinEngine extends AbstractEngine {
                             this._shaderPlatformName = "WEBGL1";
                         }
                     }
-                } catch (e) {
+                }
+                catch (e) {
                     // Do nothing
                 }
             }
@@ -242,21 +233,24 @@ export class ThinEngine extends AbstractEngine {
                     throw new Error("The provided canvas is null or undefined.");
                 }
                 try {
-                    this._gl = canvas.getContext("webgl", options) || canvas.getContext("experimental-webgl", options);
-                } catch (e) {
+                    this._gl = (canvas.getContext("webgl", options) || canvas.getContext("experimental-webgl", options));
+                }
+                catch (e) {
                     throw new Error("WebGL not supported", { cause: e });
                 }
             }
             if (!this._gl) {
                 throw new Error("WebGL not supported");
             }
-        } else {
+        }
+        else {
             this._gl = canvasOrContext;
             canvas = this._gl.canvas;
             if (this._gl.renderbufferStorageMultisample) {
                 this._webGLVersion = 2.0;
                 this._shaderPlatformName = "WEBGL2";
-            } else {
+            }
+            else {
                 this._shaderPlatformName = "WEBGL1";
             }
             const attributes = this._gl.getContextAttributes();
@@ -345,12 +339,10 @@ export class ThinEngine extends AbstractEngine {
             s3tc_srgb: this._gl.getExtension("WEBGL_compressed_texture_s3tc_srgb") || this._gl.getExtension("WEBKIT_WEBGL_compressed_texture_s3tc_srgb"),
             pvrtc: this._gl.getExtension("WEBGL_compressed_texture_pvrtc") || this._gl.getExtension("WEBKIT_WEBGL_compressed_texture_pvrtc"),
             etc1: this._gl.getExtension("WEBGL_compressed_texture_etc1") || this._gl.getExtension("WEBKIT_WEBGL_compressed_texture_etc1"),
-            etc2:
-                this._gl.getExtension("WEBGL_compressed_texture_etc") ||
+            etc2: this._gl.getExtension("WEBGL_compressed_texture_etc") ||
                 this._gl.getExtension("WEBKIT_WEBGL_compressed_texture_etc") ||
                 this._gl.getExtension("WEBGL_compressed_texture_es3_0"), // also a requirement of OpenGL ES 3
-            textureAnisotropicFilterExtension:
-                this._gl.getExtension("EXT_texture_filter_anisotropic") ||
+            textureAnisotropicFilterExtension: this._gl.getExtension("EXT_texture_filter_anisotropic") ||
                 this._gl.getExtension("WEBKIT_EXT_texture_filter_anisotropic") ||
                 this._gl.getExtension("MOZ_EXT_texture_filter_anisotropic"),
             uintIndices: this._webGLVersion > 1 || this._gl.getExtension("OES_element_index_uint") !== null,
@@ -500,7 +492,8 @@ export class ThinEngine extends AbstractEngine {
             this._caps.drawBuffersExtension = true;
             this._caps.maxMSAASamples = this._maxMSAASamplesOverride !== null ? this._maxMSAASamplesOverride : this._gl.getParameter(this._gl.MAX_SAMPLES);
             this._caps.maxDrawBuffers = this._gl.getParameter(this._gl.MAX_DRAW_BUFFERS);
-        } else {
+        }
+        else {
             const drawBuffersExtension = this._gl.getExtension("WEBGL_draw_buffers");
             if (drawBuffersExtension !== null) {
                 this._caps.drawBuffersExtension = true;
@@ -515,7 +508,8 @@ export class ThinEngine extends AbstractEngine {
         // Depth Texture
         if (this._webGLVersion > 1) {
             this._caps.depthTextureExtension = true;
-        } else {
+        }
+        else {
             const depthTextureExtension = this._gl.getExtension("WEBGL_depth_texture");
             if (depthTextureExtension != null) {
                 this._caps.depthTextureExtension = true;
@@ -525,9 +519,11 @@ export class ThinEngine extends AbstractEngine {
         // Vertex array object
         if (this.disableVertexArrayObjects) {
             this._caps.vertexArrayObject = false;
-        } else if (this._webGLVersion > 1) {
+        }
+        else if (this._webGLVersion > 1) {
             this._caps.vertexArrayObject = true;
-        } else {
+        }
+        else {
             const vertexArrayObjectExtension = this._gl.getExtension("OES_vertex_array_object");
             if (vertexArrayObjectExtension != null) {
                 this._caps.vertexArrayObject = true;
@@ -539,14 +535,16 @@ export class ThinEngine extends AbstractEngine {
         // Instances count
         if (this._webGLVersion > 1) {
             this._caps.instancedArrays = true;
-        } else {
+        }
+        else {
             const instanceExtension = this._gl.getExtension("ANGLE_instanced_arrays");
             if (instanceExtension != null) {
                 this._caps.instancedArrays = true;
                 this._gl.drawArraysInstanced = instanceExtension.drawArraysInstancedANGLE.bind(instanceExtension);
                 this._gl.drawElementsInstanced = instanceExtension.drawElementsInstancedANGLE.bind(instanceExtension);
                 this._gl.vertexAttribDivisor = instanceExtension.vertexAttribDivisorANGLE.bind(instanceExtension);
-            } else {
+            }
+            else {
                 this._caps.instancedArrays = false;
             }
         }
@@ -572,7 +570,8 @@ export class ThinEngine extends AbstractEngine {
         }
         if (this._webGLVersion > 1) {
             this._caps.blendMinMax = true;
-        } else {
+        }
+        else {
             const blendMinMaxExtension = this._gl.getExtension("EXT_blend_minmax");
             if (blendMinMaxExtension != null) {
                 this._caps.blendMinMax = true;
@@ -590,7 +589,8 @@ export class ThinEngine extends AbstractEngine {
                     SRGB8: WebGL2RenderingContext.SRGB8,
                     SRGB8_ALPHA8: WebGL2RenderingContext.SRGB8_ALPHA8,
                 };
-            } else {
+            }
+            else {
                 const sRGBExtension = this._gl.getExtension("EXT_sRGB");
                 if (sRGBExtension != null) {
                     this._caps.supportSRGBBuffers = true;
@@ -744,7 +744,10 @@ export class ThinEngine extends AbstractEngine {
             let setBackBufferColor = true;
             if (this._currentRenderTarget) {
                 const textureFormat = this._currentRenderTarget.texture?.format;
-                if (textureFormat === 8 || textureFormat === 9 || textureFormat === 10 || textureFormat === 11) {
+                if (textureFormat === 8 ||
+                    textureFormat === 9 ||
+                    textureFormat === 10 ||
+                    textureFormat === 11) {
                     const textureType = this._currentRenderTarget.texture?.type;
                     if (textureType === 7 || textureType === 5) {
                         ThinEngine._TempClearColorUint32[0] = color.r * 255;
@@ -753,7 +756,8 @@ export class ThinEngine extends AbstractEngine {
                         ThinEngine._TempClearColorUint32[3] = color.a * 255;
                         this._gl.clearBufferuiv(this._gl.COLOR, 0, ThinEngine._TempClearColorUint32);
                         setBackBufferColor = false;
-                    } else {
+                    }
+                    else {
                         ThinEngine._TempClearColorInt32[0] = color.r * 255;
                         ThinEngine._TempClearColorInt32[1] = color.g * 255;
                         ThinEngine._TempClearColorInt32[2] = color.b * 255;
@@ -772,7 +776,8 @@ export class ThinEngine extends AbstractEngine {
             if (this.useReverseDepthBuffer) {
                 this._depthCullingState.depthFunc = this._gl.GEQUAL;
                 this._gl.clearDepth(0.0);
-            } else {
+            }
+            else {
                 this._gl.clearDepth(1.0);
             }
             mode |= this._gl.DEPTH_BUFFER_BIT;
@@ -834,15 +839,11 @@ export class ThinEngine extends AbstractEngine {
             if (rtWrapper.is2DArray || rtWrapper.is3D) {
                 gl.framebufferTextureLayer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, rtWrapper.texture._hardwareTexture?.underlyingResource, lodLevel, layer);
                 webglRtWrapper._currentLOD = lodLevel;
-            } else if (rtWrapper.isCube) {
-                gl.framebufferTexture2D(
-                    gl.FRAMEBUFFER,
-                    gl.COLOR_ATTACHMENT0,
-                    gl.TEXTURE_CUBE_MAP_POSITIVE_X + faceIndex,
-                    rtWrapper.texture._hardwareTexture?.underlyingResource,
-                    lodLevel
-                );
-            } else if (webglRtWrapper._currentLOD !== lodLevel) {
+            }
+            else if (rtWrapper.isCube) {
+                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_CUBE_MAP_POSITIVE_X + faceIndex, rtWrapper.texture._hardwareTexture?.underlyingResource, lodLevel);
+            }
+            else if (webglRtWrapper._currentLOD !== lodLevel) {
                 gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, rtWrapper.texture._hardwareTexture?.underlyingResource, lodLevel);
                 webglRtWrapper._currentLOD = lodLevel;
             }
@@ -850,20 +851,20 @@ export class ThinEngine extends AbstractEngine {
         const depthStencilTexture = rtWrapper._depthStencilTexture;
         if (depthStencilTexture) {
             if (rtWrapper.is3D) {
-                if (
-                    rtWrapper.texture.width !== depthStencilTexture.width ||
+                if (rtWrapper.texture.width !== depthStencilTexture.width ||
                     rtWrapper.texture.height !== depthStencilTexture.height ||
-                    rtWrapper.texture.depth !== depthStencilTexture.depth
-                ) {
+                    rtWrapper.texture.depth !== depthStencilTexture.depth) {
                     Logger.Warn("Depth/Stencil attachment for 3D target must have same dimensions as color attachment");
                 }
             }
             const attachment = rtWrapper._depthStencilTextureWithStencil ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
             if (rtWrapper.is2DArray || rtWrapper.is3D) {
                 gl.framebufferTextureLayer(gl.FRAMEBUFFER, attachment, depthStencilTexture._hardwareTexture?.underlyingResource, lodLevel, layer);
-            } else if (rtWrapper.isCube) {
+            }
+            else if (rtWrapper.isCube) {
                 gl.framebufferTexture2D(gl.FRAMEBUFFER, attachment, gl.TEXTURE_CUBE_MAP_POSITIVE_X + faceIndex, depthStencilTexture._hardwareTexture?.underlyingResource, lodLevel);
-            } else {
+            }
+            else {
                 gl.framebufferTexture2D(gl.FRAMEBUFFER, attachment, gl.TEXTURE_2D, depthStencilTexture._hardwareTexture?.underlyingResource, lodLevel);
             }
         }
@@ -872,7 +873,8 @@ export class ThinEngine extends AbstractEngine {
         }
         if (this._cachedViewport && !forceFullscreenViewport) {
             this.setViewport(this._cachedViewport, requiredWidth, requiredHeight);
-        } else {
+        }
+        else {
             if (!requiredWidth) {
                 requiredWidth = rtWrapper.width;
                 if (lodLevel) {
@@ -927,14 +929,16 @@ export class ThinEngine extends AbstractEngine {
         if (!webglRtWrapper.disableAutomaticMSAAResolve) {
             if (texture.isMulti) {
                 this.resolveMultiFramebuffer(texture);
-            } else {
+            }
+            else {
                 this.resolveFramebuffer(texture);
             }
         }
         if (!disableGenerateMipMaps) {
             if (texture.isMulti) {
                 this.generateMipMapsMultiFramebuffer(texture);
-            } else {
+            }
+            else {
                 this.generateMipMapsFramebuffer(texture);
             }
         }
@@ -1020,7 +1024,8 @@ export class ThinEngine extends AbstractEngine {
     restoreDefaultFramebuffer() {
         if (this._currentRenderTarget) {
             this.unBindFramebuffer(this._currentRenderTarget);
-        } else {
+        }
+        else {
             this._bindUnboundFramebuffer(null);
         }
         if (this._cachedViewport) {
@@ -1055,11 +1060,13 @@ export class ThinEngine extends AbstractEngine {
             if (data instanceof Array) {
                 this._gl.bufferData(this._gl.ARRAY_BUFFER, new Float32Array(data), usage);
                 dataBuffer.capacity = data.length * 4;
-            } else {
+            }
+            else {
                 this._gl.bufferData(this._gl.ARRAY_BUFFER, data, usage);
                 dataBuffer.capacity = data.byteLength;
             }
-        } else {
+        }
+        else {
             this._gl.bufferData(this._gl.ARRAY_BUFFER, new Uint8Array(data), usage);
             dataBuffer.capacity = data;
         }
@@ -1110,7 +1117,8 @@ export class ThinEngine extends AbstractEngine {
         if (this._caps.uintIndices) {
             if (indices instanceof Uint32Array) {
                 return indices;
-            } else {
+            }
+            else {
                 // number[] or Int32Array, check if 32 bit is necessary
                 for (let index = 0; index < indices.length; index++) {
                     if (indices[index] >= 65535) {
@@ -1180,7 +1188,8 @@ export class ThinEngine extends AbstractEngine {
             pointer.stride = stride;
             pointer.offset = offset;
             pointer.buffer = buffer;
-        } else {
+        }
+        else {
             if (pointer.buffer !== buffer) {
                 pointer.buffer = buffer;
                 changed = true;
@@ -1210,7 +1219,8 @@ export class ThinEngine extends AbstractEngine {
             this.bindArrayBuffer(buffer);
             if (type === this._gl.UNSIGNED_INT || type === this._gl.INT) {
                 this._gl.vertexAttribIPointer(indx, size, type, stride, offset);
-            } else {
+            }
+            else {
                 this._gl.vertexAttribPointer(indx, size, type, normalized, stride, offset);
             }
         }
@@ -1408,7 +1418,8 @@ export class ThinEngine extends AbstractEngine {
         }
         if (offsetLocations[0].index !== undefined) {
             this.bindInstancesBuffer(instancesBuffer, offsetLocations, true);
-        } else {
+        }
+        else {
             for (let index = 0; index < 4; index++) {
                 const offsetLocation = offsetLocations[index];
                 if (!this._vertexAttribArraysEnabled[offsetLocation]) {
@@ -1538,7 +1549,8 @@ export class ThinEngine extends AbstractEngine {
         const mult = this._uintIndicesCurrentlySet ? 4 : 2;
         if (instancesCount) {
             this._gl.drawElementsInstanced(drawMode, indexCount, indexFormat, indexStart * mult, instancesCount);
-        } else {
+        }
+        else {
             this._gl.drawElements(drawMode, indexCount, indexFormat, indexStart * mult);
         }
     }
@@ -1556,7 +1568,8 @@ export class ThinEngine extends AbstractEngine {
         const drawMode = this._drawMode(fillMode);
         if (instancesCount) {
             this._gl.drawArraysInstanced(drawMode, verticesStart, verticesCount, instancesCount);
-        } else {
+        }
+        else {
             this._gl.drawArrays(drawMode, verticesStart, verticesCount);
         }
     }
@@ -1636,19 +1649,7 @@ export class ThinEngine extends AbstractEngine {
      * @param extraInitializationsAsync additional async code to run before preparing the effect
      * @returns the new Effect
      */
-    createEffect(
-        baseName,
-        attributesNamesOrOptions,
-        uniformsNamesOrEngine,
-        samplers,
-        defines,
-        fallbacks,
-        onCompiled,
-        onError,
-        indexParameters,
-        shaderLanguage = 0 /* ShaderLanguage.GLSL */,
-        extraInitializationsAsync
-    ) {
+    createEffect(baseName, attributesNamesOrOptions, uniformsNamesOrEngine, samplers, defines, fallbacks, onCompiled, onError, indexParameters, shaderLanguage = 0 /* ShaderLanguage.GLSL */, extraInitializationsAsync) {
         const vertex = typeof baseName === "string" ? baseName : baseName.vertexToken || baseName.vertexSource || baseName.vertexElement || baseName.vertex;
         const fragment = typeof baseName === "string" ? baseName : baseName.fragmentToken || baseName.fragmentSource || baseName.fragmentElement || baseName.fragment;
         const globalDefines = this._getGlobalDefines();
@@ -1669,21 +1670,7 @@ export class ThinEngine extends AbstractEngine {
         if (this._gl) {
             getStateObject(this._gl);
         }
-        const effect = new Effect(
-            baseName,
-            attributesNamesOrOptions,
-            isOptions ? this : uniformsNamesOrEngine,
-            samplers,
-            this,
-            defines,
-            fallbacks,
-            onCompiled,
-            onError,
-            indexParameters,
-            name,
-            attributesNamesOrOptions.shaderLanguage ?? shaderLanguage,
-            attributesNamesOrOptions.extraInitializationsAsync ?? extraInitializationsAsync
-        );
+        const effect = new Effect(baseName, attributesNamesOrOptions, isOptions ? this : uniformsNamesOrEngine, samplers, this, defines, fallbacks, onCompiled, onError, indexParameters, name, attributesNamesOrOptions.shaderLanguage ?? shaderLanguage, attributesNamesOrOptions.extraInitializationsAsync ?? extraInitializationsAsync);
         this._compiledEffects[name] = effect;
         return effect;
     }
@@ -1770,19 +1757,7 @@ export class ThinEngine extends AbstractEngine {
      */
     // named async but not actually an async function
     // eslint-disable-next-line no-restricted-syntax
-    _preparePipelineContextAsync(
-        pipelineContext,
-        vertexSourceCode,
-        fragmentSourceCode,
-        createAsRaw,
-        rawVertexSourceCode,
-        rawFragmentSourceCode,
-        rebuildRebind,
-        defines,
-        transformFeedbackVaryings,
-        key,
-        onReady
-    ) {
+    _preparePipelineContextAsync(pipelineContext, vertexSourceCode, fragmentSourceCode, createAsRaw, rawVertexSourceCode, rawFragmentSourceCode, rebuildRebind, defines, transformFeedbackVaryings, key, onReady) {
         const stateObject = getStateObject(this._gl);
         stateObject._contextWasLost = this._contextWasLost;
         stateObject.validateShaderPrograms = this.validateShaderPrograms;
@@ -1790,19 +1765,7 @@ export class ThinEngine extends AbstractEngine {
         stateObject.createRawShaderProgramInjection = this.createRawShaderProgram.bind(this);
         stateObject.createShaderProgramInjection = this.createShaderProgram.bind(this);
         stateObject.loadFileInjection = this._loadFile.bind(this);
-        return _preparePipelineContext(
-            pipelineContext,
-            vertexSourceCode,
-            fragmentSourceCode,
-            createAsRaw,
-            rawVertexSourceCode,
-            rawFragmentSourceCode,
-            rebuildRebind,
-            defines,
-            transformFeedbackVaryings,
-            key,
-            onReady
-        );
+        return _preparePipelineContext(pipelineContext, vertexSourceCode, fragmentSourceCode, createAsRaw, rawVertexSourceCode, rawFragmentSourceCode, rebuildRebind, defines, transformFeedbackVaryings, key, onReady);
     }
     _createShaderProgram(pipelineContext, vertexShader, fragmentShader, context, transformFeedbackVaryings = null) {
         return _createShaderProgram(pipelineContext, vertexShader, fragmentShader, context, transformFeedbackVaryings);
@@ -1848,7 +1811,8 @@ export class ThinEngine extends AbstractEngine {
         for (let index = 0; index < attributesNames.length; index++) {
             try {
                 results.push(this._gl.getAttribLocation(webGLPipelineContext.program, attributesNames[index]));
-            } catch (e) {
+            }
+            catch (e) {
                 results.push(-1);
             }
         }
@@ -2311,7 +2275,8 @@ export class ThinEngine extends AbstractEngine {
                 magFilter = gl.LINEAR;
                 if (generateMipMaps) {
                     minFilter = gl.LINEAR_MIPMAP_NEAREST;
-                } else {
+                }
+                else {
                     minFilter = gl.LINEAR;
                 }
                 break;
@@ -2320,7 +2285,8 @@ export class ThinEngine extends AbstractEngine {
                 hasMipMaps = true;
                 if (generateMipMaps) {
                     minFilter = gl.LINEAR_MIPMAP_LINEAR;
-                } else {
+                }
+                else {
                     minFilter = gl.LINEAR;
                 }
                 break;
@@ -2329,7 +2295,8 @@ export class ThinEngine extends AbstractEngine {
                 magFilter = gl.NEAREST;
                 if (generateMipMaps) {
                     minFilter = gl.NEAREST_MIPMAP_LINEAR;
-                } else {
+                }
+                else {
                     minFilter = gl.NEAREST;
                 }
                 break;
@@ -2337,7 +2304,8 @@ export class ThinEngine extends AbstractEngine {
                 magFilter = gl.NEAREST;
                 if (generateMipMaps) {
                     minFilter = gl.NEAREST_MIPMAP_NEAREST;
-                } else {
+                }
+                else {
                     minFilter = gl.NEAREST;
                 }
                 break;
@@ -2345,7 +2313,8 @@ export class ThinEngine extends AbstractEngine {
                 magFilter = gl.NEAREST;
                 if (generateMipMaps) {
                     minFilter = gl.LINEAR_MIPMAP_NEAREST;
-                } else {
+                }
+                else {
                     minFilter = gl.LINEAR;
                 }
                 break;
@@ -2354,7 +2323,8 @@ export class ThinEngine extends AbstractEngine {
                 magFilter = gl.NEAREST;
                 if (generateMipMaps) {
                     minFilter = gl.LINEAR_MIPMAP_LINEAR;
-                } else {
+                }
+                else {
                     minFilter = gl.LINEAR;
                 }
                 break;
@@ -2370,7 +2340,8 @@ export class ThinEngine extends AbstractEngine {
                 magFilter = gl.LINEAR;
                 if (generateMipMaps) {
                     minFilter = gl.NEAREST_MIPMAP_NEAREST;
-                } else {
+                }
+                else {
                     minFilter = gl.NEAREST;
                 }
                 break;
@@ -2379,7 +2350,8 @@ export class ThinEngine extends AbstractEngine {
                 magFilter = gl.LINEAR;
                 if (generateMipMaps) {
                     minFilter = gl.NEAREST_MIPMAP_LINEAR;
-                } else {
+                }
+                else {
                     minFilter = gl.NEAREST;
                 }
                 break;
@@ -2443,14 +2415,16 @@ export class ThinEngine extends AbstractEngine {
             createMSAATexture = !!options.createMSAATexture;
             comparisonFunction = options.comparisonFunction || 0;
             isCube = !!options.isCube;
-        } else {
+        }
+        else {
             generateMipMaps = !!options;
         }
         useSRGBBuffer && (useSRGBBuffer = this._caps.supportSRGBBuffers && (this.webGLVersion > 1 || this.isWebGPU));
         if (type === 1 && !this._caps.textureFloatLinearFiltering) {
             // if floating point linear (gl.FLOAT) then force to NEAREST_SAMPLINGMODE
             samplingMode = 1;
-        } else if (type === 2 && !this._caps.textureHalfFloatLinearFiltering) {
+        }
+        else if (type === 2 && !this._caps.textureHalfFloatLinearFiltering) {
             // if floating point linear (HALF_FLOAT) then force to NEAREST_SAMPLINGMODE
             samplingMode = 1;
         }
@@ -2478,15 +2452,18 @@ export class ThinEngine extends AbstractEngine {
         if (layers !== 0) {
             texture.is2DArray = true;
             gl.texImage3D(target, 0, sizedFormat, width, height, layers, 0, internalFormat, textureType, null);
-        } else if (depth !== 0) {
+        }
+        else if (depth !== 0) {
             texture.is3D = true;
             gl.texImage3D(target, 0, sizedFormat, width, height, depth, 0, internalFormat, textureType, null);
-        } else if (isCube) {
+        }
+        else if (isCube) {
             texture.isCube = true;
             for (let face = 0; face < 6; face++) {
                 gl.texImage2D(gl.TEXTURE_CUBE_MAP_POSITIVE_X + face, 0, sizedFormat, width, height, 0, internalFormat, textureType, null);
             }
-        } else {
+        }
+        else {
             gl.texImage2D(target, 0, sizedFormat, width, height, 0, internalFormat, textureType, null);
         }
         gl.texParameteri(target, gl.TEXTURE_MAG_FILTER, filters.mag);
@@ -2497,7 +2474,8 @@ export class ThinEngine extends AbstractEngine {
             if (comparisonFunction === 0) {
                 gl.texParameteri(target, gl.TEXTURE_COMPARE_FUNC, 515);
                 gl.texParameteri(target, gl.TEXTURE_COMPARE_MODE, gl.NONE);
-            } else {
+            }
+            else {
                 gl.texParameteri(target, gl.TEXTURE_COMPARE_FUNC, comparisonFunction);
                 gl.texParameteri(target, gl.TEXTURE_COMPARE_MODE, gl.COMPARE_REF_TO_TEXTURE);
             }
@@ -2525,24 +2503,10 @@ export class ThinEngine extends AbstractEngine {
         if (createMSAATexture) {
             let renderBuffer;
             if (IsDepthTexture(texture.format)) {
-                renderBuffer = this._setupFramebufferDepthAttachments(
-                    HasStencilAspect(texture.format),
-                    texture.format !== 19,
-                    texture.width,
-                    texture.height,
-                    samples,
-                    texture.format,
-                    true
-                );
-            } else {
-                renderBuffer = this._createRenderBuffer(
-                    texture.width,
-                    texture.height,
-                    samples,
-                    -1 /* not used */,
-                    this._getRGBABufferInternalSizedFormat(texture.type, texture.format, texture._useSRGBBuffer),
-                    -1 /* attachment */
-                );
+                renderBuffer = this._setupFramebufferDepthAttachments(HasStencilAspect(texture.format), texture.format !== 19, texture.width, texture.height, samples, texture.format, true);
+            }
+            else {
+                renderBuffer = this._createRenderBuffer(texture.width, texture.height, samples, -1 /* not used */, this._getRGBABufferInternalSizedFormat(texture.type, texture.format, texture._useSRGBBuffer), -1 /* attachment */);
             }
             if (!renderBuffer) {
                 throw new Error("Unable to create render buffer");
@@ -2586,75 +2550,43 @@ export class ThinEngine extends AbstractEngine {
      * @param useSRGBBuffer defines if the texture must be loaded in a sRGB GPU buffer (if supported by the GPU).
      * @returns a InternalTexture for assignment back into BABYLON.Texture
      */
-    createTexture(
-        url,
-        noMipmap,
-        invertY,
-        scene,
-        samplingMode = 3,
-        onLoad = null,
-        onError = null,
-        buffer = null,
-        fallback = null,
-        format = null,
-        forcedExtension = null,
-        mimeType,
-        loaderOptions,
-        creationFlags,
-        useSRGBBuffer
-    ) {
-        return this._createTextureBase(
-            url,
-            noMipmap,
-            invertY,
-            scene,
-            samplingMode,
-            onLoad,
-            onError,
-            (...args) => this._prepareWebGLTexture(...args, format),
-            (potWidth, potHeight, img, extension, texture, continuationCallback) => {
-                const gl = this._gl;
-                const isPot = img.width === potWidth && img.height === potHeight;
-                texture._creationFlags = creationFlags ?? 0;
-                const tip = this._getTexImageParametersForCreateTexture(texture.format, texture._useSRGBBuffer);
-                if (isPot) {
-                    gl.texImage2D(gl.TEXTURE_2D, 0, tip.internalFormat, tip.format, tip.type, img);
-                    return false;
-                }
-                const maxTextureSize = this._caps.maxTextureSize;
-                if (img.width > maxTextureSize || img.height > maxTextureSize || !this._supportsHardwareTextureRescaling) {
-                    this._prepareWorkingCanvas();
-                    if (!this._workingCanvas || !this._workingContext) {
-                        return false;
-                    }
-                    this._workingCanvas.width = potWidth;
-                    this._workingCanvas.height = potHeight;
-                    this._workingContext.drawImage(img, 0, 0, img.width, img.height, 0, 0, potWidth, potHeight);
-                    gl.texImage2D(gl.TEXTURE_2D, 0, tip.internalFormat, tip.format, tip.type, this._workingCanvas);
-                    texture.width = potWidth;
-                    texture.height = potHeight;
+    createTexture(url, noMipmap, invertY, scene, samplingMode = 3, onLoad = null, onError = null, buffer = null, fallback = null, format = null, forcedExtension = null, mimeType, loaderOptions, creationFlags, useSRGBBuffer) {
+        return this._createTextureBase(url, noMipmap, invertY, scene, samplingMode, onLoad, onError, (...args) => this._prepareWebGLTexture(...args, format), (potWidth, potHeight, img, extension, texture, continuationCallback) => {
+            const gl = this._gl;
+            const isPot = img.width === potWidth && img.height === potHeight;
+            texture._creationFlags = creationFlags ?? 0;
+            const tip = this._getTexImageParametersForCreateTexture(texture.format, texture._useSRGBBuffer);
+            if (isPot) {
+                gl.texImage2D(gl.TEXTURE_2D, 0, tip.internalFormat, tip.format, tip.type, img);
+                return false;
+            }
+            const maxTextureSize = this._caps.maxTextureSize;
+            if (img.width > maxTextureSize || img.height > maxTextureSize || !this._supportsHardwareTextureRescaling) {
+                this._prepareWorkingCanvas();
+                if (!this._workingCanvas || !this._workingContext) {
                     return false;
-                } else {
-                    // Using shaders when possible to rescale because canvas.drawImage is lossy
-                    const source = new InternalTexture(this, 2 /* InternalTextureSource.Temp */);
-                    this._bindTextureDirectly(gl.TEXTURE_2D, source, true);
-                    gl.texImage2D(gl.TEXTURE_2D, 0, tip.internalFormat, tip.format, tip.type, img);
-                    this._rescaleTexture(source, texture, scene, tip.format, () => {
-                        this._releaseTexture(source);
-                        this._bindTextureDirectly(gl.TEXTURE_2D, texture, true);
-                        continuationCallback();
-                    });
                 }
-                return true;
-            },
-            buffer,
-            fallback,
-            format,
-            forcedExtension,
-            mimeType,
-            loaderOptions,
-            useSRGBBuffer
-        );
+                this._workingCanvas.width = potWidth;
+                this._workingCanvas.height = potHeight;
+                this._workingContext.drawImage(img, 0, 0, img.width, img.height, 0, 0, potWidth, potHeight);
+                gl.texImage2D(gl.TEXTURE_2D, 0, tip.internalFormat, tip.format, tip.type, this._workingCanvas);
+                texture.width = potWidth;
+                texture.height = potHeight;
+                return false;
+            }
+            else {
+                // Using shaders when possible to rescale because canvas.drawImage is lossy
+                const source = new InternalTexture(this, 2 /* InternalTextureSource.Temp */);
+                this._bindTextureDirectly(gl.TEXTURE_2D, source, true);
+                gl.texImage2D(gl.TEXTURE_2D, 0, tip.internalFormat, tip.format, tip.type, img);
+                this._rescaleTexture(source, texture, scene, tip.format, () => {
+                    this._releaseTexture(source);
+                    this._bindTextureDirectly(gl.TEXTURE_2D, texture, true);
+                    continuationCallback();
+                });
+            }
+            return true;
+        }, buffer, fallback, format, forcedExtension, mimeType, loaderOptions, useSRGBBuffer);
     }
     /**
      * Calls to the GL texImage2D and texImage3D functions require three arguments describing the pixel format of the texture.
@@ -2674,7 +2606,8 @@ export class ThinEngine extends AbstractEngine {
             // to getInternalFormat.
             format = this._getInternalFormat(babylonFormat, useSRGBBuffer);
             internalFormat = format;
-        } else {
+        }
+        else {
             // In WebGL 2, format has a wider range of values and internal format can be one of the sized formats, see
             // https://registry.khronos.org/OpenGL-Refpages/es3.0/html/glTexImage2D.xhtml.
             // SRGB is included in the sized format and should not be passed in "format", hence always passing useSRGBBuffer as false.
@@ -2690,7 +2623,7 @@ export class ThinEngine extends AbstractEngine {
     /**
      * @internal
      */
-    _rescaleTexture(source, destination, scene, internalFormat, onComplete) {}
+    _rescaleTexture(source, destination, scene, internalFormat, onComplete) { }
     /**
      * @internal
      */
@@ -2710,9 +2643,11 @@ export class ThinEngine extends AbstractEngine {
     _getTextureTarget(texture) {
         if (texture.isCube) {
             return this._gl.TEXTURE_CUBE_MAP;
-        } else if (texture.is3D) {
+        }
+        else if (texture.is3D) {
             return this._gl.TEXTURE_3D;
-        } else if (texture.is2DArray || texture.isMultiview) {
+        }
+        else if (texture.is2DArray || texture.isMultiview) {
             return this._gl.TEXTURE_2D_ARRAY;
         }
         return this._gl.TEXTURE_2D;
@@ -2742,7 +2677,7 @@ export class ThinEngine extends AbstractEngine {
      * @param height new height of the texture
      * @param depth new depth of the texture
      */
-    updateTextureDimensions(texture, width, height, depth = 1) {}
+    updateTextureDimensions(texture, width, height, depth = 1) { }
     /**
      * Update the sampling mode of a given texture
      * @param texture defines the texture to update
@@ -2782,14 +2717,16 @@ export class ThinEngine extends AbstractEngine {
                     // Note, if using ETC1 and sRGB is requested, this will use ETC2 if available.
                     if (this._caps.etc2) {
                         internalFormat = gl.COMPRESSED_SRGB8_ETC2;
-                    } else {
+                    }
+                    else {
                         texture._useSRGBBuffer = false;
                     }
                     break;
                 case 37496:
                     if (this._caps.etc2) {
                         internalFormat = gl.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC;
-                    } else {
+                    }
+                    else {
                         texture._useSRGBBuffer = false;
                     }
                     break;
@@ -2841,7 +2778,8 @@ export class ThinEngine extends AbstractEngine {
                 case 33776:
                     if (this._caps.s3tc_srgb) {
                         internalFormat = gl.COMPRESSED_SRGB_S3TC_DXT1_EXT;
-                    } else {
+                    }
+                    else {
                         // S3TC sRGB extension not supported
                         texture._useSRGBBuffer = false;
                     }
@@ -2849,7 +2787,8 @@ export class ThinEngine extends AbstractEngine {
                 case 33777:
                     if (this._caps.s3tc_srgb) {
                         internalFormat = gl.COMPRESSED_SRGB_ALPHA_S3TC_DXT1_EXT;
-                    } else {
+                    }
+                    else {
                         // S3TC sRGB extension not supported
                         texture._useSRGBBuffer = false;
                     }
@@ -2857,7 +2796,8 @@ export class ThinEngine extends AbstractEngine {
                 case 33779:
                     if (this._caps.s3tc_srgb) {
                         internalFormat = gl.COMPRESSED_SRGB_ALPHA_S3TC_DXT5_EXT;
-                    } else {
+                    }
+                    else {
                         // S3TC sRGB extension not supported
                         texture._useSRGBBuffer = false;
                     }
@@ -2871,17 +2811,12 @@ export class ThinEngine extends AbstractEngine {
         if (texture.generateMipMaps) {
             const webGLHardwareTexture = texture._hardwareTexture;
             if (!webGLHardwareTexture.memoryAllocated) {
-                gl.texStorage2D(
-                    texture.isCube ? gl.TEXTURE_CUBE_MAP : gl.TEXTURE_2D,
-                    Math.floor(Math.log2(Math.max(width, height))) + 1,
-                    internalFormat,
-                    texture.width,
-                    texture.height
-                );
+                gl.texStorage2D(texture.isCube ? gl.TEXTURE_CUBE_MAP : gl.TEXTURE_2D, Math.floor(Math.log2(Math.max(width, height))) + 1, internalFormat, texture.width, texture.height);
                 webGLHardwareTexture.memoryAllocated = true;
             }
             this._gl.compressedTexSubImage2D(target, lod, 0, 0, width, height, internalFormat, data);
-        } else {
+        }
+        else {
             this._gl.compressedTexImage2D(target, lod, internalFormat, width, height, 0, data);
         }
     }
@@ -2892,10 +2827,9 @@ export class ThinEngine extends AbstractEngine {
         const gl = this._gl;
         const textureType = this._getWebGLTextureType(texture.type);
         const format = this._getInternalFormat(texture.format);
-        const internalFormat =
-            babylonInternalFormat === undefined
-                ? this._getRGBABufferInternalSizedFormat(texture.type, texture.format, texture._useSRGBBuffer)
-                : this._getInternalFormat(babylonInternalFormat, texture._useSRGBBuffer);
+        const internalFormat = babylonInternalFormat === undefined
+            ? this._getRGBABufferInternalSizedFormat(texture.type, texture.format, texture._useSRGBBuffer)
+            : this._getInternalFormat(babylonInternalFormat, texture._useSRGBBuffer);
         this._unpackFlipY(texture.invertY);
         let target = gl.TEXTURE_2D;
         if (texture.isCube) {
@@ -2989,12 +2923,11 @@ export class ThinEngine extends AbstractEngine {
         texture.height = potHeight;
         texture.isReady = true;
         texture.type = texture.type !== -1 ? texture.type : 0;
-        texture.format = texture.format !== -1 ? texture.format : (format ?? (extension === ".jpg" && !texture._useSRGBBuffer ? 4 : 5));
-        if (
-            processFunction(potWidth, potHeight, img, extension, texture, () => {
-                this._prepareWebGLTextureContinuation(texture, scene, noMipmap, isCompressed, samplingMode);
-            })
-        ) {
+        texture.format =
+            texture.format !== -1 ? texture.format : (format ?? (extension === ".jpg" && !texture._useSRGBBuffer ? 4 : 5));
+        if (processFunction(potWidth, potHeight, img, extension, texture, () => {
+            this._prepareWebGLTextureContinuation(texture, scene, noMipmap, isCompressed, samplingMode);
+        })) {
             // Returning as texture needs extra async steps
             return;
         }
@@ -3010,16 +2943,21 @@ export class ThinEngine extends AbstractEngine {
         if (this.webGLVersion > 1) {
             if (textureFormat === 15) {
                 internalFormat = gl.DEPTH_COMPONENT16;
-            } else if (textureFormat === 16) {
+            }
+            else if (textureFormat === 16) {
                 internalFormat = gl.DEPTH_COMPONENT24;
-            } else if (textureFormat === 17 || textureFormat === 13) {
+            }
+            else if (textureFormat === 17 || textureFormat === 13) {
                 internalFormat = hasStencil ? gl.DEPTH24_STENCIL8 : gl.DEPTH_COMPONENT24;
-            } else if (textureFormat === 14) {
+            }
+            else if (textureFormat === 14) {
                 internalFormat = gl.DEPTH_COMPONENT32F;
-            } else if (textureFormat === 18) {
+            }
+            else if (textureFormat === 18) {
                 internalFormat = hasStencil ? gl.DEPTH32F_STENCIL8 : gl.DEPTH_COMPONENT32F;
             }
-        } else {
+        }
+        else {
             internalFormat = gl.DEPTH_COMPONENT16;
         }
         return internalFormat;
@@ -3029,13 +2967,17 @@ export class ThinEngine extends AbstractEngine {
         let type = gl.UNSIGNED_INT;
         if (textureFormat === 15) {
             type = gl.UNSIGNED_SHORT;
-        } else if (textureFormat === 17 || textureFormat === 13) {
+        }
+        else if (textureFormat === 17 || textureFormat === 13) {
             type = gl.UNSIGNED_INT_24_8;
-        } else if (textureFormat === 14) {
+        }
+        else if (textureFormat === 14) {
             type = gl.FLOAT;
-        } else if (textureFormat === 18) {
+        }
+        else if (textureFormat === 18) {
             type = gl.FLOAT_32_UNSIGNED_INT_24_8_REV;
-        } else if (textureFormat === 19) {
+        }
+        else if (textureFormat === 19) {
             type = gl.UNSIGNED_BYTE;
         }
         return type;
@@ -3072,7 +3014,8 @@ export class ThinEngine extends AbstractEngine {
         gl.bindRenderbuffer(gl.RENDERBUFFER, renderBuffer);
         if (samples > 1 && gl.renderbufferStorageMultisample) {
             gl.renderbufferStorageMultisample(gl.RENDERBUFFER, samples, msInternalFormat, width, height);
-        } else {
+        }
+        else {
             gl.renderbufferStorage(gl.RENDERBUFFER, internalFormat, width, height);
         }
         if (attachment !== -1) {
@@ -3157,14 +3100,16 @@ export class ThinEngine extends AbstractEngine {
                 Logger.Error(["_bindTextureDirectly called with a multiview texture!", target, texture]);
                 // eslint-disable-next-line no-throw-literal
                 throw "_bindTextureDirectly called with a multiview texture!";
-            } else {
+            }
+            else {
                 this._gl.bindTexture(target, texture?._hardwareTexture?.underlyingResource ?? null);
             }
             this._boundTexturesCache[this._activeChannel] = texture;
             if (texture) {
                 texture._associatedChannel = this._activeChannel;
             }
-        } else if (forTextureDataUpdate) {
+        }
+        else if (forTextureDataUpdate) {
             wasPreviouslyBound = true;
             this._activateCurrentTexture();
         }
@@ -3258,7 +3203,8 @@ export class ThinEngine extends AbstractEngine {
                 videoInternalTexture._associatedChannel = channel;
             }
             texture.update();
-        } else if (texture.delayLoadState === 4) {
+        }
+        else if (texture.delayLoadState === 4) {
             // Delay loading
             texture.delayLoad();
             return false;
@@ -3266,15 +3212,20 @@ export class ThinEngine extends AbstractEngine {
         let internalTexture;
         if (depthStencilTexture) {
             internalTexture = texture.depthStencilTexture;
-        } else if (texture.isReady()) {
+        }
+        else if (texture.isReady()) {
             internalTexture = texture.getInternalTexture();
-        } else if (texture.isCube) {
+        }
+        else if (texture.isCube) {
             internalTexture = this.emptyCubeTexture;
-        } else if (texture.is3D) {
+        }
+        else if (texture.is3D) {
             internalTexture = this.emptyTexture3D;
-        } else if (texture.is2DArray) {
+        }
+        else if (texture.is2DArray) {
             internalTexture = this.emptyTexture2DArray;
-        } else {
+        }
+        else {
             internalTexture = this.emptyTexture;
         }
         if (!isPartOfTextureArray && internalTexture) {
@@ -3296,7 +3247,9 @@ export class ThinEngine extends AbstractEngine {
             // CUBIC_MODE and SKYBOX_MODE both require CLAMP_TO_EDGE.  All other modes use REPEAT.
             if (internalTexture.isCube && internalTexture._cachedCoordinatesMode !== texture.coordinatesMode) {
                 internalTexture._cachedCoordinatesMode = texture.coordinatesMode;
-                const textureWrapMode = texture.coordinatesMode !== 3 && texture.coordinatesMode !== 5 ? 1 : 0;
+                const textureWrapMode = texture.coordinatesMode !== 3 && texture.coordinatesMode !== 5
+                    ? 1
+                    : 0;
                 texture.wrapU = textureWrapMode;
                 texture.wrapV = textureWrapMode;
             }
@@ -3335,7 +3288,8 @@ export class ThinEngine extends AbstractEngine {
             if (texture) {
                 this._textureUnits[i] = channel + i;
                 texture._associatedChannel = channel + i;
-            } else {
+            }
+            else {
                 this._textureUnits[i] = -1;
             }
         }
@@ -3349,16 +3303,13 @@ export class ThinEngine extends AbstractEngine {
      */
     _setAnisotropicLevel(target, internalTexture, anisotropicFilteringLevel) {
         const anisotropicFilterExtension = this._caps.textureAnisotropicFilterExtension;
-        if (internalTexture.samplingMode !== 11 && internalTexture.samplingMode !== 3 && internalTexture.samplingMode !== 2) {
+        if (internalTexture.samplingMode !== 11 &&
+            internalTexture.samplingMode !== 3 &&
+            internalTexture.samplingMode !== 2) {
             anisotropicFilteringLevel = 1; // Forcing the anisotropic to 1 because else webgl will force filters to linear
         }
         if (anisotropicFilterExtension && internalTexture._cachedAnisotropicFilteringLevel !== anisotropicFilteringLevel) {
-            this._setTextureParameterFloat(
-                target,
-                anisotropicFilterExtension.TEXTURE_MAX_ANISOTROPY_EXT,
-                Math.min(anisotropicFilteringLevel, this._caps.maxAnisotropy),
-                internalTexture
-            );
+            this._setTextureParameterFloat(target, anisotropicFilterExtension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(anisotropicFilteringLevel, this._caps.maxAnisotropy), internalTexture);
             internalTexture._cachedAnisotropicFilteringLevel = anisotropicFilteringLevel;
         }
     }
@@ -3471,7 +3422,7 @@ export class ThinEngine extends AbstractEngine {
         const gl = this._gl;
         //clear existing errors
         // eslint-disable-next-line no-empty
-        while (gl.getError() !== gl.NO_ERROR) {}
+        while (gl.getError() !== gl.NO_ERROR) { }
         let successful = true;
         const texture = gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
@@ -3505,7 +3456,7 @@ export class ThinEngine extends AbstractEngine {
         gl.bindFramebuffer(gl.FRAMEBUFFER, null);
         //clear accumulated errors
         // eslint-disable-next-line no-empty
-        while (!successful && gl.getError() !== gl.NO_ERROR) {}
+        while (!successful && gl.getError() !== gl.NO_ERROR) { }
         return successful;
     }
     /**
@@ -3820,7 +3771,8 @@ export class ThinEngine extends AbstractEngine {
         const dataLength = width * height * numChannels;
         if (!data) {
             data = new Uint8Array(dataLength);
-        } else if (data.length < dataLength) {
+        }
+        else if (data.length < dataLength) {
             Logger.Error(`Data buffer is too small to store the read pixels (${data.length} should be more than ${dataLength})`);
             return Promise.resolve(data);
         }
@@ -3857,7 +3809,8 @@ export class ThinEngine extends AbstractEngine {
                 const tempcanvas = AbstractEngine._CreateCanvas(1, 1);
                 const gl = tempcanvas.getContext("webgl") || tempcanvas.getContext("experimental-webgl");
                 this._IsSupported = gl != null && !!globalThis.WebGLRenderingContext;
-            } catch (e) {
+            }
+            catch (e) {
                 this._IsSupported = false;
             }
         }
@@ -3870,10 +3823,11 @@ export class ThinEngine extends AbstractEngine {
         if (this._HasMajorPerformanceCaveat === null) {
             try {
                 const tempcanvas = AbstractEngine._CreateCanvas(1, 1);
-                const gl =
-                    tempcanvas.getContext("webgl", { failIfMajorPerformanceCaveat: true }) || tempcanvas.getContext("experimental-webgl", { failIfMajorPerformanceCaveat: true });
+                const gl = tempcanvas.getContext("webgl", { failIfMajorPerformanceCaveat: true }) ||
+                    tempcanvas.getContext("experimental-webgl", { failIfMajorPerformanceCaveat: true });
                 this._HasMajorPerformanceCaveat = !gl;
-            } catch (e) {
+            }
+            catch (e) {
                 this._HasMajorPerformanceCaveat = false;
             }
         }
@@ -3915,4 +3869,4 @@ import { _MissingSideEffect } from "../Misc/devTools.js";
 (_g = ThinEngine.prototype).bindUniformBufferBase ?? (_g.bindUniformBufferBase = _MissingSideEffect("ThinEngine", "bindUniformBufferBase"));
 (_h = ThinEngine.prototype).bindUniformBlock ?? (_h.bindUniformBlock = _MissingSideEffect("ThinEngine", "bindUniformBlock"));
 // #endregion GENERATED_SIDE_EFFECT_STUBS
-//# sourceMappingURL=thinEngine.pure.js.map
+//# sourceMappingURL=thinEngine.pure.js.map