@codexo/exojs 0.6.2 → 0.6.4

package/dist/exo.esm.js

@@ -372,6 +372,202 @@ const canvasSourceToDataUrl = (source) => {
     return canvasElement.toDataURL();
 };
 
+/// <reference types="@webgpu/types" />
+// Browser-environment feature detection. Construction is private; the
+// only public entry is `Capabilities.ready`, a lazy-cached `Promise<Capabilities>`
+// that fires the (mostly) async probes on first access and returns the
+// same Promise for every subsequent call. Once it resolves, the returned
+// instance is frozen — every property is read once and never mutates.
+//
+// Synchronous callsites should keep the resolved instance in scope (e.g.,
+// `app.capabilities` after `await app.start(...)`); there is no global
+// sync mirror, by design.
+const hasWindow = typeof window !== 'undefined';
+const hasDocument = typeof document !== 'undefined';
+const hasNavigator = typeof navigator !== 'undefined';
+class Capabilities {
+    static _readyPromise = null;
+    /**
+     * Lazy-cached Promise that resolves to a frozen Capabilities instance.
+     *
+     * The first read kicks off the async probes (currently just the WebGPU
+     * adapter request); every subsequent read returns the same Promise.
+     * Concurrent callers share the in-flight detection — no double work.
+     *
+     * Early-warmup pattern for callers who want to overlap detection with
+     * other startup work:
+     *
+     * ```ts
+     * void Capabilities.ready;          // fire-and-forget; starts probes now
+     * // ... unrelated bootstrap ...
+     * const caps = await Capabilities.ready;  // typically already resolved
+     * ```
+     */
+    static get ready() {
+        if (Capabilities._readyPromise === null) {
+            Capabilities._readyPromise = Capabilities._detect();
+        }
+        return Capabilities._readyPromise;
+    }
+    webgl2;
+    webgpu;
+    webgpuAdapter;
+    webgpuVendor;
+    webgpuArchitecture;
+    pointer;
+    keyboard;
+    gamepad;
+    touch;
+    maxTouchPoints;
+    audio;
+    fullscreen;
+    vibration;
+    offscreenCanvas;
+    webWorkers;
+    devicePixelRatio;
+    constructor(values) {
+        this.webgl2 = values.webgl2;
+        this.webgpu = values.webgpu;
+        this.webgpuAdapter = values.webgpuAdapter;
+        this.webgpuVendor = values.webgpuVendor;
+        this.webgpuArchitecture = values.webgpuArchitecture;
+        this.pointer = values.pointer;
+        this.keyboard = values.keyboard;
+        this.gamepad = values.gamepad;
+        this.touch = values.touch;
+        this.maxTouchPoints = values.maxTouchPoints;
+        this.audio = values.audio;
+        this.fullscreen = values.fullscreen;
+        this.vibration = values.vibration;
+        this.offscreenCanvas = values.offscreenCanvas;
+        this.webWorkers = values.webWorkers;
+        this.devicePixelRatio = values.devicePixelRatio;
+        Object.freeze(this);
+    }
+    static async _detect() {
+        const [webgpuAdapter, webgpuInfo] = await probeWebGpu();
+        return new Capabilities({
+            webgl2: probeWebGl2(),
+            webgpu: probeWebGpuApiSurface(),
+            webgpuAdapter,
+            webgpuVendor: webgpuInfo?.vendor ?? null,
+            webgpuArchitecture: webgpuInfo?.architecture ?? null,
+            pointer: probePointer(),
+            keyboard: probeKeyboard(),
+            gamepad: probeGamepad(),
+            touch: probeTouchSupported(),
+            maxTouchPoints: probeMaxTouchPoints(),
+            audio: probeAudio(),
+            fullscreen: probeFullscreen(),
+            vibration: probeVibration(),
+            offscreenCanvas: probeOffscreenCanvas(),
+            webWorkers: probeWebWorkers(),
+            devicePixelRatio: hasWindow ? window.devicePixelRatio : 1,
+        });
+    }
+}
+// --- probes ---------------------------------------------------------------
+function probeWebGl2() {
+    if (!hasDocument)
+        return false;
+    try {
+        const canvas = document.createElement('canvas');
+        const gl = canvas.getContext('webgl2');
+        return gl !== null;
+    }
+    catch {
+        return false;
+    }
+}
+function probeWebGpuApiSurface() {
+    return hasNavigator && 'gpu' in navigator;
+}
+async function probeWebGpu() {
+    if (!probeWebGpuApiSurface())
+        return [null, null];
+    const gpu = navigator.gpu;
+    if (!gpu || typeof gpu.requestAdapter !== 'function')
+        return [null, null];
+    try {
+        const adapter = await gpu.requestAdapter();
+        if (!adapter)
+            return [null, null];
+        // Modern path: GPUAdapter.info is a sync property (Chrome 116+,
+        // Safari 18+). Older browsers exposed a deprecated async
+        // requestAdapterInfo() instead. Try the modern path first, fall
+        // back if needed.
+        const adapterAny = adapter;
+        if (adapterAny.info) {
+            return [adapter, adapterAny.info];
+        }
+        if (typeof adapterAny.requestAdapterInfo === 'function') {
+            try {
+                return [adapter, await adapterAny.requestAdapterInfo()];
+            }
+            catch {
+                return [adapter, null];
+            }
+        }
+        return [adapter, null];
+    }
+    catch {
+        return [null, null];
+    }
+}
+function probePointer() {
+    return hasWindow && 'PointerEvent' in window;
+}
+function probeKeyboard() {
+    return hasWindow && 'KeyboardEvent' in window;
+}
+function probeGamepad() {
+    return hasNavigator && typeof navigator.getGamepads === 'function';
+}
+function probeTouchSupported() {
+    if (!hasWindow)
+        return false;
+    if ('ontouchstart' in window)
+        return true;
+    if (probeMaxTouchPoints() > 0)
+        return true;
+    return false;
+}
+function probeMaxTouchPoints() {
+    if (!hasNavigator)
+        return 0;
+    const points = navigator.maxTouchPoints;
+    return typeof points === 'number' ? points : 0;
+}
+function probeAudio() {
+    if (!hasWindow)
+        return false;
+    const w = window;
+    return typeof w.AudioContext !== 'undefined' || typeof w.webkitAudioContext !== 'undefined';
+}
+function probeFullscreen() {
+    if (!hasDocument)
+        return false;
+    const el = document.documentElement;
+    return typeof el.requestFullscreen === 'function' || typeof el.webkitRequestFullscreen === 'function';
+}
+function probeVibration() {
+    return hasNavigator && typeof navigator.vibrate === 'function';
+}
+function probeOffscreenCanvas() {
+    // The browser global is verbatim `OffscreenCanvas`; eslint's
+    // strict-camelCase rule rejects the property name even though we
+    // can't rename a web standard.
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    return hasWindow && typeof window.OffscreenCanvas !== 'undefined';
+}
+function probeWebWorkers() {
+    // The browser global is verbatim `Worker`; eslint's strict-camelCase
+    // rule rejects the property name even though we can't rename a web
+    // standard.
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    return hasWindow && typeof window.Worker === 'function';
+}
+
 class Clock {
     _startTime;
     _elapsedTime = new Time(0);
@@ -3870,1162 +4066,1162 @@ class SceneManager {
     }
 }
 
-/*
-** Copyright (c) 2012 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.
-*/
-
-// Various functions for helping debug WebGL apps.
-
-const WebGLDebugUtils = function() {
-
-    /**
-     * Wrapped logging function.
-     * @param {string} msg Message to log.
-     */
-    var log = function(msg) {
-        if (window.console && window.console.log) {
-            window.console.log(msg);
-        }
-    };
-
-    /**
-     * Wrapped error logging function.
-     * @param {string} msg Message to log.
-     */
-    var error = function(msg) {
-        if (window.console && window.console.error) {
-            window.console.error(msg);
-        } else {
-            log(msg);
-        }
-    };
-
-
-    /**
-     * Which arguments are enums based on the number of arguments to the function.
-     * So
-     *    'texImage2D': {
-     *       9: { 0:true, 2:true, 6:true, 7:true },
-     *       6: { 0:true, 2:true, 3:true, 4:true },
-     *    },
-     *
-     * means if there are 9 arguments then 6 and 7 are enums, if there are 6
-     * arguments 3 and 4 are enums
-     *
-     * @type {!Object.<number, !Object.<number, string>}
-     */
-    var glValidEnumContexts = {
-        // Generic setters and getters
-
-        'enable': {1: { 0:true }},
-        'disable': {1: { 0:true }},
-        'getParameter': {1: { 0:true }},
-
-        // Rendering
-
-        'drawArrays': {3:{ 0:true }},
-        'drawElements': {4:{ 0:true, 2:true }},
-
-        // Shaders
-
-        'createShader': {1: { 0:true }},
-        'getShaderParameter': {2: { 1:true }},
-        'getProgramParameter': {2: { 1:true }},
-        'getShaderPrecisionFormat': {2: { 0: true, 1:true }},
-
-        // Vertex attributes
-
-        'getVertexAttrib': {2: { 1:true }},
-        'vertexAttribPointer': {6: { 2:true }},
-
-        // Textures
-
-        'bindTexture': {2: { 0:true }},
-        'activeTexture': {1: { 0:true }},
-        'getTexParameter': {2: { 0:true, 1:true }},
-        'texParameterf': {3: { 0:true, 1:true }},
-        'texParameteri': {3: { 0:true, 1:true, 2:true }},
-        // texImage2D and texSubImage2D are defined below with WebGL 2 entrypoints
-        'copyTexImage2D': {8: { 0:true, 2:true }},
-        'copyTexSubImage2D': {8: { 0:true }},
-        'generateMipmap': {1: { 0:true }},
-        // compressedTexImage2D and compressedTexSubImage2D are defined below with WebGL 2 entrypoints
-
-        // Buffer objects
-
-        'bindBuffer': {2: { 0:true }},
-        // bufferData and bufferSubData are defined below with WebGL 2 entrypoints
-        'getBufferParameter': {2: { 0:true, 1:true }},
-
-        // Renderbuffers and framebuffers
-
-        'pixelStorei': {2: { 0:true, 1:true }},
-        // readPixels is defined below with WebGL 2 entrypoints
-        'bindRenderbuffer': {2: { 0:true }},
-        'bindFramebuffer': {2: { 0:true }},
-        'checkFramebufferStatus': {1: { 0:true }},
-        'framebufferRenderbuffer': {4: { 0:true, 1:true, 2:true }},
-        'framebufferTexture2D': {5: { 0:true, 1:true, 2:true }},
-        'getFramebufferAttachmentParameter': {3: { 0:true, 1:true, 2:true }},
-        'getRenderbufferParameter': {2: { 0:true, 1:true }},
-        'renderbufferStorage': {4: { 0:true, 1:true }},
-
-        // Frame buffer operations (clear, blend, depth test, stencil)
-
-        'clear': {1: { 0: { 'enumBitwiseOr': ['COLOR_BUFFER_BIT', 'DEPTH_BUFFER_BIT', 'STENCIL_BUFFER_BIT'] }}},
-        'depthFunc': {1: { 0:true }},
-        'blendFunc': {2: { 0:true, 1:true }},
-        'blendFuncSeparate': {4: { 0:true, 1:true, 2:true, 3:true }},
-        'blendEquation': {1: { 0:true }},
-        'blendEquationSeparate': {2: { 0:true, 1:true }},
-        'stencilFunc': {3: { 0:true }},
-        'stencilFuncSeparate': {4: { 0:true, 1:true }},
-        'stencilMaskSeparate': {2: { 0:true }},
-        'stencilOp': {3: { 0:true, 1:true, 2:true }},
-        'stencilOpSeparate': {4: { 0:true, 1:true, 2:true, 3:true }},
-
-        // Culling
-
-        'cullFace': {1: { 0:true }},
-        'frontFace': {1: { 0:true }},
-
-        // ANGLE_instanced_arrays extension
-
-        'drawArraysInstancedANGLE': {4: { 0:true }},
-        'drawElementsInstancedANGLE': {5: { 0:true, 2:true }},
-
-        // EXT_blend_minmax extension
-
-        'blendEquationEXT': {1: { 0:true }},
-
-        // WebGL 2 Buffer objects
-
-        'bufferData': {
-            3: { 0:true, 2:true }, // WebGL 1
-            4: { 0:true, 2:true }, // WebGL 2
-            5: { 0:true, 2:true }  // WebGL 2
-        },
-        'bufferSubData': {
-            3: { 0:true }, // WebGL 1
-            4: { 0:true }, // WebGL 2
-            5: { 0:true }  // WebGL 2
-        },
-        'copyBufferSubData': {5: { 0:true, 1:true }},
-        'getBufferSubData': {3: { 0:true }, 4: { 0:true }, 5: { 0:true }},
-
-        // WebGL 2 Framebuffer objects
-
-        'blitFramebuffer': {10: { 8: { 'enumBitwiseOr': ['COLOR_BUFFER_BIT', 'DEPTH_BUFFER_BIT', 'STENCIL_BUFFER_BIT'] }, 9:true }},
-        'framebufferTextureLayer': {5: { 0:true, 1:true }},
-        'invalidateFramebuffer': {2: { 0:true }},
-        'invalidateSubFramebuffer': {6: { 0:true }},
-        'readBuffer': {1: { 0:true }},
-
-        // WebGL 2 Renderbuffer objects
-
-        'getInternalformatParameter': {3: { 0:true, 1:true, 2:true }},
-        'renderbufferStorageMultisample': {5: { 0:true, 2:true }},
-
-        // WebGL 2 Texture objects
-
-        'texStorage2D': {5: { 0:true, 2:true }},
-        'texStorage3D': {6: { 0:true, 2:true }},
-        'texImage2D': {
-            9: { 0:true, 2:true, 6:true, 7:true }, // WebGL 1 & 2
-            6: { 0:true, 2:true, 3:true, 4:true }, // WebGL 1
-            10: { 0:true, 2:true, 6:true, 7:true } // WebGL 2
-        },
-        'texImage3D': {
-            10: { 0:true, 2:true, 7:true, 8:true },
-            11: { 0:true, 2:true, 7:true, 8:true }
-        },
-        'texSubImage2D': {
-            9: { 0:true, 6:true, 7:true }, // WebGL 1 & 2
-            7: { 0:true, 4:true, 5:true }, // WebGL 1
-            10: { 0:true, 6:true, 7:true } // WebGL 2
-        },
-        'texSubImage3D': {
-            11: { 0:true, 8:true, 9:true },
-            12: { 0:true, 8:true, 9:true }
-        },
-        'copyTexSubImage3D': {9: { 0:true }},
-        'compressedTexImage2D': {
-            7: { 0: true, 2:true }, // WebGL 1 & 2
-            8: { 0: true, 2:true }, // WebGL 2
-            9: { 0: true, 2:true }  // WebGL 2
-        },
-        'compressedTexImage3D': {
-            8: { 0: true, 2:true },
-            9: { 0: true, 2:true },
-            10: { 0: true, 2:true }
-        },
-        'compressedTexSubImage2D': {
-            8: { 0: true, 6:true }, // WebGL 1 & 2
-            9: { 0: true, 6:true }, // WebGL 2
-            10: { 0: true, 6:true } // WebGL 2
-        },
-        'compressedTexSubImage3D': {
-            10: { 0: true, 8:true },
-            11: { 0: true, 8:true },
-            12: { 0: true, 8:true }
-        },
-
-        // WebGL 2 Vertex attribs
-
-        'vertexAttribIPointer': {5: { 2:true }},
-
-        // WebGL 2 Writing to the drawing buffer
-
-        'drawArraysInstanced': {4: { 0:true }},
-        'drawElementsInstanced': {5: { 0:true, 2:true }},
-        'drawRangeElements': {6: { 0:true, 4:true }},
-
-        // WebGL 2 Reading back pixels
-
-        'readPixels': {
-            7: { 4:true, 5:true }, // WebGL 1 & 2
-            8: { 4:true, 5:true }  // WebGL 2
-        },
-
-        // WebGL 2 Multiple Render Targets
-
-        'clearBufferfv': {3: { 0:true }, 4: { 0:true }},
-        'clearBufferiv': {3: { 0:true }, 4: { 0:true }},
-        'clearBufferuiv': {3: { 0:true }, 4: { 0:true }},
-        'clearBufferfi': {4: { 0:true }},
-
-        // WebGL 2 Query objects
-
-        'beginQuery': {2: { 0:true }},
-        'endQuery': {1: { 0:true }},
-        'getQuery': {2: { 0:true, 1:true }},
-        'getQueryParameter': {2: { 1:true }},
-
-        // WebGL 2 Sampler objects
-
-        'samplerParameteri': {3: { 1:true, 2:true }},
-        'samplerParameterf': {3: { 1:true }},
-        'getSamplerParameter': {2: { 1:true }},
-
-        // WebGL 2 Sync objects
-
-        'fenceSync': {2: { 0:true, 1: { 'enumBitwiseOr': [] } }},
-        'clientWaitSync': {3: { 1: { 'enumBitwiseOr': ['SYNC_FLUSH_COMMANDS_BIT'] } }},
-        'waitSync': {3: { 1: { 'enumBitwiseOr': [] } }},
-        'getSyncParameter': {2: { 1:true }},
-
-        // WebGL 2 Transform Feedback
-
-        'bindTransformFeedback': {2: { 0:true }},
-        'beginTransformFeedback': {1: { 0:true }},
-        'transformFeedbackVaryings': {3: { 2:true }},
-
-        // WebGL2 Uniform Buffer Objects and Transform Feedback Buffers
-
-        'bindBufferBase': {3: { 0:true }},
-        'bindBufferRange': {5: { 0:true }},
-        'getIndexedParameter': {2: { 0:true }},
-        'getActiveUniforms': {3: { 2:true }},
-        'getActiveUniformBlockParameter': {3: { 2:true }}
-    };
-
-    /**
-     * Map of numbers to names.
-     * @type {Object}
-     */
-    var glEnums = null;
-
-    /**
-     * Map of names to numbers.
-     * @type {Object}
-     */
-    var enumStringToValue = null;
-
-    /**
-     * Initializes this module. Safe to call more than once.
-     * @param {!WebGLRenderingContext} ctx A WebGL context. If
-     *    you have more than one context it doesn't matter which one
-     *    you pass in, it is only used to pull out constants.
-     */
-    function init(ctx) {
-        if (glEnums == null) {
-            glEnums = { };
-            enumStringToValue = { };
-            for (var propertyName in ctx) {
-                if (typeof ctx[propertyName] == 'number') {
-                    glEnums[ctx[propertyName]] = propertyName;
-                    enumStringToValue[propertyName] = ctx[propertyName];
-                }
-            }
-        }
-    }
-
-    /**
-     * Checks the utils have been initialized.
-     */
-    function checkInit() {
-        if (glEnums == null) {
-            throw 'WebGLDebugUtils.init(ctx) not called';
-        }
-    }
-
-    /**
-     * Returns true or false if value matches any WebGL enum
-     * @param {*} value Value to check if it might be an enum.
-     * @return {boolean} True if value matches one of the WebGL defined enums
-     */
-    function mightBeEnum(value) {
-        checkInit();
-        return (glEnums[value] !== undefined);
-    }
-
-    /**
-     * Gets an string version of an WebGL enum.
-     *
-     * Example:
-     *   var str = WebGLDebugUtil.glEnumToString(ctx.getError());
-     *
-     * @param {number} value Value to return an enum for
-     * @return {string} The string version of the enum.
-     */
-    function glEnumToString(value) {
-        checkInit();
-        var name = glEnums[value];
-        return (name !== undefined) ? ("gl." + name) :
-            ("/*UNKNOWN WebGL ENUM*/ 0x" + value.toString(16) + "");
-    }
-
-    /**
-     * Returns the string version of a WebGL argument.
-     * Attempts to convert enum arguments to strings.
-     * @param {string} functionName the name of the WebGL function.
-     * @param {number} numArgs the number of arguments passed to the function.
-     * @param {number} argumentIndx the index of the argument.
-     * @param {*} value The value of the argument.
-     * @return {string} The value as a string.
-     */
-    function glFunctionArgToString(functionName, numArgs, argumentIndex, value) {
-        var funcInfo = glValidEnumContexts[functionName];
-        if (funcInfo !== undefined) {
-            var funcInfo = funcInfo[numArgs];
-            if (funcInfo !== undefined) {
-                if (funcInfo[argumentIndex]) {
-                    if (typeof funcInfo[argumentIndex] === 'object' &&
-                        funcInfo[argumentIndex]['enumBitwiseOr'] !== undefined) {
-                        var enums = funcInfo[argumentIndex]['enumBitwiseOr'];
-                        var orResult = 0;
-                        var orEnums = [];
-                        for (var i = 0; i < enums.length; ++i) {
-                            var enumValue = enumStringToValue[enums[i]];
-                            if ((value & enumValue) !== 0) {
-                                orResult |= enumValue;
-                                orEnums.push(glEnumToString(enumValue));
-                            }
-                        }
-                        if (orResult === value) {
-                            return orEnums.join(' | ');
-                        } else {
-                            return glEnumToString(value);
-                        }
-                    } else {
-                        return glEnumToString(value);
-                    }
-                }
-            }
-        }
-        if (value === null) {
-            return "null";
-        } else if (value === undefined) {
-            return "undefined";
-        } else {
-            return value.toString();
-        }
-    }
-
-    /**
-     * Converts the arguments of a WebGL function to a string.
-     * Attempts to convert enum arguments to strings.
-     *
-     * @param {string} functionName the name of the WebGL function.
-     * @param {Array<*>} args The arguments.
-     * @return {string} The arguments as a string.
-     */
-    function glFunctionArgsToString(functionName, args) {
-        // apparently we can't do args.join(",");
-        var argStr = "";
-        var numArgs = args.length;
-        for (var ii = 0; ii < numArgs; ++ii) {
-            argStr += ((ii == 0) ? '' : ', ') +
-                glFunctionArgToString(functionName, numArgs, ii, args[ii]);
-        }
-        return argStr;
-    }
-
-    function makePropertyWrapper(wrapper, original, propertyName) {
-        //log("wrap prop: " + propertyName);
-        wrapper.__defineGetter__(propertyName, function() {
-            return original[propertyName];
-        });
-        // TODO(gmane): this needs to handle properties that take more than
-        // one value?
-        wrapper.__defineSetter__(propertyName, function(value) {
-            //log("set: " + propertyName);
-            original[propertyName] = value;
-        });
-    }
-
-    /**
-     * Given a WebGL context returns a wrapped context that calls
-     * gl.getError after every command and calls a function if the
-     * result is not gl.NO_ERROR.
-     *
-     * @param {!WebGLRenderingContext} ctx The webgl context to
-     *        wrap.
-     * @param {!function(err, funcName, args): void} opt_onErrorFunc
-     *        The function to call when gl.getError returns an
-     *        error. If not specified the default function calls
-     *        console.log with a message.
-     * @param {!function(funcName, args): void} opt_onFunc The
-     *        function to call when each webgl function is called.
-     *        You can use this to log all calls for example.
-     * @param {!WebGLRenderingContext} opt_err_ctx The webgl context
-     *        to call getError on if different than ctx.
-     */
-    function makeDebugContext(ctx, opt_onErrorFunc, opt_onFunc, opt_err_ctx) {
-        opt_err_ctx = opt_err_ctx || ctx;
-        init(ctx);
-        opt_onErrorFunc = opt_onErrorFunc || function(err, functionName, args) {
-            // apparently we can't do args.join(",");
-            var argStr = "";
-            var numArgs = args.length;
-            for (var ii = 0; ii < numArgs; ++ii) {
-                argStr += ((ii == 0) ? '' : ', ') +
-                    glFunctionArgToString(functionName, numArgs, ii, args[ii]);
-            }
-            error("WebGL error "+ glEnumToString(err) + " in "+ functionName +
-                "(" + argStr + ")");
-        };
-
-        // Holds booleans for each GL error so after we get the error ourselves
-        // we can still return it to the client app.
-        var glErrorShadow = { };
-
-        // Makes a function that calls a WebGL function and then calls getError.
-        function makeErrorWrapper(ctx, functionName) {
-            return function() {
-                if (opt_onFunc) {
-                    opt_onFunc(functionName, arguments);
-                }
-                var result = ctx[functionName].apply(ctx, arguments);
-                var err = opt_err_ctx.getError();
-                if (err != 0) {
-                    glErrorShadow[err] = true;
-                    opt_onErrorFunc(err, functionName, arguments);
-                }
-                return result;
-            };
-        }
-
-        // Make a an object that has a copy of every property of the WebGL context
-        // but wraps all functions.
-        var wrapper = {};
-        for (var propertyName in ctx) {
-            if (typeof ctx[propertyName] == 'function') {
-                if (propertyName != 'getExtension') {
-                    wrapper[propertyName] = makeErrorWrapper(ctx, propertyName);
-                } else {
-                    var wrapped = makeErrorWrapper(ctx, propertyName);
-                    wrapper[propertyName] = function () {
-                        var result = wrapped.apply(ctx, arguments);
-                        if (!result) {
-                            return null;
-                        }
-                        return makeDebugContext(result, opt_onErrorFunc, opt_onFunc, opt_err_ctx);
-                    };
-                }
-            } else {
-                makePropertyWrapper(wrapper, ctx, propertyName);
-            }
-        }
-
-        // Override the getError function with one that returns our saved results.
-        wrapper.getError = function() {
-            for (var err in glErrorShadow) {
-                if (glErrorShadow.hasOwnProperty(err)) {
-                    if (glErrorShadow[err]) {
-                        glErrorShadow[err] = false;
-                        return err;
-                    }
-                }
-            }
-            return ctx.NO_ERROR;
-        };
-
-        return wrapper;
-    }
-
-    function resetToInitialState(ctx) {
-        var isWebGL2RenderingContext = !!ctx.createTransformFeedback;
-
-        if (isWebGL2RenderingContext) {
-            ctx.bindVertexArray(null);
-        }
-
-        var numAttribs = ctx.getParameter(ctx.MAX_VERTEX_ATTRIBS);
-        var tmp = ctx.createBuffer();
-        ctx.bindBuffer(ctx.ARRAY_BUFFER, tmp);
-        for (var ii = 0; ii < numAttribs; ++ii) {
-            ctx.disableVertexAttribArray(ii);
-            ctx.vertexAttribPointer(ii, 4, ctx.FLOAT, false, 0, 0);
-            ctx.vertexAttrib1f(ii, 0);
-            if (isWebGL2RenderingContext) {
-                ctx.vertexAttribDivisor(ii, 0);
-            }
-        }
-        ctx.deleteBuffer(tmp);
-
-        var numTextureUnits = ctx.getParameter(ctx.MAX_TEXTURE_IMAGE_UNITS);
-        for (var ii = 0; ii < numTextureUnits; ++ii) {
-            ctx.activeTexture(ctx.TEXTURE0 + ii);
-            ctx.bindTexture(ctx.TEXTURE_CUBE_MAP, null);
-            ctx.bindTexture(ctx.TEXTURE_2D, null);
-            if (isWebGL2RenderingContext) {
-                ctx.bindTexture(ctx.TEXTURE_2D_ARRAY, null);
-                ctx.bindTexture(ctx.TEXTURE_3D, null);
-                ctx.bindSampler(ii, null);
-            }
-        }
-
-        ctx.activeTexture(ctx.TEXTURE0);
-        ctx.useProgram(null);
-        ctx.bindBuffer(ctx.ARRAY_BUFFER, null);
-        ctx.bindBuffer(ctx.ELEMENT_ARRAY_BUFFER, null);
-        ctx.bindFramebuffer(ctx.FRAMEBUFFER, null);
-        ctx.bindRenderbuffer(ctx.RENDERBUFFER, null);
-        ctx.disable(ctx.BLEND);
-        ctx.disable(ctx.CULL_FACE);
-        ctx.disable(ctx.DEPTH_TEST);
-        ctx.disable(ctx.DITHER);
-        ctx.disable(ctx.SCISSOR_TEST);
-        ctx.blendColor(0, 0, 0, 0);
-        ctx.blendEquation(ctx.FUNC_ADD);
-        ctx.blendFunc(ctx.ONE, ctx.ZERO);
-        ctx.clearColor(0, 0, 0, 0);
-        ctx.clearDepth(1);
-        ctx.clearStencil(-1);
-        ctx.colorMask(true, true, true, true);
-        ctx.cullFace(ctx.BACK);
-        ctx.depthFunc(ctx.LESS);
-        ctx.depthMask(true);
-        ctx.depthRange(0, 1);
-        ctx.frontFace(ctx.CCW);
-        ctx.hint(ctx.GENERATE_MIPMAP_HINT, ctx.DONT_CARE);
-        ctx.lineWidth(1);
-        ctx.pixelStorei(ctx.PACK_ALIGNMENT, 4);
-        ctx.pixelStorei(ctx.UNPACK_ALIGNMENT, 4);
-        ctx.pixelStorei(ctx.UNPACK_FLIP_Y_WEBGL, false);
-        ctx.pixelStorei(ctx.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
-        // TODO: Delete this IF.
-        if (ctx.UNPACK_COLORSPACE_CONVERSION_WEBGL) {
-            ctx.pixelStorei(ctx.UNPACK_COLORSPACE_CONVERSION_WEBGL, ctx.BROWSER_DEFAULT_WEBGL);
-        }
-        ctx.polygonOffset(0, 0);
-        ctx.sampleCoverage(1, false);
-        ctx.scissor(0, 0, ctx.canvas.width, ctx.canvas.height);
-        ctx.stencilFunc(ctx.ALWAYS, 0, 0xFFFFFFFF);
-        ctx.stencilMask(0xFFFFFFFF);
-        ctx.stencilOp(ctx.KEEP, ctx.KEEP, ctx.KEEP);
-        ctx.viewport(0, 0, ctx.canvas.width, ctx.canvas.height);
-        ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT | ctx.STENCIL_BUFFER_BIT);
-
-        if (isWebGL2RenderingContext) {
-            ctx.drawBuffers([ctx.BACK]);
-            ctx.readBuffer(ctx.BACK);
-            ctx.bindBuffer(ctx.COPY_READ_BUFFER, null);
-            ctx.bindBuffer(ctx.COPY_WRITE_BUFFER, null);
-            ctx.bindBuffer(ctx.PIXEL_PACK_BUFFER, null);
-            ctx.bindBuffer(ctx.PIXEL_UNPACK_BUFFER, null);
-            var numTransformFeedbacks = ctx.getParameter(ctx.MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS);
-            for (var ii = 0; ii < numTransformFeedbacks; ++ii) {
-                ctx.bindBufferBase(ctx.TRANSFORM_FEEDBACK_BUFFER, ii, null);
-            }
-            var numUBOs = ctx.getParameter(ctx.MAX_UNIFORM_BUFFER_BINDINGS);
-            for (var ii = 0; ii < numUBOs; ++ii) {
-                ctx.bindBufferBase(ctx.UNIFORM_BUFFER, ii, null);
-            }
-            ctx.disable(ctx.RASTERIZER_DISCARD);
-            ctx.pixelStorei(ctx.UNPACK_IMAGE_HEIGHT, 0);
-            ctx.pixelStorei(ctx.UNPACK_SKIP_IMAGES, 0);
-            ctx.pixelStorei(ctx.UNPACK_ROW_LENGTH, 0);
-            ctx.pixelStorei(ctx.UNPACK_SKIP_ROWS, 0);
-            ctx.pixelStorei(ctx.UNPACK_SKIP_PIXELS, 0);
-            ctx.pixelStorei(ctx.PACK_ROW_LENGTH, 0);
-            ctx.pixelStorei(ctx.PACK_SKIP_ROWS, 0);
-            ctx.pixelStorei(ctx.PACK_SKIP_PIXELS, 0);
-            ctx.hint(ctx.FRAGMENT_SHADER_DERIVATIVE_HINT, ctx.DONT_CARE);
-        }
-
-        // TODO: This should NOT be needed but Firefox fails with 'hint'
-        while(ctx.getError());
-    }
-
-    function makeLostContextSimulatingCanvas(canvas) {
-        var unwrappedContext_;
-        var wrappedContext_;
-        var onLost_ = [];
-        var onRestored_ = [];
-        var wrappedContext_ = {};
-        var contextId_ = 1;
-        var contextLost_ = false;
-        var resourceDb_ = [];
-        var numCallsToLoseContext_ = 0;
-        var numCalls_ = 0;
-        var canRestore_ = false;
-        var restoreTimeout_ = 0;
-        var isWebGL2RenderingContext;
-
-        // Holds booleans for each GL error so can simulate errors.
-        var glErrorShadow_ = { };
-
-        canvas.getContext = function(f) {
-            return function() {
-                var ctx = f.apply(canvas, arguments);
-                // Did we get a context and is it a WebGL context?
-                if ((ctx instanceof WebGLRenderingContext) || (window.WebGL2RenderingContext && (ctx instanceof WebGL2RenderingContext))) {
-                    if (ctx != unwrappedContext_) {
-                        if (unwrappedContext_) {
-                            throw "got different context"
-                        }
-                        isWebGL2RenderingContext = window.WebGL2RenderingContext && (ctx instanceof WebGL2RenderingContext);
-                        unwrappedContext_ = ctx;
-                        wrappedContext_ = makeLostContextSimulatingContext(unwrappedContext_);
-                    }
-                    return wrappedContext_;
-                }
-                return ctx;
-            }
-        }(canvas.getContext);
-
-        function wrapEvent(listener) {
-            if (typeof(listener) == "function") {
-                return listener;
-            } else {
-                return function(info) {
-                    listener.handleEvent(info);
-                }
-            }
-        }
-
-        var addOnContextLostListener = function(listener) {
-            onLost_.push(wrapEvent(listener));
-        };
-
-        var addOnContextRestoredListener = function(listener) {
-            onRestored_.push(wrapEvent(listener));
-        };
-
-
-        function wrapAddEventListener(canvas) {
-            var f = canvas.addEventListener;
-            canvas.addEventListener = function(type, listener, bubble) {
-                switch (type) {
-                    case 'webglcontextlost':
-                        addOnContextLostListener(listener);
-                        break;
-                    case 'webglcontextrestored':
-                        addOnContextRestoredListener(listener);
-                        break;
-                    default:
-                        f.apply(canvas, arguments);
-                }
-            };
-        }
-
-        wrapAddEventListener(canvas);
-
-        canvas.loseContext = function() {
-            if (!contextLost_) {
-                contextLost_ = true;
-                numCallsToLoseContext_ = 0;
-                ++contextId_;
-                while (unwrappedContext_.getError());
-                clearErrors();
-                glErrorShadow_[unwrappedContext_.CONTEXT_LOST_WEBGL] = true;
-                var event = makeWebGLContextEvent("context lost");
-                var callbacks = onLost_.slice();
-                setTimeout(function() {
-                    //log("numCallbacks:" + callbacks.length);
-                    for (var ii = 0; ii < callbacks.length; ++ii) {
-                        //log("calling callback:" + ii);
-                        callbacks[ii](event);
-                    }
-                    if (restoreTimeout_ >= 0) {
-                        setTimeout(function() {
-                            canvas.restoreContext();
-                        }, restoreTimeout_);
-                    }
-                }, 0);
-            }
-        };
-
-        canvas.restoreContext = function() {
-            if (contextLost_) {
-                if (onRestored_.length) {
-                    setTimeout(function() {
-                        if (!canRestore_) {
-                            throw "can not restore. webglcontestlost listener did not call event.preventDefault";
-                        }
-                        freeResources();
-                        resetToInitialState(unwrappedContext_);
-                        contextLost_ = false;
-                        numCalls_ = 0;
-                        canRestore_ = false;
-                        var callbacks = onRestored_.slice();
-                        var event = makeWebGLContextEvent("context restored");
-                        for (var ii = 0; ii < callbacks.length; ++ii) {
-                            callbacks[ii](event);
-                        }
-                    }, 0);
-                }
-            }
-        };
-
-        canvas.loseContextInNCalls = function(numCalls) {
-            if (contextLost_) {
-                throw "You can not ask a lost contet to be lost";
-            }
-            numCallsToLoseContext_ = numCalls_ + numCalls;
-        };
-
-        canvas.getNumCalls = function() {
-            return numCalls_;
-        };
-
-        canvas.setRestoreTimeout = function(timeout) {
-            restoreTimeout_ = timeout;
-        };
-
-        function clearErrors() {
-            var k = Object.keys(glErrorShadow_);
-            for (var ii = 0; ii < k.length; ++ii) {
-                delete glErrorShadow_[k[ii]];
-            }
-        }
-
-        function loseContextIfTime() {
-            ++numCalls_;
-            if (!contextLost_) {
-                if (numCallsToLoseContext_ == numCalls_) {
-                    canvas.loseContext();
-                }
-            }
-        }
-
-        // Makes a function that simulates WebGL when out of context.
-        function makeLostContextFunctionWrapper(ctx, functionName) {
-            var f = ctx[functionName];
-            return function() {
-                // log("calling:" + functionName);
-                // Only call the functions if the context is not lost.
-                loseContextIfTime();
-                if (!contextLost_) {
-                    //if (!checkResources(arguments)) {
-                    //  glErrorShadow_[wrappedContext_.INVALID_OPERATION] = true;
-                    //  return;
-                    //}
-                    var result = f.apply(ctx, arguments);
-                    return result;
-                }
-            };
-        }
-
-        function freeResources() {
-            for (var ii = 0; ii < resourceDb_.length; ++ii) {
-                var resource = resourceDb_[ii];
-                if (resource instanceof WebGLBuffer) {
-                    unwrappedContext_.deleteBuffer(resource);
-                } else if (resource instanceof WebGLFramebuffer) {
-                    unwrappedContext_.deleteFramebuffer(resource);
-                } else if (resource instanceof WebGLProgram) {
-                    unwrappedContext_.deleteProgram(resource);
-                } else if (resource instanceof WebGLRenderbuffer) {
-                    unwrappedContext_.deleteRenderbuffer(resource);
-                } else if (resource instanceof WebGLShader) {
-                    unwrappedContext_.deleteShader(resource);
-                } else if (resource instanceof WebGLTexture) {
-                    unwrappedContext_.deleteTexture(resource);
-                }
-                else if (isWebGL2RenderingContext) {
-                    if (resource instanceof WebGLQuery) {
-                        unwrappedContext_.deleteQuery(resource);
-                    } else if (resource instanceof WebGLSampler) {
-                        unwrappedContext_.deleteSampler(resource);
-                    } else if (resource instanceof WebGLSync) {
-                        unwrappedContext_.deleteSync(resource);
-                    } else if (resource instanceof WebGLTransformFeedback) {
-                        unwrappedContext_.deleteTransformFeedback(resource);
-                    } else if (resource instanceof WebGLVertexArrayObject) {
-                        unwrappedContext_.deleteVertexArray(resource);
-                    }
-                }
-            }
-        }
-
-        function makeWebGLContextEvent(statusMessage) {
-            return {
-                statusMessage: statusMessage,
-                preventDefault: function() {
-                    canRestore_ = true;
-                }
-            };
-        }
-
-        return canvas;
-
-        function makeLostContextSimulatingContext(ctx) {
-            // copy all functions and properties to wrapper
-            for (var propertyName in ctx) {
-                if (typeof ctx[propertyName] == 'function') {
-                    wrappedContext_[propertyName] = makeLostContextFunctionWrapper(
-                        ctx, propertyName);
-                } else {
-                    makePropertyWrapper(wrappedContext_, ctx, propertyName);
-                }
-            }
-
-            // Wrap a few functions specially.
-            wrappedContext_.getError = function() {
-                loseContextIfTime();
-                if (!contextLost_) {
-                    var err;
-                    while (err = unwrappedContext_.getError()) {
-                        glErrorShadow_[err] = true;
-                    }
-                }
-                for (var err in glErrorShadow_) {
-                    if (glErrorShadow_[err]) {
-                        delete glErrorShadow_[err];
-                        return err;
-                    }
-                }
-                return wrappedContext_.NO_ERROR;
-            };
-
-            var creationFunctions = [
-                "createBuffer",
-                "createFramebuffer",
-                "createProgram",
-                "createRenderbuffer",
-                "createShader",
-                "createTexture"
-            ];
-            if (isWebGL2RenderingContext) {
-                creationFunctions.push(
-                    "createQuery",
-                    "createSampler",
-                    "fenceSync",
-                    "createTransformFeedback",
-                    "createVertexArray"
-                );
-            }
-            for (var ii = 0; ii < creationFunctions.length; ++ii) {
-                var functionName = creationFunctions[ii];
-                wrappedContext_[functionName] = function(f) {
-                    return function() {
-                        loseContextIfTime();
-                        if (contextLost_) {
-                            return null;
-                        }
-                        var obj = f.apply(ctx, arguments);
-                        obj.__webglDebugContextLostId__ = contextId_;
-                        resourceDb_.push(obj);
-                        return obj;
-                    };
-                }(ctx[functionName]);
-            }
-
-            var functionsThatShouldReturnNull = [
-                "getActiveAttrib",
-                "getActiveUniform",
-                "getBufferParameter",
-                "getContextAttributes",
-                "getAttachedShaders",
-                "getFramebufferAttachmentParameter",
-                "getParameter",
-                "getProgramParameter",
-                "getProgramInfoLog",
-                "getRenderbufferParameter",
-                "getShaderParameter",
-                "getShaderInfoLog",
-                "getShaderSource",
-                "getTexParameter",
-                "getUniform",
-                "getUniformLocation",
-                "getVertexAttrib"
-            ];
-            if (isWebGL2RenderingContext) {
-                functionsThatShouldReturnNull.push(
-                    "getInternalformatParameter",
-                    "getQuery",
-                    "getQueryParameter",
-                    "getSamplerParameter",
-                    "getSyncParameter",
-                    "getTransformFeedbackVarying",
-                    "getIndexedParameter",
-                    "getUniformIndices",
-                    "getActiveUniforms",
-                    "getActiveUniformBlockParameter",
-                    "getActiveUniformBlockName"
-                );
-            }
-            for (var ii = 0; ii < functionsThatShouldReturnNull.length; ++ii) {
-                var functionName = functionsThatShouldReturnNull[ii];
-                wrappedContext_[functionName] = function(f) {
-                    return function() {
-                        loseContextIfTime();
-                        if (contextLost_) {
-                            return null;
-                        }
-                        return f.apply(ctx, arguments);
-                    }
-                }(wrappedContext_[functionName]);
-            }
-
-            var isFunctions = [
-                "isBuffer",
-                "isEnabled",
-                "isFramebuffer",
-                "isProgram",
-                "isRenderbuffer",
-                "isShader",
-                "isTexture"
-            ];
-            if (isWebGL2RenderingContext) {
-                isFunctions.push(
-                    "isQuery",
-                    "isSampler",
-                    "isSync",
-                    "isTransformFeedback",
-                    "isVertexArray"
-                );
-            }
-            for (var ii = 0; ii < isFunctions.length; ++ii) {
-                var functionName = isFunctions[ii];
-                wrappedContext_[functionName] = function(f) {
-                    return function() {
-                        loseContextIfTime();
-                        if (contextLost_) {
-                            return false;
-                        }
-                        return f.apply(ctx, arguments);
-                    }
-                }(wrappedContext_[functionName]);
-            }
-
-            wrappedContext_.checkFramebufferStatus = function(f) {
-                return function() {
-                    loseContextIfTime();
-                    if (contextLost_) {
-                        return wrappedContext_.FRAMEBUFFER_UNSUPPORTED;
-                    }
-                    return f.apply(ctx, arguments);
-                };
-            }(wrappedContext_.checkFramebufferStatus);
-
-            wrappedContext_.getAttribLocation = function(f) {
-                return function() {
-                    loseContextIfTime();
-                    if (contextLost_) {
-                        return -1;
-                    }
-                    return f.apply(ctx, arguments);
-                };
-            }(wrappedContext_.getAttribLocation);
-
-            wrappedContext_.getVertexAttribOffset = function(f) {
-                return function() {
-                    loseContextIfTime();
-                    if (contextLost_) {
-                        return 0;
-                    }
-                    return f.apply(ctx, arguments);
-                };
-            }(wrappedContext_.getVertexAttribOffset);
-
-            wrappedContext_.isContextLost = function() {
-                return contextLost_;
-            };
-
-            if (isWebGL2RenderingContext) {
-                wrappedContext_.getFragDataLocation = function(f) {
-                    return function() {
-                        loseContextIfTime();
-                        if (contextLost_) {
-                            return -1;
-                        }
-                        return f.apply(ctx, arguments);
-                    };
-                }(wrappedContext_.getFragDataLocation);
-
-                wrappedContext_.clientWaitSync = function(f) {
-                    return function() {
-                        loseContextIfTime();
-                        if (contextLost_) {
-                            return wrappedContext_.WAIT_FAILED;
-                        }
-                        return f.apply(ctx, arguments);
-                    };
-                }(wrappedContext_.clientWaitSync);
-
-                wrappedContext_.getUniformBlockIndex = function(f) {
-                    return function() {
-                        loseContextIfTime();
-                        if (contextLost_) {
-                            return wrappedContext_.INVALID_INDEX;
-                        }
-                        return f.apply(ctx, arguments);
-                    };
-                }(wrappedContext_.getUniformBlockIndex);
-            }
-
-            return wrappedContext_;
-        }
-    }
-
-    return {
-        /**
-         * Initializes this module. Safe to call more than once.
-         * @param {!WebGLRenderingContext} ctx A WebGL context. If
-         *    you have more than one context it doesn't matter which one
-         *    you pass in, it is only used to pull out constants.
-         */
-        'init': init,
-
-        /**
-         * Returns true or false if value matches any WebGL enum
-         * @param {*} value Value to check if it might be an enum.
-         * @return {boolean} True if value matches one of the WebGL defined enums
-         */
-        'mightBeEnum': mightBeEnum,
-
-        /**
-         * Gets an string version of an WebGL enum.
-         *
-         * Example:
-         *   WebGLDebugUtil.init(ctx);
-         *   var str = WebGLDebugUtil.glEnumToString(ctx.getError());
-         *
-         * @param {number} value Value to return an enum for
-         * @return {string} The string version of the enum.
-         */
-        'glEnumToString': glEnumToString,
-
-        /**
-         * Converts the argument of a WebGL function to a string.
-         * Attempts to convert enum arguments to strings.
-         *
-         * Example:
-         *   WebGLDebugUtil.init(ctx);
-         *   var str = WebGLDebugUtil.glFunctionArgToString('bindTexture', 2, 0, gl.TEXTURE_2D);
-         *
-         * would return 'TEXTURE_2D'
-         *
-         * @param {string} functionName the name of the WebGL function.
-         * @param {number} numArgs The number of arguments
-         * @param {number} argumentIndx the index of the argument.
-         * @param {*} value The value of the argument.
-         * @return {string} The value as a string.
-         */
-        'glFunctionArgToString': glFunctionArgToString,
-
-        /**
-         * Converts the arguments of a WebGL function to a string.
-         * Attempts to convert enum arguments to strings.
-         *
-         * @param {string} functionName the name of the WebGL function.
-         * @param {number} args The arguments.
-         * @return {string} The arguments as a string.
-         */
-        'glFunctionArgsToString': glFunctionArgsToString,
-
-        /**
-         * Given a WebGL context returns a wrapped context that calls
-         * gl.getError after every command and calls a function if the
-         * result is not NO_ERROR.
-         *
-         * You can supply your own function if you want. For example, if you'd like
-         * an exception thrown on any GL error you could do this
-         *
-         *    function throwOnGLError(err, funcName, args) {
-         *      throw WebGLDebugUtils.glEnumToString(err) +
-         *            " was caused by call to " + funcName;
-         *    };
-         *
-         *    ctx = WebGLDebugUtils.makeDebugContext(
-         *        canvas.getContext("webgl"), throwOnGLError);
-         *
-         * @param {!WebGLRenderingContext} ctx The webgl context to wrap.
-         * @param {!function(err, funcName, args): void} opt_onErrorFunc The function
-         *     to call when gl.getError returns an error. If not specified the default
-         *     function calls console.log with a message.
-         * @param {!function(funcName, args): void} opt_onFunc The
-         *     function to call when each webgl function is called. You
-         *     can use this to log all calls for example.
-         */
-        'makeDebugContext': makeDebugContext,
-
-        /**
-         * Given a canvas element returns a wrapped canvas element that will
-         * simulate lost context. The canvas returned adds the following functions.
-         *
-         * loseContext:
-         *   simulates a lost context event.
-         *
-         * restoreContext:
-         *   simulates the context being restored.
-         *
-         * lostContextInNCalls:
-         *   loses the context after N gl calls.
-         *
-         * getNumCalls:
-         *   tells you how many gl calls there have been so far.
-         *
-         * setRestoreTimeout:
-         *   sets the number of milliseconds until the context is restored
-         *   after it has been lost. Defaults to 0. Pass -1 to prevent
-         *   automatic restoring.
-         *
-         * @param {!Canvas} canvas The canvas element to wrap.
-         */
-        'makeLostContextSimulatingCanvas': makeLostContextSimulatingCanvas,
-
-        /**
-         * Resets a context to the initial state.
-         * @param {!WebGLRenderingContext} ctx The webgl context to
-         *     reset.
-         */
-        'resetToInitialState': resetToInitialState
-    };
-
+/*
+** Copyright (c) 2012 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.
+*/
+
+// Various functions for helping debug WebGL apps.
+
+const WebGLDebugUtils = function() {
+
+    /**
+     * Wrapped logging function.
+     * @param {string} msg Message to log.
+     */
+    var log = function(msg) {
+        if (window.console && window.console.log) {
+            window.console.log(msg);
+        }
+    };
+
+    /**
+     * Wrapped error logging function.
+     * @param {string} msg Message to log.
+     */
+    var error = function(msg) {
+        if (window.console && window.console.error) {
+            window.console.error(msg);
+        } else {
+            log(msg);
+        }
+    };
+
+
+    /**
+     * Which arguments are enums based on the number of arguments to the function.
+     * So
+     *    'texImage2D': {
+     *       9: { 0:true, 2:true, 6:true, 7:true },
+     *       6: { 0:true, 2:true, 3:true, 4:true },
+     *    },
+     *
+     * means if there are 9 arguments then 6 and 7 are enums, if there are 6
+     * arguments 3 and 4 are enums
+     *
+     * @type {!Object.<number, !Object.<number, string>}
+     */
+    var glValidEnumContexts = {
+        // Generic setters and getters
+
+        'enable': {1: { 0:true }},
+        'disable': {1: { 0:true }},
+        'getParameter': {1: { 0:true }},
+
+        // Rendering
+
+        'drawArrays': {3:{ 0:true }},
+        'drawElements': {4:{ 0:true, 2:true }},
+
+        // Shaders
+
+        'createShader': {1: { 0:true }},
+        'getShaderParameter': {2: { 1:true }},
+        'getProgramParameter': {2: { 1:true }},
+        'getShaderPrecisionFormat': {2: { 0: true, 1:true }},
+
+        // Vertex attributes
+
+        'getVertexAttrib': {2: { 1:true }},
+        'vertexAttribPointer': {6: { 2:true }},
+
+        // Textures
+
+        'bindTexture': {2: { 0:true }},
+        'activeTexture': {1: { 0:true }},
+        'getTexParameter': {2: { 0:true, 1:true }},
+        'texParameterf': {3: { 0:true, 1:true }},
+        'texParameteri': {3: { 0:true, 1:true, 2:true }},
+        // texImage2D and texSubImage2D are defined below with WebGL 2 entrypoints
+        'copyTexImage2D': {8: { 0:true, 2:true }},
+        'copyTexSubImage2D': {8: { 0:true }},
+        'generateMipmap': {1: { 0:true }},
+        // compressedTexImage2D and compressedTexSubImage2D are defined below with WebGL 2 entrypoints
+
+        // Buffer objects
+
+        'bindBuffer': {2: { 0:true }},
+        // bufferData and bufferSubData are defined below with WebGL 2 entrypoints
+        'getBufferParameter': {2: { 0:true, 1:true }},
+
+        // Renderbuffers and framebuffers
+
+        'pixelStorei': {2: { 0:true, 1:true }},
+        // readPixels is defined below with WebGL 2 entrypoints
+        'bindRenderbuffer': {2: { 0:true }},
+        'bindFramebuffer': {2: { 0:true }},
+        'checkFramebufferStatus': {1: { 0:true }},
+        'framebufferRenderbuffer': {4: { 0:true, 1:true, 2:true }},
+        'framebufferTexture2D': {5: { 0:true, 1:true, 2:true }},
+        'getFramebufferAttachmentParameter': {3: { 0:true, 1:true, 2:true }},
+        'getRenderbufferParameter': {2: { 0:true, 1:true }},
+        'renderbufferStorage': {4: { 0:true, 1:true }},
+
+        // Frame buffer operations (clear, blend, depth test, stencil)
+
+        'clear': {1: { 0: { 'enumBitwiseOr': ['COLOR_BUFFER_BIT', 'DEPTH_BUFFER_BIT', 'STENCIL_BUFFER_BIT'] }}},
+        'depthFunc': {1: { 0:true }},
+        'blendFunc': {2: { 0:true, 1:true }},
+        'blendFuncSeparate': {4: { 0:true, 1:true, 2:true, 3:true }},
+        'blendEquation': {1: { 0:true }},
+        'blendEquationSeparate': {2: { 0:true, 1:true }},
+        'stencilFunc': {3: { 0:true }},
+        'stencilFuncSeparate': {4: { 0:true, 1:true }},
+        'stencilMaskSeparate': {2: { 0:true }},
+        'stencilOp': {3: { 0:true, 1:true, 2:true }},
+        'stencilOpSeparate': {4: { 0:true, 1:true, 2:true, 3:true }},
+
+        // Culling
+
+        'cullFace': {1: { 0:true }},
+        'frontFace': {1: { 0:true }},
+
+        // ANGLE_instanced_arrays extension
+
+        'drawArraysInstancedANGLE': {4: { 0:true }},
+        'drawElementsInstancedANGLE': {5: { 0:true, 2:true }},
+
+        // EXT_blend_minmax extension
+
+        'blendEquationEXT': {1: { 0:true }},
+
+        // WebGL 2 Buffer objects
+
+        'bufferData': {
+            3: { 0:true, 2:true }, // WebGL 1
+            4: { 0:true, 2:true }, // WebGL 2
+            5: { 0:true, 2:true }  // WebGL 2
+        },
+        'bufferSubData': {
+            3: { 0:true }, // WebGL 1
+            4: { 0:true }, // WebGL 2
+            5: { 0:true }  // WebGL 2
+        },
+        'copyBufferSubData': {5: { 0:true, 1:true }},
+        'getBufferSubData': {3: { 0:true }, 4: { 0:true }, 5: { 0:true }},
+
+        // WebGL 2 Framebuffer objects
+
+        'blitFramebuffer': {10: { 8: { 'enumBitwiseOr': ['COLOR_BUFFER_BIT', 'DEPTH_BUFFER_BIT', 'STENCIL_BUFFER_BIT'] }, 9:true }},
+        'framebufferTextureLayer': {5: { 0:true, 1:true }},
+        'invalidateFramebuffer': {2: { 0:true }},
+        'invalidateSubFramebuffer': {6: { 0:true }},
+        'readBuffer': {1: { 0:true }},
+
+        // WebGL 2 Renderbuffer objects
+
+        'getInternalformatParameter': {3: { 0:true, 1:true, 2:true }},
+        'renderbufferStorageMultisample': {5: { 0:true, 2:true }},
+
+        // WebGL 2 Texture objects
+
+        'texStorage2D': {5: { 0:true, 2:true }},
+        'texStorage3D': {6: { 0:true, 2:true }},
+        'texImage2D': {
+            9: { 0:true, 2:true, 6:true, 7:true }, // WebGL 1 & 2
+            6: { 0:true, 2:true, 3:true, 4:true }, // WebGL 1
+            10: { 0:true, 2:true, 6:true, 7:true } // WebGL 2
+        },
+        'texImage3D': {
+            10: { 0:true, 2:true, 7:true, 8:true },
+            11: { 0:true, 2:true, 7:true, 8:true }
+        },
+        'texSubImage2D': {
+            9: { 0:true, 6:true, 7:true }, // WebGL 1 & 2
+            7: { 0:true, 4:true, 5:true }, // WebGL 1
+            10: { 0:true, 6:true, 7:true } // WebGL 2
+        },
+        'texSubImage3D': {
+            11: { 0:true, 8:true, 9:true },
+            12: { 0:true, 8:true, 9:true }
+        },
+        'copyTexSubImage3D': {9: { 0:true }},
+        'compressedTexImage2D': {
+            7: { 0: true, 2:true }, // WebGL 1 & 2
+            8: { 0: true, 2:true }, // WebGL 2
+            9: { 0: true, 2:true }  // WebGL 2
+        },
+        'compressedTexImage3D': {
+            8: { 0: true, 2:true },
+            9: { 0: true, 2:true },
+            10: { 0: true, 2:true }
+        },
+        'compressedTexSubImage2D': {
+            8: { 0: true, 6:true }, // WebGL 1 & 2
+            9: { 0: true, 6:true }, // WebGL 2
+            10: { 0: true, 6:true } // WebGL 2
+        },
+        'compressedTexSubImage3D': {
+            10: { 0: true, 8:true },
+            11: { 0: true, 8:true },
+            12: { 0: true, 8:true }
+        },
+
+        // WebGL 2 Vertex attribs
+
+        'vertexAttribIPointer': {5: { 2:true }},
+
+        // WebGL 2 Writing to the drawing buffer
+
+        'drawArraysInstanced': {4: { 0:true }},
+        'drawElementsInstanced': {5: { 0:true, 2:true }},
+        'drawRangeElements': {6: { 0:true, 4:true }},
+
+        // WebGL 2 Reading back pixels
+
+        'readPixels': {
+            7: { 4:true, 5:true }, // WebGL 1 & 2
+            8: { 4:true, 5:true }  // WebGL 2
+        },
+
+        // WebGL 2 Multiple Render Targets
+
+        'clearBufferfv': {3: { 0:true }, 4: { 0:true }},
+        'clearBufferiv': {3: { 0:true }, 4: { 0:true }},
+        'clearBufferuiv': {3: { 0:true }, 4: { 0:true }},
+        'clearBufferfi': {4: { 0:true }},
+
+        // WebGL 2 Query objects
+
+        'beginQuery': {2: { 0:true }},
+        'endQuery': {1: { 0:true }},
+        'getQuery': {2: { 0:true, 1:true }},
+        'getQueryParameter': {2: { 1:true }},
+
+        // WebGL 2 Sampler objects
+
+        'samplerParameteri': {3: { 1:true, 2:true }},
+        'samplerParameterf': {3: { 1:true }},
+        'getSamplerParameter': {2: { 1:true }},
+
+        // WebGL 2 Sync objects
+
+        'fenceSync': {2: { 0:true, 1: { 'enumBitwiseOr': [] } }},
+        'clientWaitSync': {3: { 1: { 'enumBitwiseOr': ['SYNC_FLUSH_COMMANDS_BIT'] } }},
+        'waitSync': {3: { 1: { 'enumBitwiseOr': [] } }},
+        'getSyncParameter': {2: { 1:true }},
+
+        // WebGL 2 Transform Feedback
+
+        'bindTransformFeedback': {2: { 0:true }},
+        'beginTransformFeedback': {1: { 0:true }},
+        'transformFeedbackVaryings': {3: { 2:true }},
+
+        // WebGL2 Uniform Buffer Objects and Transform Feedback Buffers
+
+        'bindBufferBase': {3: { 0:true }},
+        'bindBufferRange': {5: { 0:true }},
+        'getIndexedParameter': {2: { 0:true }},
+        'getActiveUniforms': {3: { 2:true }},
+        'getActiveUniformBlockParameter': {3: { 2:true }}
+    };
+
+    /**
+     * Map of numbers to names.
+     * @type {Object}
+     */
+    var glEnums = null;
+
+    /**
+     * Map of names to numbers.
+     * @type {Object}
+     */
+    var enumStringToValue = null;
+
+    /**
+     * Initializes this module. Safe to call more than once.
+     * @param {!WebGLRenderingContext} ctx A WebGL context. If
+     *    you have more than one context it doesn't matter which one
+     *    you pass in, it is only used to pull out constants.
+     */
+    function init(ctx) {
+        if (glEnums == null) {
+            glEnums = { };
+            enumStringToValue = { };
+            for (var propertyName in ctx) {
+                if (typeof ctx[propertyName] == 'number') {
+                    glEnums[ctx[propertyName]] = propertyName;
+                    enumStringToValue[propertyName] = ctx[propertyName];
+                }
+            }
+        }
+    }
+
+    /**
+     * Checks the utils have been initialized.
+     */
+    function checkInit() {
+        if (glEnums == null) {
+            throw 'WebGLDebugUtils.init(ctx) not called';
+        }
+    }
+
+    /**
+     * Returns true or false if value matches any WebGL enum
+     * @param {*} value Value to check if it might be an enum.
+     * @return {boolean} True if value matches one of the WebGL defined enums
+     */
+    function mightBeEnum(value) {
+        checkInit();
+        return (glEnums[value] !== undefined);
+    }
+
+    /**
+     * Gets an string version of an WebGL enum.
+     *
+     * Example:
+     *   var str = WebGLDebugUtil.glEnumToString(ctx.getError());
+     *
+     * @param {number} value Value to return an enum for
+     * @return {string} The string version of the enum.
+     */
+    function glEnumToString(value) {
+        checkInit();
+        var name = glEnums[value];
+        return (name !== undefined) ? ("gl." + name) :
+            ("/*UNKNOWN WebGL ENUM*/ 0x" + value.toString(16) + "");
+    }
+
+    /**
+     * Returns the string version of a WebGL argument.
+     * Attempts to convert enum arguments to strings.
+     * @param {string} functionName the name of the WebGL function.
+     * @param {number} numArgs the number of arguments passed to the function.
+     * @param {number} argumentIndx the index of the argument.
+     * @param {*} value The value of the argument.
+     * @return {string} The value as a string.
+     */
+    function glFunctionArgToString(functionName, numArgs, argumentIndex, value) {
+        var funcInfo = glValidEnumContexts[functionName];
+        if (funcInfo !== undefined) {
+            var funcInfo = funcInfo[numArgs];
+            if (funcInfo !== undefined) {
+                if (funcInfo[argumentIndex]) {
+                    if (typeof funcInfo[argumentIndex] === 'object' &&
+                        funcInfo[argumentIndex]['enumBitwiseOr'] !== undefined) {
+                        var enums = funcInfo[argumentIndex]['enumBitwiseOr'];
+                        var orResult = 0;
+                        var orEnums = [];
+                        for (var i = 0; i < enums.length; ++i) {
+                            var enumValue = enumStringToValue[enums[i]];
+                            if ((value & enumValue) !== 0) {
+                                orResult |= enumValue;
+                                orEnums.push(glEnumToString(enumValue));
+                            }
+                        }
+                        if (orResult === value) {
+                            return orEnums.join(' | ');
+                        } else {
+                            return glEnumToString(value);
+                        }
+                    } else {
+                        return glEnumToString(value);
+                    }
+                }
+            }
+        }
+        if (value === null) {
+            return "null";
+        } else if (value === undefined) {
+            return "undefined";
+        } else {
+            return value.toString();
+        }
+    }
+
+    /**
+     * Converts the arguments of a WebGL function to a string.
+     * Attempts to convert enum arguments to strings.
+     *
+     * @param {string} functionName the name of the WebGL function.
+     * @param {Array<*>} args The arguments.
+     * @return {string} The arguments as a string.
+     */
+    function glFunctionArgsToString(functionName, args) {
+        // apparently we can't do args.join(",");
+        var argStr = "";
+        var numArgs = args.length;
+        for (var ii = 0; ii < numArgs; ++ii) {
+            argStr += ((ii == 0) ? '' : ', ') +
+                glFunctionArgToString(functionName, numArgs, ii, args[ii]);
+        }
+        return argStr;
+    }
+
+    function makePropertyWrapper(wrapper, original, propertyName) {
+        //log("wrap prop: " + propertyName);
+        wrapper.__defineGetter__(propertyName, function() {
+            return original[propertyName];
+        });
+        // TODO(gmane): this needs to handle properties that take more than
+        // one value?
+        wrapper.__defineSetter__(propertyName, function(value) {
+            //log("set: " + propertyName);
+            original[propertyName] = value;
+        });
+    }
+
+    /**
+     * Given a WebGL context returns a wrapped context that calls
+     * gl.getError after every command and calls a function if the
+     * result is not gl.NO_ERROR.
+     *
+     * @param {!WebGLRenderingContext} ctx The webgl context to
+     *        wrap.
+     * @param {!function(err, funcName, args): void} opt_onErrorFunc
+     *        The function to call when gl.getError returns an
+     *        error. If not specified the default function calls
+     *        console.log with a message.
+     * @param {!function(funcName, args): void} opt_onFunc The
+     *        function to call when each webgl function is called.
+     *        You can use this to log all calls for example.
+     * @param {!WebGLRenderingContext} opt_err_ctx The webgl context
+     *        to call getError on if different than ctx.
+     */
+    function makeDebugContext(ctx, opt_onErrorFunc, opt_onFunc, opt_err_ctx) {
+        opt_err_ctx = opt_err_ctx || ctx;
+        init(ctx);
+        opt_onErrorFunc = opt_onErrorFunc || function(err, functionName, args) {
+            // apparently we can't do args.join(",");
+            var argStr = "";
+            var numArgs = args.length;
+            for (var ii = 0; ii < numArgs; ++ii) {
+                argStr += ((ii == 0) ? '' : ', ') +
+                    glFunctionArgToString(functionName, numArgs, ii, args[ii]);
+            }
+            error("WebGL error "+ glEnumToString(err) + " in "+ functionName +
+                "(" + argStr + ")");
+        };
+
+        // Holds booleans for each GL error so after we get the error ourselves
+        // we can still return it to the client app.
+        var glErrorShadow = { };
+
+        // Makes a function that calls a WebGL function and then calls getError.
+        function makeErrorWrapper(ctx, functionName) {
+            return function() {
+                if (opt_onFunc) {
+                    opt_onFunc(functionName, arguments);
+                }
+                var result = ctx[functionName].apply(ctx, arguments);
+                var err = opt_err_ctx.getError();
+                if (err != 0) {
+                    glErrorShadow[err] = true;
+                    opt_onErrorFunc(err, functionName, arguments);
+                }
+                return result;
+            };
+        }
+
+        // Make a an object that has a copy of every property of the WebGL context
+        // but wraps all functions.
+        var wrapper = {};
+        for (var propertyName in ctx) {
+            if (typeof ctx[propertyName] == 'function') {
+                if (propertyName != 'getExtension') {
+                    wrapper[propertyName] = makeErrorWrapper(ctx, propertyName);
+                } else {
+                    var wrapped = makeErrorWrapper(ctx, propertyName);
+                    wrapper[propertyName] = function () {
+                        var result = wrapped.apply(ctx, arguments);
+                        if (!result) {
+                            return null;
+                        }
+                        return makeDebugContext(result, opt_onErrorFunc, opt_onFunc, opt_err_ctx);
+                    };
+                }
+            } else {
+                makePropertyWrapper(wrapper, ctx, propertyName);
+            }
+        }
+
+        // Override the getError function with one that returns our saved results.
+        wrapper.getError = function() {
+            for (var err in glErrorShadow) {
+                if (glErrorShadow.hasOwnProperty(err)) {
+                    if (glErrorShadow[err]) {
+                        glErrorShadow[err] = false;
+                        return err;
+                    }
+                }
+            }
+            return ctx.NO_ERROR;
+        };
+
+        return wrapper;
+    }
+
+    function resetToInitialState(ctx) {
+        var isWebGL2RenderingContext = !!ctx.createTransformFeedback;
+
+        if (isWebGL2RenderingContext) {
+            ctx.bindVertexArray(null);
+        }
+
+        var numAttribs = ctx.getParameter(ctx.MAX_VERTEX_ATTRIBS);
+        var tmp = ctx.createBuffer();
+        ctx.bindBuffer(ctx.ARRAY_BUFFER, tmp);
+        for (var ii = 0; ii < numAttribs; ++ii) {
+            ctx.disableVertexAttribArray(ii);
+            ctx.vertexAttribPointer(ii, 4, ctx.FLOAT, false, 0, 0);
+            ctx.vertexAttrib1f(ii, 0);
+            if (isWebGL2RenderingContext) {
+                ctx.vertexAttribDivisor(ii, 0);
+            }
+        }
+        ctx.deleteBuffer(tmp);
+
+        var numTextureUnits = ctx.getParameter(ctx.MAX_TEXTURE_IMAGE_UNITS);
+        for (var ii = 0; ii < numTextureUnits; ++ii) {
+            ctx.activeTexture(ctx.TEXTURE0 + ii);
+            ctx.bindTexture(ctx.TEXTURE_CUBE_MAP, null);
+            ctx.bindTexture(ctx.TEXTURE_2D, null);
+            if (isWebGL2RenderingContext) {
+                ctx.bindTexture(ctx.TEXTURE_2D_ARRAY, null);
+                ctx.bindTexture(ctx.TEXTURE_3D, null);
+                ctx.bindSampler(ii, null);
+            }
+        }
+
+        ctx.activeTexture(ctx.TEXTURE0);
+        ctx.useProgram(null);
+        ctx.bindBuffer(ctx.ARRAY_BUFFER, null);
+        ctx.bindBuffer(ctx.ELEMENT_ARRAY_BUFFER, null);
+        ctx.bindFramebuffer(ctx.FRAMEBUFFER, null);
+        ctx.bindRenderbuffer(ctx.RENDERBUFFER, null);
+        ctx.disable(ctx.BLEND);
+        ctx.disable(ctx.CULL_FACE);
+        ctx.disable(ctx.DEPTH_TEST);
+        ctx.disable(ctx.DITHER);
+        ctx.disable(ctx.SCISSOR_TEST);
+        ctx.blendColor(0, 0, 0, 0);
+        ctx.blendEquation(ctx.FUNC_ADD);
+        ctx.blendFunc(ctx.ONE, ctx.ZERO);
+        ctx.clearColor(0, 0, 0, 0);
+        ctx.clearDepth(1);
+        ctx.clearStencil(-1);
+        ctx.colorMask(true, true, true, true);
+        ctx.cullFace(ctx.BACK);
+        ctx.depthFunc(ctx.LESS);
+        ctx.depthMask(true);
+        ctx.depthRange(0, 1);
+        ctx.frontFace(ctx.CCW);
+        ctx.hint(ctx.GENERATE_MIPMAP_HINT, ctx.DONT_CARE);
+        ctx.lineWidth(1);
+        ctx.pixelStorei(ctx.PACK_ALIGNMENT, 4);
+        ctx.pixelStorei(ctx.UNPACK_ALIGNMENT, 4);
+        ctx.pixelStorei(ctx.UNPACK_FLIP_Y_WEBGL, false);
+        ctx.pixelStorei(ctx.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+        // TODO: Delete this IF.
+        if (ctx.UNPACK_COLORSPACE_CONVERSION_WEBGL) {
+            ctx.pixelStorei(ctx.UNPACK_COLORSPACE_CONVERSION_WEBGL, ctx.BROWSER_DEFAULT_WEBGL);
+        }
+        ctx.polygonOffset(0, 0);
+        ctx.sampleCoverage(1, false);
+        ctx.scissor(0, 0, ctx.canvas.width, ctx.canvas.height);
+        ctx.stencilFunc(ctx.ALWAYS, 0, 0xFFFFFFFF);
+        ctx.stencilMask(0xFFFFFFFF);
+        ctx.stencilOp(ctx.KEEP, ctx.KEEP, ctx.KEEP);
+        ctx.viewport(0, 0, ctx.canvas.width, ctx.canvas.height);
+        ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT | ctx.STENCIL_BUFFER_BIT);
+
+        if (isWebGL2RenderingContext) {
+            ctx.drawBuffers([ctx.BACK]);
+            ctx.readBuffer(ctx.BACK);
+            ctx.bindBuffer(ctx.COPY_READ_BUFFER, null);
+            ctx.bindBuffer(ctx.COPY_WRITE_BUFFER, null);
+            ctx.bindBuffer(ctx.PIXEL_PACK_BUFFER, null);
+            ctx.bindBuffer(ctx.PIXEL_UNPACK_BUFFER, null);
+            var numTransformFeedbacks = ctx.getParameter(ctx.MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS);
+            for (var ii = 0; ii < numTransformFeedbacks; ++ii) {
+                ctx.bindBufferBase(ctx.TRANSFORM_FEEDBACK_BUFFER, ii, null);
+            }
+            var numUBOs = ctx.getParameter(ctx.MAX_UNIFORM_BUFFER_BINDINGS);
+            for (var ii = 0; ii < numUBOs; ++ii) {
+                ctx.bindBufferBase(ctx.UNIFORM_BUFFER, ii, null);
+            }
+            ctx.disable(ctx.RASTERIZER_DISCARD);
+            ctx.pixelStorei(ctx.UNPACK_IMAGE_HEIGHT, 0);
+            ctx.pixelStorei(ctx.UNPACK_SKIP_IMAGES, 0);
+            ctx.pixelStorei(ctx.UNPACK_ROW_LENGTH, 0);
+            ctx.pixelStorei(ctx.UNPACK_SKIP_ROWS, 0);
+            ctx.pixelStorei(ctx.UNPACK_SKIP_PIXELS, 0);
+            ctx.pixelStorei(ctx.PACK_ROW_LENGTH, 0);
+            ctx.pixelStorei(ctx.PACK_SKIP_ROWS, 0);
+            ctx.pixelStorei(ctx.PACK_SKIP_PIXELS, 0);
+            ctx.hint(ctx.FRAGMENT_SHADER_DERIVATIVE_HINT, ctx.DONT_CARE);
+        }
+
+        // TODO: This should NOT be needed but Firefox fails with 'hint'
+        while(ctx.getError());
+    }
+
+    function makeLostContextSimulatingCanvas(canvas) {
+        var unwrappedContext_;
+        var wrappedContext_;
+        var onLost_ = [];
+        var onRestored_ = [];
+        var wrappedContext_ = {};
+        var contextId_ = 1;
+        var contextLost_ = false;
+        var resourceDb_ = [];
+        var numCallsToLoseContext_ = 0;
+        var numCalls_ = 0;
+        var canRestore_ = false;
+        var restoreTimeout_ = 0;
+        var isWebGL2RenderingContext;
+
+        // Holds booleans for each GL error so can simulate errors.
+        var glErrorShadow_ = { };
+
+        canvas.getContext = function(f) {
+            return function() {
+                var ctx = f.apply(canvas, arguments);
+                // Did we get a context and is it a WebGL context?
+                if ((ctx instanceof WebGLRenderingContext) || (window.WebGL2RenderingContext && (ctx instanceof WebGL2RenderingContext))) {
+                    if (ctx != unwrappedContext_) {
+                        if (unwrappedContext_) {
+                            throw "got different context"
+                        }
+                        isWebGL2RenderingContext = window.WebGL2RenderingContext && (ctx instanceof WebGL2RenderingContext);
+                        unwrappedContext_ = ctx;
+                        wrappedContext_ = makeLostContextSimulatingContext(unwrappedContext_);
+                    }
+                    return wrappedContext_;
+                }
+                return ctx;
+            }
+        }(canvas.getContext);
+
+        function wrapEvent(listener) {
+            if (typeof(listener) == "function") {
+                return listener;
+            } else {
+                return function(info) {
+                    listener.handleEvent(info);
+                }
+            }
+        }
+
+        var addOnContextLostListener = function(listener) {
+            onLost_.push(wrapEvent(listener));
+        };
+
+        var addOnContextRestoredListener = function(listener) {
+            onRestored_.push(wrapEvent(listener));
+        };
+
+
+        function wrapAddEventListener(canvas) {
+            var f = canvas.addEventListener;
+            canvas.addEventListener = function(type, listener, bubble) {
+                switch (type) {
+                    case 'webglcontextlost':
+                        addOnContextLostListener(listener);
+                        break;
+                    case 'webglcontextrestored':
+                        addOnContextRestoredListener(listener);
+                        break;
+                    default:
+                        f.apply(canvas, arguments);
+                }
+            };
+        }
+
+        wrapAddEventListener(canvas);
+
+        canvas.loseContext = function() {
+            if (!contextLost_) {
+                contextLost_ = true;
+                numCallsToLoseContext_ = 0;
+                ++contextId_;
+                while (unwrappedContext_.getError());
+                clearErrors();
+                glErrorShadow_[unwrappedContext_.CONTEXT_LOST_WEBGL] = true;
+                var event = makeWebGLContextEvent("context lost");
+                var callbacks = onLost_.slice();
+                setTimeout(function() {
+                    //log("numCallbacks:" + callbacks.length);
+                    for (var ii = 0; ii < callbacks.length; ++ii) {
+                        //log("calling callback:" + ii);
+                        callbacks[ii](event);
+                    }
+                    if (restoreTimeout_ >= 0) {
+                        setTimeout(function() {
+                            canvas.restoreContext();
+                        }, restoreTimeout_);
+                    }
+                }, 0);
+            }
+        };
+
+        canvas.restoreContext = function() {
+            if (contextLost_) {
+                if (onRestored_.length) {
+                    setTimeout(function() {
+                        if (!canRestore_) {
+                            throw "can not restore. webglcontestlost listener did not call event.preventDefault";
+                        }
+                        freeResources();
+                        resetToInitialState(unwrappedContext_);
+                        contextLost_ = false;
+                        numCalls_ = 0;
+                        canRestore_ = false;
+                        var callbacks = onRestored_.slice();
+                        var event = makeWebGLContextEvent("context restored");
+                        for (var ii = 0; ii < callbacks.length; ++ii) {
+                            callbacks[ii](event);
+                        }
+                    }, 0);
+                }
+            }
+        };
+
+        canvas.loseContextInNCalls = function(numCalls) {
+            if (contextLost_) {
+                throw "You can not ask a lost contet to be lost";
+            }
+            numCallsToLoseContext_ = numCalls_ + numCalls;
+        };
+
+        canvas.getNumCalls = function() {
+            return numCalls_;
+        };
+
+        canvas.setRestoreTimeout = function(timeout) {
+            restoreTimeout_ = timeout;
+        };
+
+        function clearErrors() {
+            var k = Object.keys(glErrorShadow_);
+            for (var ii = 0; ii < k.length; ++ii) {
+                delete glErrorShadow_[k[ii]];
+            }
+        }
+
+        function loseContextIfTime() {
+            ++numCalls_;
+            if (!contextLost_) {
+                if (numCallsToLoseContext_ == numCalls_) {
+                    canvas.loseContext();
+                }
+            }
+        }
+
+        // Makes a function that simulates WebGL when out of context.
+        function makeLostContextFunctionWrapper(ctx, functionName) {
+            var f = ctx[functionName];
+            return function() {
+                // log("calling:" + functionName);
+                // Only call the functions if the context is not lost.
+                loseContextIfTime();
+                if (!contextLost_) {
+                    //if (!checkResources(arguments)) {
+                    //  glErrorShadow_[wrappedContext_.INVALID_OPERATION] = true;
+                    //  return;
+                    //}
+                    var result = f.apply(ctx, arguments);
+                    return result;
+                }
+            };
+        }
+
+        function freeResources() {
+            for (var ii = 0; ii < resourceDb_.length; ++ii) {
+                var resource = resourceDb_[ii];
+                if (resource instanceof WebGLBuffer) {
+                    unwrappedContext_.deleteBuffer(resource);
+                } else if (resource instanceof WebGLFramebuffer) {
+                    unwrappedContext_.deleteFramebuffer(resource);
+                } else if (resource instanceof WebGLProgram) {
+                    unwrappedContext_.deleteProgram(resource);
+                } else if (resource instanceof WebGLRenderbuffer) {
+                    unwrappedContext_.deleteRenderbuffer(resource);
+                } else if (resource instanceof WebGLShader) {
+                    unwrappedContext_.deleteShader(resource);
+                } else if (resource instanceof WebGLTexture) {
+                    unwrappedContext_.deleteTexture(resource);
+                }
+                else if (isWebGL2RenderingContext) {
+                    if (resource instanceof WebGLQuery) {
+                        unwrappedContext_.deleteQuery(resource);
+                    } else if (resource instanceof WebGLSampler) {
+                        unwrappedContext_.deleteSampler(resource);
+                    } else if (resource instanceof WebGLSync) {
+                        unwrappedContext_.deleteSync(resource);
+                    } else if (resource instanceof WebGLTransformFeedback) {
+                        unwrappedContext_.deleteTransformFeedback(resource);
+                    } else if (resource instanceof WebGLVertexArrayObject) {
+                        unwrappedContext_.deleteVertexArray(resource);
+                    }
+                }
+            }
+        }
+
+        function makeWebGLContextEvent(statusMessage) {
+            return {
+                statusMessage: statusMessage,
+                preventDefault: function() {
+                    canRestore_ = true;
+                }
+            };
+        }
+
+        return canvas;
+
+        function makeLostContextSimulatingContext(ctx) {
+            // copy all functions and properties to wrapper
+            for (var propertyName in ctx) {
+                if (typeof ctx[propertyName] == 'function') {
+                    wrappedContext_[propertyName] = makeLostContextFunctionWrapper(
+                        ctx, propertyName);
+                } else {
+                    makePropertyWrapper(wrappedContext_, ctx, propertyName);
+                }
+            }
+
+            // Wrap a few functions specially.
+            wrappedContext_.getError = function() {
+                loseContextIfTime();
+                if (!contextLost_) {
+                    var err;
+                    while (err = unwrappedContext_.getError()) {
+                        glErrorShadow_[err] = true;
+                    }
+                }
+                for (var err in glErrorShadow_) {
+                    if (glErrorShadow_[err]) {
+                        delete glErrorShadow_[err];
+                        return err;
+                    }
+                }
+                return wrappedContext_.NO_ERROR;
+            };
+
+            var creationFunctions = [
+                "createBuffer",
+                "createFramebuffer",
+                "createProgram",
+                "createRenderbuffer",
+                "createShader",
+                "createTexture"
+            ];
+            if (isWebGL2RenderingContext) {
+                creationFunctions.push(
+                    "createQuery",
+                    "createSampler",
+                    "fenceSync",
+                    "createTransformFeedback",
+                    "createVertexArray"
+                );
+            }
+            for (var ii = 0; ii < creationFunctions.length; ++ii) {
+                var functionName = creationFunctions[ii];
+                wrappedContext_[functionName] = function(f) {
+                    return function() {
+                        loseContextIfTime();
+                        if (contextLost_) {
+                            return null;
+                        }
+                        var obj = f.apply(ctx, arguments);
+                        obj.__webglDebugContextLostId__ = contextId_;
+                        resourceDb_.push(obj);
+                        return obj;
+                    };
+                }(ctx[functionName]);
+            }
+
+            var functionsThatShouldReturnNull = [
+                "getActiveAttrib",
+                "getActiveUniform",
+                "getBufferParameter",
+                "getContextAttributes",
+                "getAttachedShaders",
+                "getFramebufferAttachmentParameter",
+                "getParameter",
+                "getProgramParameter",
+                "getProgramInfoLog",
+                "getRenderbufferParameter",
+                "getShaderParameter",
+                "getShaderInfoLog",
+                "getShaderSource",
+                "getTexParameter",
+                "getUniform",
+                "getUniformLocation",
+                "getVertexAttrib"
+            ];
+            if (isWebGL2RenderingContext) {
+                functionsThatShouldReturnNull.push(
+                    "getInternalformatParameter",
+                    "getQuery",
+                    "getQueryParameter",
+                    "getSamplerParameter",
+                    "getSyncParameter",
+                    "getTransformFeedbackVarying",
+                    "getIndexedParameter",
+                    "getUniformIndices",
+                    "getActiveUniforms",
+                    "getActiveUniformBlockParameter",
+                    "getActiveUniformBlockName"
+                );
+            }
+            for (var ii = 0; ii < functionsThatShouldReturnNull.length; ++ii) {
+                var functionName = functionsThatShouldReturnNull[ii];
+                wrappedContext_[functionName] = function(f) {
+                    return function() {
+                        loseContextIfTime();
+                        if (contextLost_) {
+                            return null;
+                        }
+                        return f.apply(ctx, arguments);
+                    }
+                }(wrappedContext_[functionName]);
+            }
+
+            var isFunctions = [
+                "isBuffer",
+                "isEnabled",
+                "isFramebuffer",
+                "isProgram",
+                "isRenderbuffer",
+                "isShader",
+                "isTexture"
+            ];
+            if (isWebGL2RenderingContext) {
+                isFunctions.push(
+                    "isQuery",
+                    "isSampler",
+                    "isSync",
+                    "isTransformFeedback",
+                    "isVertexArray"
+                );
+            }
+            for (var ii = 0; ii < isFunctions.length; ++ii) {
+                var functionName = isFunctions[ii];
+                wrappedContext_[functionName] = function(f) {
+                    return function() {
+                        loseContextIfTime();
+                        if (contextLost_) {
+                            return false;
+                        }
+                        return f.apply(ctx, arguments);
+                    }
+                }(wrappedContext_[functionName]);
+            }
+
+            wrappedContext_.checkFramebufferStatus = function(f) {
+                return function() {
+                    loseContextIfTime();
+                    if (contextLost_) {
+                        return wrappedContext_.FRAMEBUFFER_UNSUPPORTED;
+                    }
+                    return f.apply(ctx, arguments);
+                };
+            }(wrappedContext_.checkFramebufferStatus);
+
+            wrappedContext_.getAttribLocation = function(f) {
+                return function() {
+                    loseContextIfTime();
+                    if (contextLost_) {
+                        return -1;
+                    }
+                    return f.apply(ctx, arguments);
+                };
+            }(wrappedContext_.getAttribLocation);
+
+            wrappedContext_.getVertexAttribOffset = function(f) {
+                return function() {
+                    loseContextIfTime();
+                    if (contextLost_) {
+                        return 0;
+                    }
+                    return f.apply(ctx, arguments);
+                };
+            }(wrappedContext_.getVertexAttribOffset);
+
+            wrappedContext_.isContextLost = function() {
+                return contextLost_;
+            };
+
+            if (isWebGL2RenderingContext) {
+                wrappedContext_.getFragDataLocation = function(f) {
+                    return function() {
+                        loseContextIfTime();
+                        if (contextLost_) {
+                            return -1;
+                        }
+                        return f.apply(ctx, arguments);
+                    };
+                }(wrappedContext_.getFragDataLocation);
+
+                wrappedContext_.clientWaitSync = function(f) {
+                    return function() {
+                        loseContextIfTime();
+                        if (contextLost_) {
+                            return wrappedContext_.WAIT_FAILED;
+                        }
+                        return f.apply(ctx, arguments);
+                    };
+                }(wrappedContext_.clientWaitSync);
+
+                wrappedContext_.getUniformBlockIndex = function(f) {
+                    return function() {
+                        loseContextIfTime();
+                        if (contextLost_) {
+                            return wrappedContext_.INVALID_INDEX;
+                        }
+                        return f.apply(ctx, arguments);
+                    };
+                }(wrappedContext_.getUniformBlockIndex);
+            }
+
+            return wrappedContext_;
+        }
+    }
+
+    return {
+        /**
+         * Initializes this module. Safe to call more than once.
+         * @param {!WebGLRenderingContext} ctx A WebGL context. If
+         *    you have more than one context it doesn't matter which one
+         *    you pass in, it is only used to pull out constants.
+         */
+        'init': init,
+
+        /**
+         * Returns true or false if value matches any WebGL enum
+         * @param {*} value Value to check if it might be an enum.
+         * @return {boolean} True if value matches one of the WebGL defined enums
+         */
+        'mightBeEnum': mightBeEnum,
+
+        /**
+         * Gets an string version of an WebGL enum.
+         *
+         * Example:
+         *   WebGLDebugUtil.init(ctx);
+         *   var str = WebGLDebugUtil.glEnumToString(ctx.getError());
+         *
+         * @param {number} value Value to return an enum for
+         * @return {string} The string version of the enum.
+         */
+        'glEnumToString': glEnumToString,
+
+        /**
+         * Converts the argument of a WebGL function to a string.
+         * Attempts to convert enum arguments to strings.
+         *
+         * Example:
+         *   WebGLDebugUtil.init(ctx);
+         *   var str = WebGLDebugUtil.glFunctionArgToString('bindTexture', 2, 0, gl.TEXTURE_2D);
+         *
+         * would return 'TEXTURE_2D'
+         *
+         * @param {string} functionName the name of the WebGL function.
+         * @param {number} numArgs The number of arguments
+         * @param {number} argumentIndx the index of the argument.
+         * @param {*} value The value of the argument.
+         * @return {string} The value as a string.
+         */
+        'glFunctionArgToString': glFunctionArgToString,
+
+        /**
+         * Converts the arguments of a WebGL function to a string.
+         * Attempts to convert enum arguments to strings.
+         *
+         * @param {string} functionName the name of the WebGL function.
+         * @param {number} args The arguments.
+         * @return {string} The arguments as a string.
+         */
+        'glFunctionArgsToString': glFunctionArgsToString,
+
+        /**
+         * Given a WebGL context returns a wrapped context that calls
+         * gl.getError after every command and calls a function if the
+         * result is not NO_ERROR.
+         *
+         * You can supply your own function if you want. For example, if you'd like
+         * an exception thrown on any GL error you could do this
+         *
+         *    function throwOnGLError(err, funcName, args) {
+         *      throw WebGLDebugUtils.glEnumToString(err) +
+         *            " was caused by call to " + funcName;
+         *    };
+         *
+         *    ctx = WebGLDebugUtils.makeDebugContext(
+         *        canvas.getContext("webgl"), throwOnGLError);
+         *
+         * @param {!WebGLRenderingContext} ctx The webgl context to wrap.
+         * @param {!function(err, funcName, args): void} opt_onErrorFunc The function
+         *     to call when gl.getError returns an error. If not specified the default
+         *     function calls console.log with a message.
+         * @param {!function(funcName, args): void} opt_onFunc The
+         *     function to call when each webgl function is called. You
+         *     can use this to log all calls for example.
+         */
+        'makeDebugContext': makeDebugContext,
+
+        /**
+         * Given a canvas element returns a wrapped canvas element that will
+         * simulate lost context. The canvas returned adds the following functions.
+         *
+         * loseContext:
+         *   simulates a lost context event.
+         *
+         * restoreContext:
+         *   simulates the context being restored.
+         *
+         * lostContextInNCalls:
+         *   loses the context after N gl calls.
+         *
+         * getNumCalls:
+         *   tells you how many gl calls there have been so far.
+         *
+         * setRestoreTimeout:
+         *   sets the number of milliseconds until the context is restored
+         *   after it has been lost. Defaults to 0. Pass -1 to prevent
+         *   automatic restoring.
+         *
+         * @param {!Canvas} canvas The canvas element to wrap.
+         */
+        'makeLostContextSimulatingCanvas': makeLostContextSimulatingCanvas,
+
+        /**
+         * Resets a context to the initial state.
+         * @param {!WebGLRenderingContext} ctx The webgl context to
+         *     reset.
+         */
+        'resetToInitialState': resetToInitialState
+    };
+
 }();
 
 var RenderBackendType;
@@ -5640,7 +5836,7 @@ class WebGl2VertexArrayObject {
 
 var vertexSource$4 = "#version 300 es\nprecision lowp float;\nprecision lowp int;\n\n// Per-instance attributes (divisor = 1). Each Sprite contributes one entry\n// to the per-instance buffer; gl_VertexID 0..3 selects which corner of the\n// quad this invocation is computing.\nlayout(location = 0) in vec4 a_localBounds;     // left, top, right, bottom (local space)\nlayout(location = 1) in vec3 a_transformAB;     // a, b, x — first row of 2D affine\nlayout(location = 2) in vec3 a_transformCD;     // c, d, y — second row\nlayout(location = 3) in vec4 a_uvBounds;        // uMin, vMin, uMax, vMax (normalised, already flipY-swapped)\nlayout(location = 4) in vec4 a_color;           // RGBA tint\nlayout(location = 5) in uint a_textureSlot;\n\nuniform mat3 u_projection;\n\nout vec2 v_texcoord;\nout vec4 v_color;\nflat out uint v_textureSlot;\n\nvoid main(void) {\n    // gl_VertexID 0..3 → corner: 0=TL, 1=TR, 2=BL, 3=BR (TRIANGLE_STRIP order)\n    int vid = gl_VertexID;\n    int cornerX = vid & 1;\n    int cornerY = (vid >> 1) & 1;\n\n    // Local-space corner: pick from the bounds rectangle.\n    float localX = (cornerX == 0) ? a_localBounds.x : a_localBounds.z;\n    float localY = (cornerY == 0) ? a_localBounds.y : a_localBounds.w;\n\n    // Apply the per-instance affine transform: world = M * (localX, localY, 1)\n    float worldX = (a_transformAB.x * localX) + (a_transformAB.y * localY) + a_transformAB.z;\n    float worldY = (a_transformCD.x * localX) + (a_transformCD.y * localY) + a_transformCD.z;\n\n    gl_Position = vec4((u_projection * vec3(worldX, worldY, 1.0)).xy, 0.0, 1.0);\n\n    // UV: pick from the bounds rectangle. The CPU pre-swaps Y bounds when\n    // the texture is flipY, so the shader doesn't have to know.\n    float u = (cornerX == 0) ? a_uvBounds.x : a_uvBounds.z;\n    float v = (cornerY == 0) ? a_uvBounds.y : a_uvBounds.w;\n    v_texcoord = vec2(u, v);\n\n    v_color = vec4(a_color.rgb * a_color.a, a_color.a);\n    v_textureSlot = a_textureSlot;\n}\n";
 
-var fragmentSource$4 = "#version 300 es\r\nprecision lowp float;\r\nprecision lowp int;\r\n\r\n// Multi-texture sprite batching: up to 8 textures bound per draw call,\r\n// each fragment selects its source via a flat-interpolated slot index.\r\n//\r\n// GLSL ES 3.0 forbids non-constant array-of-sampler indexing unless the\r\n// expression is dynamically uniform — which a per-vertex slot is not\r\n// once different triangles in the same batch carry different slots. The\r\n// if/else chain below dispatches statically and dodges that constraint.\r\n\r\nuniform sampler2D u_texture0;\r\nuniform sampler2D u_texture1;\r\nuniform sampler2D u_texture2;\r\nuniform sampler2D u_texture3;\r\nuniform sampler2D u_texture4;\r\nuniform sampler2D u_texture5;\r\nuniform sampler2D u_texture6;\r\nuniform sampler2D u_texture7;\r\n\r\nin vec2 v_texcoord;\r\nin vec4 v_color;\r\nflat in uint v_textureSlot;\r\n\r\nlayout(location = 0) out vec4 fragColor;\r\n\r\nvoid main(void) {\r\n    vec4 sampleColor;\r\n\r\n    if (v_textureSlot == 0u) {\r\n        sampleColor = texture(u_texture0, v_texcoord);\r\n    } else if (v_textureSlot == 1u) {\r\n        sampleColor = texture(u_texture1, v_texcoord);\r\n    } else if (v_textureSlot == 2u) {\r\n        sampleColor = texture(u_texture2, v_texcoord);\r\n    } else if (v_textureSlot == 3u) {\r\n        sampleColor = texture(u_texture3, v_texcoord);\r\n    } else if (v_textureSlot == 4u) {\r\n        sampleColor = texture(u_texture4, v_texcoord);\r\n    } else if (v_textureSlot == 5u) {\r\n        sampleColor = texture(u_texture5, v_texcoord);\r\n    } else if (v_textureSlot == 6u) {\r\n        sampleColor = texture(u_texture6, v_texcoord);\r\n    } else {\r\n        sampleColor = texture(u_texture7, v_texcoord);\r\n    }\r\n\r\n    fragColor = sampleColor * v_color;\r\n}\r\n";
+var fragmentSource$4 = "#version 300 es\nprecision lowp float;\nprecision lowp int;\n\n// Multi-texture sprite batching: up to 8 textures bound per draw call,\n// each fragment selects its source via a flat-interpolated slot index.\n//\n// GLSL ES 3.0 forbids non-constant array-of-sampler indexing unless the\n// expression is dynamically uniform — which a per-vertex slot is not\n// once different triangles in the same batch carry different slots. The\n// if/else chain below dispatches statically and dodges that constraint.\n\nuniform sampler2D u_texture0;\nuniform sampler2D u_texture1;\nuniform sampler2D u_texture2;\nuniform sampler2D u_texture3;\nuniform sampler2D u_texture4;\nuniform sampler2D u_texture5;\nuniform sampler2D u_texture6;\nuniform sampler2D u_texture7;\n\nin vec2 v_texcoord;\nin vec4 v_color;\nflat in uint v_textureSlot;\n\nlayout(location = 0) out vec4 fragColor;\n\nvoid main(void) {\n    vec4 sampleColor;\n\n    if (v_textureSlot == 0u) {\n        sampleColor = texture(u_texture0, v_texcoord);\n    } else if (v_textureSlot == 1u) {\n        sampleColor = texture(u_texture1, v_texcoord);\n    } else if (v_textureSlot == 2u) {\n        sampleColor = texture(u_texture2, v_texcoord);\n    } else if (v_textureSlot == 3u) {\n        sampleColor = texture(u_texture3, v_texcoord);\n    } else if (v_textureSlot == 4u) {\n        sampleColor = texture(u_texture4, v_texcoord);\n    } else if (v_textureSlot == 5u) {\n        sampleColor = texture(u_texture5, v_texcoord);\n    } else if (v_textureSlot == 6u) {\n        sampleColor = texture(u_texture6, v_texcoord);\n    } else {\n        sampleColor = texture(u_texture7, v_texcoord);\n    }\n\n    fragColor = sampleColor * v_color;\n}\n";
 
 /**
  * Instanced sprite renderer for WebGL2.
@@ -6349,7 +6545,7 @@ class WebGl2MeshRenderer extends AbstractWebGl2Renderer {
 
 var vertexSource$2 = "#version 300 es\nprecision lowp float;\nprecision lowp int;\n\n// Per-instance attributes (one entry per particle, 24 bytes total).\nlayout(location = 0) in vec2 a_translation;     // particle position in system-local space\nlayout(location = 1) in vec2 a_scale;            // particle scale\nlayout(location = 2) in float a_rotation;        // particle rotation in degrees\nlayout(location = 3) in vec4 a_color;            // RGBA tint\n\nuniform mat3 u_projection;\nuniform mat3 u_systemTransform;\nuniform vec4 u_localBounds;                      // left, top, right, bottom (system.vertices)\nuniform vec4 u_uvBounds;                         // uMin, vMin, uMax, vMax (flipY-swapped)\n\nout vec2 v_texcoord;\nout vec4 v_color;\n\nvoid main(void) {\n    // Static index buffer is [0,1,2,0,2,3] (triangle-list), so gl_VertexID 0..3\n    // maps to TL, TR, BR, BL via the same bit math the sprite renderer uses.\n    int vid = gl_VertexID;\n    int cornerX = ((vid + 1) >> 1) & 1;\n    int cornerY = vid >> 1;\n\n    float localX = (cornerX == 0) ? u_localBounds.x : u_localBounds.z;\n    float localY = (cornerY == 0) ? u_localBounds.y : u_localBounds.w;\n\n    // Per-particle scale + rotation.\n    vec2 rotation = vec2(sin(radians(a_rotation)), cos(radians(a_rotation)));\n    vec2 transformed = vec2(\n        (localX * (a_scale.x * rotation.y)) + (localY * (a_scale.y * rotation.x)),\n        (localX * (a_scale.x * -rotation.x)) + (localY * (a_scale.y * rotation.y))\n    );\n\n    vec3 worldPos = vec3(transformed + a_translation, 1.0);\n\n    gl_Position = vec4((u_projection * u_systemTransform * worldPos).xy, 0.0, 1.0);\n\n    float u = (cornerX == 0) ? u_uvBounds.x : u_uvBounds.z;\n    float v = (cornerY == 0) ? u_uvBounds.y : u_uvBounds.w;\n    v_texcoord = vec2(u, v);\n\n    v_color = vec4(a_color.rgb * a_color.a, a_color.a);\n}\n";
 
-var fragmentSource$2 = "#version 300 es\r\nprecision lowp float;\r\n\r\nuniform sampler2D u_texture;\r\n\r\nin vec2 v_texcoord;\r\nin vec4 v_color;\r\n\r\nlayout(location = 0) out vec4 fragColor;\r\n\r\nvoid main(void) {\r\n    fragColor = texture(u_texture, v_texcoord) * v_color;\r\n}\r\n";
+var fragmentSource$2 = "#version 300 es\nprecision lowp float;\n\nuniform sampler2D u_texture;\n\nin vec2 v_texcoord;\nin vec4 v_color;\n\nlayout(location = 0) out vec4 fragColor;\n\nvoid main(void) {\n    fragColor = texture(u_texture, v_texcoord) * v_color;\n}\n";
 
 /**
  * Instanced particle renderer for WebGL2.
@@ -6641,9 +6837,9 @@ class WebGl2ParticleRenderer extends AbstractWebGl2Renderer {
     }
 }
 
-var vertexSource$1 = "#version 300 es\r\nprecision lowp float;\r\n\r\nlayout(location = 0) in vec2 a_position;\r\nlayout(location = 1) in vec4 a_color;\r\n\r\nuniform mat3 u_projection;\r\nuniform mat3 u_translation;\r\n\r\nout vec4 v_color;\r\n\r\nvoid main(void) {\r\n    gl_Position = vec4((u_projection * u_translation * vec3(a_position, 1.0)).xy, 0.0, 1.0);\r\n    v_color = vec4(a_color.rgb * a_color.a, a_color.a);\r\n}\r\n";
+var vertexSource$1 = "#version 300 es\nprecision lowp float;\n\nlayout(location = 0) in vec2 a_position;\nlayout(location = 1) in vec4 a_color;\n\nuniform mat3 u_projection;\nuniform mat3 u_translation;\n\nout vec4 v_color;\n\nvoid main(void) {\n    gl_Position = vec4((u_projection * u_translation * vec3(a_position, 1.0)).xy, 0.0, 1.0);\n    v_color = vec4(a_color.rgb * a_color.a, a_color.a);\n}\n";
 
-var fragmentSource$1 = "#version 300 es\r\nprecision lowp float;\r\n\r\nlayout(location = 0) out vec4 fragColor;\r\n\r\nin vec4 v_color;\r\n\r\nvoid main(void) {\r\n    fragColor = v_color;\r\n}\r\n";
+var fragmentSource$1 = "#version 300 es\nprecision lowp float;\n\nlayout(location = 0) out vec4 fragColor;\n\nin vec4 v_color;\n\nvoid main(void) {\n    fragColor = v_color;\n}\n";
 
 const minBatchVertexSize = 4;
 const vertexStrideBytes$4 = 12;
@@ -6856,9 +7052,9 @@ class WebGl2PrimitiveRenderer extends AbstractWebGl2Renderer {
     }
 }
 
-var vertexSource = "#version 300 es\r\nprecision lowp float;\r\n\r\nlayout(location = 0) in vec2 a_position;\r\nlayout(location = 1) in vec2 a_texcoord;\r\n\r\nuniform mat3 u_projection;\r\n\r\nout vec2 v_texcoord;\r\n\r\nvoid main(void) {\r\n    gl_Position = vec4((u_projection * vec3(a_position, 1.0)).xy, 0.0, 1.0);\r\n    v_texcoord = a_texcoord;\r\n}\r\n";
+var vertexSource = "#version 300 es\nprecision lowp float;\n\nlayout(location = 0) in vec2 a_position;\nlayout(location = 1) in vec2 a_texcoord;\n\nuniform mat3 u_projection;\n\nout vec2 v_texcoord;\n\nvoid main(void) {\n    gl_Position = vec4((u_projection * vec3(a_position, 1.0)).xy, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n";
 
-var fragmentSource = "#version 300 es\r\nprecision lowp float;\r\n\r\nuniform sampler2D u_content;\r\nuniform sampler2D u_mask;\r\n\r\nin vec2 v_texcoord;\r\n\r\nlayout(location = 0) out vec4 fragColor;\r\n\r\nvoid main(void) {\r\n    vec4 contentColor = texture(u_content, v_texcoord);\r\n    float maskAlpha = texture(u_mask, v_texcoord).a;\r\n\r\n    fragColor = vec4(contentColor.rgb * maskAlpha, contentColor.a * maskAlpha);\r\n}\r\n";
+var fragmentSource = "#version 300 es\nprecision lowp float;\n\nuniform sampler2D u_content;\nuniform sampler2D u_mask;\n\nin vec2 v_texcoord;\n\nlayout(location = 0) out vec4 fragColor;\n\nvoid main(void) {\n    vec4 contentColor = texture(u_content, v_texcoord);\n    float maskAlpha = texture(u_mask, v_texcoord).a;\n\n    fragColor = vec4(contentColor.rgb * maskAlpha, contentColor.a * maskAlpha);\n}\n";
 
 // 4 floats per vertex: position(x, y) + texcoord(u, v).
 const vertexStrideBytes$3 = 16;
@@ -8424,31 +8620,31 @@ function getWebGpuBlendState(blendMode) {
 }
 
 /// <reference types="@webgpu/types" />
-const primitiveShaderSource = `
-struct VertexInput {
-    @location(0) position: vec4<f32>,
-    @location(1) color: vec4<f32>,
-};
-
-struct VertexOutput {
-    @builtin(position) position: vec4<f32>,
-    @location(0) color: vec4<f32>,
-};
-
-@vertex
-fn vertexMain(input: VertexInput) -> VertexOutput {
-    var output: VertexOutput;
-
-    output.position = input.position;
-    output.color = vec4<f32>(input.color.rgb * input.color.a, input.color.a);
-
-    return output;
-}
-
-@fragment
-fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
-    return input.color;
-}
+const primitiveShaderSource = `
+struct VertexInput {
+    @location(0) position: vec4<f32>,
+    @location(1) color: vec4<f32>,
+};
+
+struct VertexOutput {
+    @builtin(position) position: vec4<f32>,
+    @location(0) color: vec4<f32>,
+};
+
+@vertex
+fn vertexMain(input: VertexInput) -> VertexOutput {
+    var output: VertexOutput;
+
+    output.position = input.position;
+    output.color = vec4<f32>(input.color.rgb * input.color.a, input.color.a);
+
+    return output;
+}
+
+@fragment
+fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
+    return input.color;
+}
 `;
 // 4 floats (pre-transformed clip-space position) + 1 u32 (color) = 20 bytes.
 // The CPU applies (view * shape.globalTransform) to each vertex before writing
@@ -9884,71 +10080,71 @@ class WebGpuMeshRenderer extends AbstractWebGpuRenderer {
 }
 
 /// <reference types="@webgpu/types" />
-const particleShaderSource = `
-struct ProjectionUniforms {
-    projection: mat4x4<f32>,
-    translation: mat4x4<f32>,
-    flags: vec4<f32>,
-    localBounds: vec4<f32>,    // quadMin.xy, quadSize.xy
-    uvBounds: vec4<f32>,       // uvMin.xy, uvMax.xy
-};
-
-@group(0) @binding(0)
-var<uniform> uniforms: ProjectionUniforms;
-
-@group(1) @binding(0)
-var particleTexture: texture_2d<f32>;
-
-@group(1) @binding(1)
-var particleSampler: sampler;
-
-// Per-instance attributes (one entry per particle, 24 bytes total).
-struct VertexInput {
-    @location(0) unitPosition: vec2<f32>,    // per-vertex (static unit quad)
-    @location(1) translation: vec2<f32>,
-    @location(2) scale: vec2<f32>,
-    @location(3) rotation: f32,
-    @location(4) color: vec4<f32>,
-};
-
-struct VertexOutput {
-    @builtin(position) position: vec4<f32>,
-    @location(0) texcoord: vec2<f32>,
-    @location(1) color: vec4<f32>,
-};
-
-@vertex
-fn vertexMain(input: VertexInput) -> VertexOutput {
-    let quadMin = uniforms.localBounds.xy;
-    let quadSize = uniforms.localBounds.zw;
-    let uvMin = uniforms.uvBounds.xy;
-    let uvMax = uniforms.uvBounds.zw;
-
-    let localPosition = quadMin + (input.unitPosition * quadSize);
-    let radians = radians(input.rotation);
-    let sinValue = sin(radians);
-    let cosValue = cos(radians);
-    let rotated = vec2<f32>(
-        (localPosition.x * (input.scale.x * cosValue)) + (localPosition.y * (input.scale.y * sinValue)) + input.translation.x,
-        (localPosition.x * (input.scale.x * -sinValue)) + (localPosition.y * (input.scale.y * cosValue)) + input.translation.y
-    );
-
-    var output: VertexOutput;
-
-    output.position = uniforms.projection * uniforms.translation * vec4<f32>(rotated, 0.0, 1.0);
-    output.texcoord = uvMin + ((uvMax - uvMin) * input.unitPosition);
-    output.color = vec4(input.color.rgb * input.color.a, input.color.a);
-
-    return output;
-}
-
-@fragment
-fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
-    let sample = textureSample(particleTexture, particleSampler, input.texcoord);
-    let premultipliedSample = select(sample, vec4(sample.rgb * sample.a, sample.a), uniforms.flags.x > 0.5);
-
-    return premultipliedSample * input.color;
-}
+const particleShaderSource = `
+struct ProjectionUniforms {
+    projection: mat4x4<f32>,
+    translation: mat4x4<f32>,
+    flags: vec4<f32>,
+    localBounds: vec4<f32>,    // quadMin.xy, quadSize.xy
+    uvBounds: vec4<f32>,       // uvMin.xy, uvMax.xy
+};
+
+@group(0) @binding(0)
+var<uniform> uniforms: ProjectionUniforms;
+
+@group(1) @binding(0)
+var particleTexture: texture_2d<f32>;
+
+@group(1) @binding(1)
+var particleSampler: sampler;
+
+// Per-instance attributes (one entry per particle, 24 bytes total).
+struct VertexInput {
+    @location(0) unitPosition: vec2<f32>,    // per-vertex (static unit quad)
+    @location(1) translation: vec2<f32>,
+    @location(2) scale: vec2<f32>,
+    @location(3) rotation: f32,
+    @location(4) color: vec4<f32>,
+};
+
+struct VertexOutput {
+    @builtin(position) position: vec4<f32>,
+    @location(0) texcoord: vec2<f32>,
+    @location(1) color: vec4<f32>,
+};
+
+@vertex
+fn vertexMain(input: VertexInput) -> VertexOutput {
+    let quadMin = uniforms.localBounds.xy;
+    let quadSize = uniforms.localBounds.zw;
+    let uvMin = uniforms.uvBounds.xy;
+    let uvMax = uniforms.uvBounds.zw;
+
+    let localPosition = quadMin + (input.unitPosition * quadSize);
+    let radians = radians(input.rotation);
+    let sinValue = sin(radians);
+    let cosValue = cos(radians);
+    let rotated = vec2<f32>(
+        (localPosition.x * (input.scale.x * cosValue)) + (localPosition.y * (input.scale.y * sinValue)) + input.translation.x,
+        (localPosition.x * (input.scale.x * -sinValue)) + (localPosition.y * (input.scale.y * cosValue)) + input.translation.y
+    );
+
+    var output: VertexOutput;
+
+    output.position = uniforms.projection * uniforms.translation * vec4<f32>(rotated, 0.0, 1.0);
+    output.texcoord = uvMin + ((uvMax - uvMin) * input.unitPosition);
+    output.color = vec4(input.color.rgb * input.color.a, input.color.a);
+
+    return output;
+}
+
+@fragment
+fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
+    let sample = textureSample(particleTexture, particleSampler, input.texcoord);
+    let premultipliedSample = select(sample, vec4(sample.rgb * sample.a, sample.a), uniforms.flags.x > 0.5);
+
+    return premultipliedSample * input.color;
+}
 `;
 const staticVertexStrideBytes = 8;
 const instanceWords = 6;
@@ -10304,50 +10500,50 @@ class WebGpuParticleRenderer extends AbstractWebGpuRenderer {
 }
 
 /// <reference types="@webgpu/types" />
-const compositorShaderSource = `
-struct ProjectionUniforms {
-    matrix: mat4x4<f32>,
-};
-
-@group(0) @binding(0)
-var<uniform> projection: ProjectionUniforms;
-
-@group(1) @binding(0)
-var contentTexture: texture_2d<f32>;
-@group(1) @binding(1)
-var contentSampler: sampler;
-@group(1) @binding(2)
-var maskTexture: texture_2d<f32>;
-@group(1) @binding(3)
-var maskSampler: sampler;
-
-struct VertexInput {
-    @location(0) position: vec2<f32>,
-    @location(1) texcoord: vec2<f32>,
-};
-
-struct VertexOutput {
-    @builtin(position) position: vec4<f32>,
-    @location(0) texcoord: vec2<f32>,
-};
-
-@vertex
-fn vertexMain(input: VertexInput) -> VertexOutput {
-    var output: VertexOutput;
-
-    output.position = projection.matrix * vec4<f32>(input.position, 0.0, 1.0);
-    output.texcoord = input.texcoord;
-
-    return output;
-}
-
-@fragment
-fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
-    let contentColor = textureSample(contentTexture, contentSampler, input.texcoord);
-    let maskAlpha = textureSample(maskTexture, maskSampler, input.texcoord).a;
-
-    return vec4<f32>(contentColor.rgb * maskAlpha, contentColor.a * maskAlpha);
-}
+const compositorShaderSource = `
+struct ProjectionUniforms {
+    matrix: mat4x4<f32>,
+};
+
+@group(0) @binding(0)
+var<uniform> projection: ProjectionUniforms;
+
+@group(1) @binding(0)
+var contentTexture: texture_2d<f32>;
+@group(1) @binding(1)
+var contentSampler: sampler;
+@group(1) @binding(2)
+var maskTexture: texture_2d<f32>;
+@group(1) @binding(3)
+var maskSampler: sampler;
+
+struct VertexInput {
+    @location(0) position: vec2<f32>,
+    @location(1) texcoord: vec2<f32>,
+};
+
+struct VertexOutput {
+    @builtin(position) position: vec4<f32>,
+    @location(0) texcoord: vec2<f32>,
+};
+
+@vertex
+fn vertexMain(input: VertexInput) -> VertexOutput {
+    var output: VertexOutput;
+
+    output.position = projection.matrix * vec4<f32>(input.position, 0.0, 1.0);
+    output.texcoord = input.texcoord;
+
+    return output;
+}
+
+@fragment
+fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
+    let contentColor = textureSample(contentTexture, contentSampler, input.texcoord);
+    let maskAlpha = textureSample(maskTexture, maskSampler, input.texcoord).a;
+
+    return vec4<f32>(contentColor.rgb * maskAlpha, contentColor.a * maskAlpha);
+}
 `;
 // 4 floats per vertex: position(x, y) + texcoord(u, v).
 const vertexStrideBytes = 16;
@@ -11278,47 +11474,47 @@ class WebGpuBackend {
     _getMipmapResources() {
         if (this._mipmapShaderModule === null || this._mipmapBindGroupLayout === null || this._mipmapPipelineLayout === null || this._mipmapPipeline === null || this._mipmapSampler === null) {
             this._mipmapShaderModule = this.device.createShaderModule({
-                code: `
-struct VertexOutput {
-    @builtin(position) position: vec4<f32>,
-    @location(0) texcoord: vec2<f32>,
-};
-
-@group(0) @binding(0)
-var sourceTexture: texture_2d<f32>;
-@group(0) @binding(1)
-var sourceSampler: sampler;
-
-@vertex
-fn vertexMain(@builtin(vertex_index) vertexIndex: u32) -> VertexOutput {
-    var positions = array<vec2<f32>, 3>(
-        vec2<f32>(-1.0, -1.0),
-        vec2<f32>(3.0, -1.0),
-        vec2<f32>(-1.0, 3.0)
-    );
-    // Y is flipped vs the position array: NDC Y points up, but texture UV
-    // Y points down (UV (0,0) is the top-left of the source). Matching the
-    // two ensures that the output texture's top-left pixel samples from the
-    // source's top-left, so every mip level has the same orientation as the
-    // level above it. Prior to this, odd mip levels were rendered upside
-    // down, producing visible texture flips at view-size doublings.
-    var texcoords = array<vec2<f32>, 3>(
-        vec2<f32>(0.0, 1.0),
-        vec2<f32>(2.0, 1.0),
-        vec2<f32>(0.0, -1.0)
-    );
-    var output: VertexOutput;
-
-    output.position = vec4<f32>(positions[vertexIndex], 0.0, 1.0);
-    output.texcoord = texcoords[vertexIndex];
-
-    return output;
-}
-
-@fragment
-fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
-    return textureSample(sourceTexture, sourceSampler, input.texcoord);
-}
+                code: `
+struct VertexOutput {
+    @builtin(position) position: vec4<f32>,
+    @location(0) texcoord: vec2<f32>,
+};
+
+@group(0) @binding(0)
+var sourceTexture: texture_2d<f32>;
+@group(0) @binding(1)
+var sourceSampler: sampler;
+
+@vertex
+fn vertexMain(@builtin(vertex_index) vertexIndex: u32) -> VertexOutput {
+    var positions = array<vec2<f32>, 3>(
+        vec2<f32>(-1.0, -1.0),
+        vec2<f32>(3.0, -1.0),
+        vec2<f32>(-1.0, 3.0)
+    );
+    // Y is flipped vs the position array: NDC Y points up, but texture UV
+    // Y points down (UV (0,0) is the top-left of the source). Matching the
+    // two ensures that the output texture's top-left pixel samples from the
+    // source's top-left, so every mip level has the same orientation as the
+    // level above it. Prior to this, odd mip levels were rendered upside
+    // down, producing visible texture flips at view-size doublings.
+    var texcoords = array<vec2<f32>, 3>(
+        vec2<f32>(0.0, 1.0),
+        vec2<f32>(2.0, 1.0),
+        vec2<f32>(0.0, -1.0)
+    );
+    var output: VertexOutput;
+
+    output.position = vec4<f32>(positions[vertexIndex], 0.0, 1.0);
+    output.texcoord = texcoords[vertexIndex];
+
+    return output;
+}
+
+@fragment
+fn fragmentMain(input: VertexOutput) -> @location(0) vec4<f32> {
+    return textureSample(sourceTexture, sourceSampler, input.texcoord);
+}
 `,
             });
             this._mipmapBindGroupLayout = this.device.createBindGroupLayout({
@@ -14655,6 +14851,7 @@ class Application {
     _frameRequest = 0;
     _backendType;
     _backend;
+    _capabilities = null;
     constructor(appSettings) {
         this.options = {
             canvas: appSettings?.canvas ?? createDefaultCanvas(),
@@ -14696,11 +14893,26 @@ class Application {
     get backend() {
         return this._backend;
     }
+    /**
+     * Resolved capabilities for the host browser. Available after
+     * {@link Application.start} resolves; reading before that throws.
+     * For pre-start access use {@link Capabilities.ready} directly.
+     */
+    get capabilities() {
+        if (this._capabilities === null) {
+            throw new Error('Application.capabilities is unavailable before start() resolves. Use `await Capabilities.ready` for pre-start checks.');
+        }
+        return this._capabilities;
+    }
     async start(scene) {
         if (this._status === ApplicationStatus.Stopped) {
             this._status = ApplicationStatus.Loading;
+            // Kick off capability detection in parallel with renderer init —
+            // both are mostly-async startup work, no point serializing them.
+            const capabilitiesPromise = Capabilities.ready;
             try {
                 await this.initializeRenderManager();
+                this._capabilities = await capabilitiesPromise;
                 await this.sceneManager.setScene(scene);
                 this._frameRequest = requestAnimationFrame(this._updateHandler);
                 this._frameClock.restart();
@@ -18985,5 +19197,5 @@ const createRapierPhysicsWorld = async (options = {}) => {
     return await RapierPhysicsWorld.create(options);
 };
 
-export { AbstractAssetFactory, AbstractMedia, AbstractWebGl2BatchedRenderer, AbstractWebGl2Renderer, AbstractWebGpuRenderer, AnimatedSprite, Application, ApplicationStatus, ArcadeStickGamepadMapping, AudioAnalyser, BinaryFactory, BlendModes, BlurFilter, Bounds, BufferTypes, BufferUsage, BundleLoadError, CacheFirstStrategy, CallbackRenderPass, ChannelOffset, ChannelSize, Circle, CircleGeometry, Clock, CollisionType, Color, ColorAffector, ColorFilter, Container, Drawable, DrawableShape, Ellipse, FactoryRegistry, Filter, Flags, FontFactory, ForceAffector, GameCubeGamepadMapping, Gamepad, GamepadChannel, GamepadControl, GamepadMapping, GamepadMappingFamily, GamepadPromptLayouts, GenericDualAnalogGamepadMapping, Geometry, Graphics, ImageFactory, IndexedDbDatabase, IndexedDbStore, Input, InputManager, Interval, JoyConLeftGamepadMapping, JoyConRightGamepadMapping, Json, JsonFactory, Keyboard, Line, Loader, Matrix, Mesh, Music, MusicFactory, NetworkOnlyStrategy, ObservableSize, ObservableVector, Particle, ParticleOptions, ParticleSystem, PlayStationGamepadMapping, Pointer, PointerState, PointerStateFlag, PolarVector, Polygon, Quadtree, Random, RapierPhysicsBinding, RapierPhysicsWorld, Rectangle, RenderBackendType, RenderNode, RenderTarget, RenderTargetPass, RenderTexture, RendererRegistry, RenderingPrimitives, Sampler, ScaleAffector, ScaleModes, Scene, SceneManager, SceneNode, Segment, Shader, ShaderAttribute, ShaderPrimitives, ShaderUniform, Signal, Size, Sound, SoundFactory, Sprite, SpriteFlags, Spritesheet, SteamControllerGamepadMapping, SvgAsset, SvgFactory, SwitchProGamepadMapping, Text, TextAsset, TextFactory, TextStyle, Texture, TextureFactory, Time, Timer, TorqueAffector, UniversalEmitter, Vector, Video, VideoFactory, View, ViewFlags, VoronoiRegion, VttAsset, VttFactory, WasmFactory, WebGl2Backend, WebGl2MeshRenderer, WebGl2ParticleRenderer, WebGl2PrimitiveRenderer, WebGl2RenderBuffer, WebGl2ShaderBlock, WebGl2SpriteRenderer, WebGl2VertexArrayObject, WebGpuBackend, WebGpuMeshRenderer, WebGpuParticleRenderer, WebGpuPrimitiveRenderer, WebGpuSpriteRenderer, WrapModes, XboxGamepadMapping, bezierCurveTo, buildCircle, buildEllipse, buildLine, buildPath, buildPolygon, buildRectangle, buildStar, builtInGamepadDefinitions, canvasSourceToDataUrl, clamp, createRapierPhysicsWorld, createRenderStats, createWebGl2ShaderProgram, decodeAudioData, defineAssetManifest, degreesPerRadian, degreesToRadians, determineMimeType, emptyArrayBuffer, getAudioContext, getCanvasSourceSize, getCollisionCircleCircle, getCollisionCircleRectangle, getCollisionPolygonCircle, getCollisionRectangleRectangle, getCollisionSat, getDistance, getOfflineAudioContext, getPreciseTime, getTextureSourceSize, getVoronoiRegion$1 as getVoronoiRegion, getWebGpuBlendState, hours, inRange, intersectionCircleCircle, intersectionCircleEllipse, intersectionCirclePoly, intersectionEllipseEllipse, intersectionEllipsePoly, intersectionLineCircle, intersectionLineEllipse, intersectionLineLine, intersectionLinePoly, intersectionLineRect, intersectionPointCircle, intersectionPointEllipse, intersectionPointLine, intersectionPointPoint, intersectionPointPoly, intersectionPointRect, intersectionPolyPoly, intersectionRectCircle, intersectionRectEllipse, intersectionRectPoly, intersectionRectRect, intersectionSat, isAudioContextReady, isPowerOfTwo, lerp, matchesIds, milliseconds, minutes, noop$1 as noop, normalizeIds, onAudioContextReady, parseGamepadDescriptor, quadraticCurveTo, radiansPerDegree, radiansToDegrees, rand, removeArrayItems, resetRenderStats, resolveDefinition, resolveGamepadDefinition, seconds, sign$1 as sign, stopEvent, supportsCodec, supportsEventOptions, supportsIndexedDb, supportsPointerEvents, supportsTouchEvents, supportsWebAudio, tau, trimRotation, webGl2PrimitiveArrayConstructors, webGl2PrimitiveByteSizeMapping, webGl2PrimitiveTypeNames };
+export { AbstractAssetFactory, AbstractMedia, AbstractWebGl2BatchedRenderer, AbstractWebGl2Renderer, AbstractWebGpuRenderer, AnimatedSprite, Application, ApplicationStatus, ArcadeStickGamepadMapping, AudioAnalyser, BinaryFactory, BlendModes, BlurFilter, Bounds, BufferTypes, BufferUsage, BundleLoadError, CacheFirstStrategy, CallbackRenderPass, Capabilities, ChannelOffset, ChannelSize, Circle, CircleGeometry, Clock, CollisionType, Color, ColorAffector, ColorFilter, Container, Drawable, DrawableShape, Ellipse, FactoryRegistry, Filter, Flags, FontFactory, ForceAffector, GameCubeGamepadMapping, Gamepad, GamepadChannel, GamepadControl, GamepadMapping, GamepadMappingFamily, GamepadPromptLayouts, GenericDualAnalogGamepadMapping, Geometry, Graphics, ImageFactory, IndexedDbDatabase, IndexedDbStore, Input, InputManager, Interval, JoyConLeftGamepadMapping, JoyConRightGamepadMapping, Json, JsonFactory, Keyboard, Line, Loader, Matrix, Mesh, Music, MusicFactory, NetworkOnlyStrategy, ObservableSize, ObservableVector, Particle, ParticleOptions, ParticleSystem, PlayStationGamepadMapping, Pointer, PointerState, PointerStateFlag, PolarVector, Polygon, Quadtree, Random, RapierPhysicsBinding, RapierPhysicsWorld, Rectangle, RenderBackendType, RenderNode, RenderTarget, RenderTargetPass, RenderTexture, RendererRegistry, RenderingPrimitives, Sampler, ScaleAffector, ScaleModes, Scene, SceneManager, SceneNode, Segment, Shader, ShaderAttribute, ShaderPrimitives, ShaderUniform, Signal, Size, Sound, SoundFactory, Sprite, SpriteFlags, Spritesheet, SteamControllerGamepadMapping, SvgAsset, SvgFactory, SwitchProGamepadMapping, Text, TextAsset, TextFactory, TextStyle, Texture, TextureFactory, Time, Timer, TorqueAffector, UniversalEmitter, Vector, Video, VideoFactory, View, ViewFlags, VoronoiRegion, VttAsset, VttFactory, WasmFactory, WebGl2Backend, WebGl2MeshRenderer, WebGl2ParticleRenderer, WebGl2PrimitiveRenderer, WebGl2RenderBuffer, WebGl2ShaderBlock, WebGl2SpriteRenderer, WebGl2VertexArrayObject, WebGpuBackend, WebGpuMeshRenderer, WebGpuParticleRenderer, WebGpuPrimitiveRenderer, WebGpuSpriteRenderer, WrapModes, XboxGamepadMapping, bezierCurveTo, buildCircle, buildEllipse, buildLine, buildPath, buildPolygon, buildRectangle, buildStar, builtInGamepadDefinitions, canvasSourceToDataUrl, clamp, createRapierPhysicsWorld, createRenderStats, createWebGl2ShaderProgram, decodeAudioData, defineAssetManifest, degreesPerRadian, degreesToRadians, determineMimeType, emptyArrayBuffer, getAudioContext, getCanvasSourceSize, getCollisionCircleCircle, getCollisionCircleRectangle, getCollisionPolygonCircle, getCollisionRectangleRectangle, getCollisionSat, getDistance, getOfflineAudioContext, getPreciseTime, getTextureSourceSize, getVoronoiRegion$1 as getVoronoiRegion, getWebGpuBlendState, hours, inRange, intersectionCircleCircle, intersectionCircleEllipse, intersectionCirclePoly, intersectionEllipseEllipse, intersectionEllipsePoly, intersectionLineCircle, intersectionLineEllipse, intersectionLineLine, intersectionLinePoly, intersectionLineRect, intersectionPointCircle, intersectionPointEllipse, intersectionPointLine, intersectionPointPoint, intersectionPointPoly, intersectionPointRect, intersectionPolyPoly, intersectionRectCircle, intersectionRectEllipse, intersectionRectPoly, intersectionRectRect, intersectionSat, isAudioContextReady, isPowerOfTwo, lerp, matchesIds, milliseconds, minutes, noop$1 as noop, normalizeIds, onAudioContextReady, parseGamepadDescriptor, quadraticCurveTo, radiansPerDegree, radiansToDegrees, rand, removeArrayItems, resetRenderStats, resolveDefinition, resolveGamepadDefinition, seconds, sign$1 as sign, stopEvent, supportsCodec, supportsEventOptions, supportsIndexedDb, supportsPointerEvents, supportsTouchEvents, supportsWebAudio, tau, trimRotation, webGl2PrimitiveArrayConstructors, webGl2PrimitiveByteSizeMapping, webGl2PrimitiveTypeNames };
 //# sourceMappingURL=exo.esm.js.map