wuepgg3-track 3.0.4 → 4.0.1

package/dist/{WebGLRenderer-0nbxwc6U.mjs → WebGLRenderer-5GDaDku_.mjs}

@@ -1,9 +1,9 @@
-import { E as d, B, w as m, D as S, J as K, a as Be, S as U, t as b, a5 as Ae, l as $, a6 as Ne, c as p, O as H, k as A, j as N, m as F, M as z, a7 as Y, a8 as ye, a9 as Ce, aa as q, ab as De, A as Ie, R as Ge, e as T } from "./index-DryYmDPe.mjs";
-import { S as O, b as Z } from "./colorToUniform-DQmiMhES.mjs";
-import { e as Ue, G as Fe, c as Oe, b as Pe, U as Me, R as Le, B as J, d as y, f as He, S as we, a as Ve } from "./SharedSystems-D2-L-AEG.mjs";
-class Q {
+import { E as d, c as U, B, w as m, D as S, L as $, a as Ae, S as F, v as b, a6 as Ne, m as z, a7 as ye, d as p, Q as H, l as A, k as N, n as O, M as Y, a8 as q, a9 as Ce, aa as De, ab as Z, ac as Ie, A as Ge, R as Ue, e as v } from "./index-BjfzAHgP.mjs";
+import { S as P, b as Q } from "./colorToUniform-C6ntO3i9.mjs";
+import { e as Fe, G as Oe, c as Pe, b as Me, U as Le, R as we, B as J, d as y, f as He, S as ke, a as Ve } from "./SharedSystems-C25A8QWM.mjs";
+class ee {
   constructor() {
-    this._tempState = O.for2d(), this._didUploadHash = {};
+    this._tempState = P.for2d(), this._didUploadHash = {};
   }
   init(e) {
     e.renderer.runners.contextChange.add(this);
@@ -24,35 +24,43 @@ class Q {
     s.geometry.draw(r.topology, r.size, r.start);
   }
 }
-Q.extension = {
+ee.extension = {
   type: [
     d.WebGLPipesAdaptor
   ],
   name: "batch"
 };
 var x = /* @__PURE__ */ ((t) => (t[t.ELEMENT_ARRAY_BUFFER = 34963] = "ELEMENT_ARRAY_BUFFER", t[t.ARRAY_BUFFER = 34962] = "ARRAY_BUFFER", t[t.UNIFORM_BUFFER = 35345] = "UNIFORM_BUFFER", t))(x || {});
-class ke {
+class Xe {
   constructor(e, r) {
     this._lastBindBaseLocation = -1, this._lastBindCallId = -1, this.buffer = e || null, this.updateID = -1, this.byteLength = -1, this.type = r;
   }
+  destroy() {
+    this.buffer = null, this.updateID = -1, this.byteLength = -1, this.type = -1, this._lastBindBaseLocation = -1, this._lastBindCallId = -1;
+  }
 }
-class ee {
+class te {
   /**
    * @param {Renderer} renderer - The renderer this System works for.
    */
   constructor(e) {
-    this._gpuBuffers = /* @__PURE__ */ Object.create(null), this._boundBufferBases = /* @__PURE__ */ Object.create(null), this._minBaseLocation = 0, this._nextBindBaseIndex = this._minBaseLocation, this._bindCallId = 0, this._renderer = e, this._renderer.renderableGC.addManagedHash(this, "_gpuBuffers");
+    this._boundBufferBases = /* @__PURE__ */ Object.create(null), this._minBaseLocation = 0, this._nextBindBaseIndex = this._minBaseLocation, this._bindCallId = 0, this._renderer = e, this._managedBuffers = new U({
+      renderer: e,
+      type: "resource",
+      onUnload: this.onBufferUnload.bind(this),
+      name: "glBuffer"
+    });
   }
   /** @ignore */
   destroy() {
-    this.destroyAll(), this._renderer = null, this._gl = null, this._gpuBuffers = {}, this._boundBufferBases = {};
+    this._managedBuffers.destroy(), this._renderer = null, this._gl = null, this._boundBufferBases = {};
   }
   /** Sets up the renderer context and necessary buffers. */
   contextChange() {
-    this._gl = this._renderer.gl, this._gpuBuffers = /* @__PURE__ */ Object.create(null), this._maxBindings = this._renderer.limits.maxUniformBindings;
+    this._gl = this._renderer.gl, this.destroyAll(!0), this._maxBindings = this._renderer.limits.maxUniformBindings;
   }
   getGlBuffer(e) {
-    return this._gpuBuffers[e.uid] || this.createGLBuffer(e);
+    return e._gcLastUsed = this._renderer.gc.now, e._gpuData[this._renderer.uid] || this.createGLBuffer(e);
   }
   /**
    * This binds specified buffer. On first run, it will create the webGL buffers for the context too
@@ -120,23 +128,16 @@ class ee {
     const n = e.data, i = e.descriptor.usage & B.STATIC ? r.STATIC_DRAW : r.DYNAMIC_DRAW;
     return n ? s.byteLength >= n.byteLength ? r.bufferSubData(s.type, 0, n, 0, e._updateSize / n.BYTES_PER_ELEMENT) : (s.byteLength = n.byteLength, r.bufferData(s.type, n, i)) : (s.byteLength = e.descriptor.size, r.bufferData(s.type, s.byteLength, i)), s;
   }
-  /** dispose all WebGL resources of all managed buffers */
-  destroyAll() {
-    const e = this._gl;
-    for (const r in this._gpuBuffers)
-      this._gpuBuffers[r] && e.deleteBuffer(this._gpuBuffers[r].buffer);
-    this._gpuBuffers = /* @__PURE__ */ Object.create(null);
-  }
   /**
-   * Disposes buffer
-   * @param {Buffer} buffer - buffer with data
-   * @param {boolean} [contextLost=false] - If context was lost, we suppress deleteVertexArray
+   * dispose all WebGL resources of all managed buffers
+   * @param contextLost
    */
-  onBufferDestroy(e, r) {
-    if (!this._gpuBuffers[e.uid])
-      return;
-    const s = this._gpuBuffers[e.uid], n = this._gl;
-    r || n.deleteBuffer(s.buffer), e.off("destroy", this.onBufferDestroy, this), this._gpuBuffers[e.uid] = null;
+  destroyAll(e = !1) {
+    this._managedBuffers.removeAll(e);
+  }
+  onBufferUnload(e, r = !1) {
+    const s = e._gpuData[this._renderer.uid];
+    s && (r || this._gl.deleteBuffer(s.buffer));
   }
   /**
    * creates and attaches a GLBuffer object tied to the current context.
@@ -147,20 +148,20 @@ class ee {
     const { _gl: r } = this;
     let s = x.ARRAY_BUFFER;
     e.descriptor.usage & B.INDEX ? s = x.ELEMENT_ARRAY_BUFFER : e.descriptor.usage & B.UNIFORM && (s = x.UNIFORM_BUFFER);
-    const n = new ke(r.createBuffer(), s);
-    return this._gpuBuffers[e.uid] = n, e.on("destroy", this.onBufferDestroy, this), n;
+    const n = new Xe(r.createBuffer(), s);
+    return e._gpuData[this._renderer.uid] = n, this._managedBuffers.add(e), n;
   }
   resetState() {
     this._boundBufferBases = /* @__PURE__ */ Object.create(null);
   }
 }
-ee.extension = {
+te.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "buffer"
 };
-const P = class te {
+const M = class re {
   /** @param renderer - The renderer this System works for. */
   constructor(e) {
     this.supports = {
@@ -195,7 +196,7 @@ const P = class te {
     this.gl = e, this._renderer.gl = e;
   }
   init(e) {
-    e = { ...te.defaultOptions, ...e };
+    e = { ...re.defaultOptions, ...e };
     let r = this.multiView = e.multiView;
     if (e.context && r && (m("Renderer created with both a context and multiview enabled. Disabling multiView as both cannot work together."), r = !1), r ? this.canvas = S.get().createCanvas(this._renderer.canvas.width, this._renderer.canvas.height) : this.canvas = this._renderer.view.canvas, e.context)
       this.initFromContext(e.context);
@@ -325,13 +326,13 @@ const P = class te {
     s.uint32Indices = n || !!i.uint32ElementIndex, s.uniformBufferObject = n, s.vertexArrayObject = n || !!i.vertexArrayObject, s.srgbTextures = n || !!i.srgb, s.nonPowOf2wrapping = n, s.nonPowOf2mipmaps = n, s.msaa = n, s.uint32Indices || m("Provided WebGL context does not support 32 index buffer, large scenes may not render correctly");
   }
 };
-P.extension = {
+M.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "context"
 };
-P.defaultOptions = {
+M.defaultOptions = {
   /**
    * {@link WebGLOptions.context}
    * @default null
@@ -363,68 +364,82 @@ P.defaultOptions = {
    */
   multiView: !1
 };
-let Xe = P;
-var I = /* @__PURE__ */ ((t) => (t[t.RGBA = 6408] = "RGBA", t[t.RGB = 6407] = "RGB", t[t.RG = 33319] = "RG", t[t.RED = 6403] = "RED", t[t.RGBA_INTEGER = 36249] = "RGBA_INTEGER", t[t.RGB_INTEGER = 36248] = "RGB_INTEGER", t[t.RG_INTEGER = 33320] = "RG_INTEGER", t[t.RED_INTEGER = 36244] = "RED_INTEGER", t[t.ALPHA = 6406] = "ALPHA", t[t.LUMINANCE = 6409] = "LUMINANCE", t[t.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", t[t.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", t[t.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", t))(I || {}), re = /* @__PURE__ */ ((t) => (t[t.TEXTURE_2D = 3553] = "TEXTURE_2D", t[t.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", t[t.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", t[t.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", t[t.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", t[t.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", t[t.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", t))(re || {}), h = /* @__PURE__ */ ((t) => (t[t.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", t[t.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", t[t.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", t[t.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", t[t.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", t[t.UNSIGNED_INT = 5125] = "UNSIGNED_INT", t[t.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", t[t.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", t[t.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", t[t.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", t[t.BYTE = 5120] = "BYTE", t[t.SHORT = 5122] = "SHORT", t[t.INT = 5124] = "INT", t[t.FLOAT = 5126] = "FLOAT", t[t.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", t[t.HALF_FLOAT = 36193] = "HALF_FLOAT", t))(h || {});
-const w = {
-  uint8x2: h.UNSIGNED_BYTE,
-  uint8x4: h.UNSIGNED_BYTE,
-  sint8x2: h.BYTE,
-  sint8x4: h.BYTE,
-  unorm8x2: h.UNSIGNED_BYTE,
-  unorm8x4: h.UNSIGNED_BYTE,
-  snorm8x2: h.BYTE,
-  snorm8x4: h.BYTE,
-  uint16x2: h.UNSIGNED_SHORT,
-  uint16x4: h.UNSIGNED_SHORT,
-  sint16x2: h.SHORT,
-  sint16x4: h.SHORT,
-  unorm16x2: h.UNSIGNED_SHORT,
-  unorm16x4: h.UNSIGNED_SHORT,
-  snorm16x2: h.SHORT,
-  snorm16x4: h.SHORT,
-  float16x2: h.HALF_FLOAT,
-  float16x4: h.HALF_FLOAT,
-  float32: h.FLOAT,
-  float32x2: h.FLOAT,
-  float32x3: h.FLOAT,
-  float32x4: h.FLOAT,
-  uint32: h.UNSIGNED_INT,
-  uint32x2: h.UNSIGNED_INT,
-  uint32x3: h.UNSIGNED_INT,
-  uint32x4: h.UNSIGNED_INT,
-  sint32: h.INT,
-  sint32x2: h.INT,
-  sint32x3: h.INT,
-  sint32x4: h.INT
+let We = M;
+var I = /* @__PURE__ */ ((t) => (t[t.RGBA = 6408] = "RGBA", t[t.RGB = 6407] = "RGB", t[t.RG = 33319] = "RG", t[t.RED = 6403] = "RED", t[t.RGBA_INTEGER = 36249] = "RGBA_INTEGER", t[t.RGB_INTEGER = 36248] = "RGB_INTEGER", t[t.RG_INTEGER = 33320] = "RG_INTEGER", t[t.RED_INTEGER = 36244] = "RED_INTEGER", t[t.ALPHA = 6406] = "ALPHA", t[t.LUMINANCE = 6409] = "LUMINANCE", t[t.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", t[t.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", t[t.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", t))(I || {}), se = /* @__PURE__ */ ((t) => (t[t.TEXTURE_2D = 3553] = "TEXTURE_2D", t[t.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", t[t.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", t[t.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", t[t.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", t[t.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", t[t.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", t))(se || {}), f = /* @__PURE__ */ ((t) => (t[t.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", t[t.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", t[t.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", t[t.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", t[t.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", t[t.UNSIGNED_INT = 5125] = "UNSIGNED_INT", t[t.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", t[t.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", t[t.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", t[t.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", t[t.BYTE = 5120] = "BYTE", t[t.SHORT = 5122] = "SHORT", t[t.INT = 5124] = "INT", t[t.FLOAT = 5126] = "FLOAT", t[t.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", t[t.HALF_FLOAT = 36193] = "HALF_FLOAT", t))(f || {});
+const k = {
+  uint8x2: f.UNSIGNED_BYTE,
+  uint8x4: f.UNSIGNED_BYTE,
+  sint8x2: f.BYTE,
+  sint8x4: f.BYTE,
+  unorm8x2: f.UNSIGNED_BYTE,
+  unorm8x4: f.UNSIGNED_BYTE,
+  snorm8x2: f.BYTE,
+  snorm8x4: f.BYTE,
+  uint16x2: f.UNSIGNED_SHORT,
+  uint16x4: f.UNSIGNED_SHORT,
+  sint16x2: f.SHORT,
+  sint16x4: f.SHORT,
+  unorm16x2: f.UNSIGNED_SHORT,
+  unorm16x4: f.UNSIGNED_SHORT,
+  snorm16x2: f.SHORT,
+  snorm16x4: f.SHORT,
+  float16x2: f.HALF_FLOAT,
+  float16x4: f.HALF_FLOAT,
+  float32: f.FLOAT,
+  float32x2: f.FLOAT,
+  float32x3: f.FLOAT,
+  float32x4: f.FLOAT,
+  uint32: f.UNSIGNED_INT,
+  uint32x2: f.UNSIGNED_INT,
+  uint32x3: f.UNSIGNED_INT,
+  uint32x4: f.UNSIGNED_INT,
+  sint32: f.INT,
+  sint32x2: f.INT,
+  sint32x3: f.INT,
+  sint32x4: f.INT
 };
-function We(t) {
-  return w[t] ?? w.float32;
+function je(t) {
+  return k[t] ?? k.float32;
 }
-const je = {
+const Ke = {
   "point-list": 0,
   "line-list": 1,
   "line-strip": 3,
   "triangle-list": 4,
   "triangle-strip": 5
 };
-class se {
+class $e {
+  constructor() {
+    this.vaoCache = /* @__PURE__ */ Object.create(null);
+  }
+  destroy() {
+    this.vaoCache = /* @__PURE__ */ Object.create(null);
+  }
+}
+class ne {
   /** @param renderer - The renderer this System works for. */
   constructor(e) {
-    this._geometryVaoHash = /* @__PURE__ */ Object.create(null), this._renderer = e, this._activeGeometry = null, this._activeVao = null, this.hasVao = !0, this.hasInstance = !0, this._renderer.renderableGC.addManagedHash(this, "_geometryVaoHash");
+    this._renderer = e, this._activeGeometry = null, this._activeVao = null, this.hasVao = !0, this.hasInstance = !0, this._managedGeometries = new U({
+      renderer: e,
+      type: "resource",
+      onUnload: this.onGeometryUnload.bind(this),
+      name: "glGeometry"
+    });
   }
   /** Sets up the renderer context and necessary buffers. */
   contextChange() {
     const e = this.gl = this._renderer.gl;
     if (!this._renderer.context.supports.vertexArrayObject)
       throw new Error("[PixiJS] Vertex Array Objects are not supported on this device");
+    this.destroyAll(!0);
     const r = this._renderer.context.extensions.vertexArrayObject;
     r && (e.createVertexArray = () => r.createVertexArrayOES(), e.bindVertexArray = (n) => r.bindVertexArrayOES(n), e.deleteVertexArray = (n) => r.deleteVertexArrayOES(n));
     const s = this._renderer.context.extensions.vertexAttribDivisorANGLE;
     s && (e.drawArraysInstanced = (n, i, a, o) => {
       s.drawArraysInstancedANGLE(n, i, a, o);
-    }, e.drawElementsInstanced = (n, i, a, o, c) => {
-      s.drawElementsInstancedANGLE(n, i, a, o, c);
-    }, e.vertexAttribDivisor = (n, i) => s.vertexAttribDivisorANGLE(n, i)), this._activeGeometry = null, this._activeVao = null, this._geometryVaoHash = /* @__PURE__ */ Object.create(null);
+    }, e.drawElementsInstanced = (n, i, a, o, u) => {
+      s.drawElementsInstancedANGLE(n, i, a, o, u);
+    }, e.vertexAttribDivisor = (n, i) => s.vertexAttribDivisorANGLE(n, i)), this._activeGeometry = null, this._activeVao = null;
   }
   /**
    * Binds geometry so that is can be drawn. Creating a Vao if required
@@ -448,6 +463,7 @@ class se {
       const n = e.buffers[s];
       r.updateBuffer(n);
     }
+    e._gcLastUsed = this._renderer.gc.now;
   }
   /**
    * Check compatibility between a geometry and a program
@@ -474,7 +490,7 @@ class se {
   }
   getVao(e, r) {
     var s;
-    return ((s = this._geometryVaoHash[e.uid]) == null ? void 0 : s[r._key]) || this.initGeometryVao(e, r);
+    return ((s = e._gpuData[this._renderer.uid]) == null ? void 0 : s.vaoCache[r._key]) || this.initGeometryVao(e, r);
   }
   /**
    * Creates or gets Vao with the same structure as the geometry and stores it on the geometry.
@@ -487,49 +503,36 @@ class se {
   initGeometryVao(e, r, s = !0) {
     const n = this._renderer.gl, i = this._renderer.buffer;
     this._renderer.shader._getProgramData(r), this.checkCompatibility(e, r);
-    const a = this.getSignature(e, r);
-    this._geometryVaoHash[e.uid] || (this._geometryVaoHash[e.uid] = /* @__PURE__ */ Object.create(null), e.on("destroy", this.onGeometryDestroy, this));
-    const o = this._geometryVaoHash[e.uid];
-    let c = o[a];
+    const a = this.getSignature(e, r), o = new $e();
+    e._gpuData[this._renderer.uid] = o, this._managedGeometries.add(e);
+    const u = o.vaoCache;
+    let c = u[a];
     if (c)
-      return o[r._key] = c, c;
-    Ue(e, r._attributeData);
-    const u = e.buffers;
+      return u[r._key] = c, c;
+    Fe(e, r._attributeData);
+    const _ = e.buffers;
     c = n.createVertexArray(), n.bindVertexArray(c);
-    for (let _ = 0; _ < u.length; _++) {
-      const f = u[_];
-      i.bind(f);
+    for (let h = 0; h < _.length; h++) {
+      const l = _[h];
+      i.bind(l);
     }
-    return this.activateVao(e, r), o[r._key] = c, o[a] = c, n.bindVertexArray(null), c;
+    return this.activateVao(e, r), u[r._key] = c, u[a] = c, n.bindVertexArray(null), c;
   }
-  /**
-   * Disposes geometry.
-   * @param geometry - Geometry with buffers. Only VAO will be disposed
-   * @param [contextLost=false] - If context was lost, we suppress deleteVertexArray
-   */
-  onGeometryDestroy(e, r) {
-    const s = this._geometryVaoHash[e.uid], n = this.gl;
-    if (s) {
-      if (r)
-        for (const i in s)
-          this._activeVao !== s[i] && this.unbind(), n.deleteVertexArray(s[i]);
-      this._geometryVaoHash[e.uid] = null;
-    }
+  onGeometryUnload(e, r = !1) {
+    const s = e._gpuData[this._renderer.uid];
+    if (!s)
+      return;
+    const n = s.vaoCache;
+    if (!r)
+      for (const i in n)
+        this._activeVao !== n[i] && this.resetState(), this.gl.deleteVertexArray(n[i]);
   }
   /**
    * Dispose all WebGL resources of all managed geometries.
    * @param [contextLost=false] - If context was lost, we suppress `gl.delete` calls
    */
   destroyAll(e = !1) {
-    const r = this.gl;
-    for (const s in this._geometryVaoHash) {
-      if (e)
-        for (const n in this._geometryVaoHash[s]) {
-          const i = this._geometryVaoHash[s];
-          this._activeVao !== i && this.unbind(), r.deleteVertexArray(i[n]);
-        }
-      this._geometryVaoHash[s] = null;
-    }
+    this._managedGeometries.removeAll(e);
   }
   /**
    * Activate vertex array object.
@@ -541,30 +544,30 @@ class se {
     const s = this._renderer.gl, n = this._renderer.buffer, i = e.attributes;
     e.indexBuffer && n.bind(e.indexBuffer);
     let a = null;
-    for (const c in i) {
-      const u = i[c], _ = u.buffer, f = n.getGlBuffer(_), l = r._attributeData[c];
+    for (const u in i) {
+      const c = i[u], _ = c.buffer, h = n.getGlBuffer(_), l = r._attributeData[u];
       if (l) {
-        a !== f && (n.bind(_), a = f);
+        a !== h && (n.bind(_), a = h);
         const E = l.location;
         s.enableVertexAttribArray(E);
-        const v = K(u.format), L = We(u.format);
+        const T = $(c.format), w = je(c.format);
         if (((o = l.format) == null ? void 0 : o.substring(1, 4)) === "int" ? s.vertexAttribIPointer(
           E,
-          v.size,
-          L,
-          u.stride,
-          u.offset
+          T.size,
+          w,
+          c.stride,
+          c.offset
         ) : s.vertexAttribPointer(
           E,
-          v.size,
-          L,
-          v.normalised,
-          u.stride,
-          u.offset
-        ), u.instance)
+          T.size,
+          w,
+          T.normalised,
+          c.stride,
+          c.offset
+        ), c.instance)
           if (this.hasInstance) {
-            const ve = u.divisor ?? 1;
-            s.vertexAttribDivisor(E, ve);
+            const Be = c.divisor ?? 1;
+            s.vertexAttribDivisor(E, Be);
           } else
             throw new Error("geometry error, GPU Instancing is not supported on this device");
       }
@@ -582,10 +585,10 @@ class se {
    * @returns This instance of the geometry system.
    */
   draw(e, r, s, n) {
-    const { gl: i } = this._renderer, a = this._activeGeometry, o = je[e || a.topology];
+    const { gl: i } = this._renderer, a = this._activeGeometry, o = Ke[e || a.topology];
     if (n ?? (n = a.instanceCount), a.indexBuffer) {
-      const c = a.indexBuffer.data.BYTES_PER_ELEMENT, u = c === 2 ? i.UNSIGNED_SHORT : i.UNSIGNED_INT;
-      n !== 1 ? i.drawElementsInstanced(o, r || a.indexBuffer.data.length, u, (s || 0) * c, n) : i.drawElements(o, r || a.indexBuffer.data.length, u, (s || 0) * c);
+      const u = a.indexBuffer.data.BYTES_PER_ELEMENT, c = u === 2 ? i.UNSIGNED_SHORT : i.UNSIGNED_INT;
+      n !== 1 ? i.drawElementsInstanced(o, r || a.indexBuffer.data.length, c, (s || 0) * u, n) : i.drawElements(o, r || a.indexBuffer.data.length, c, (s || 0) * u);
     } else n !== 1 ? i.drawArraysInstanced(o, s || 0, r || a.getSize(), n) : i.drawArrays(o, s || 0, r || a.getSize());
     return this;
   }
@@ -594,16 +597,16 @@ class se {
     this.gl.bindVertexArray(null), this._activeVao = null, this._activeGeometry = null;
   }
   destroy() {
-    this._renderer = null, this.gl = null, this._activeVao = null, this._activeGeometry = null, this._geometryVaoHash = {};
+    this._managedGeometries.destroy(), this._renderer = null, this.gl = null, this._activeVao = null, this._activeGeometry = null;
   }
 }
-se.extension = {
+ne.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "geometry"
 };
-const Ke = new Ae({
+const ze = new Ne({
   attributes: {
     aPosition: [
       -1,
@@ -617,14 +620,14 @@ const Ke = new Ae({
       // Top left corner, extending beyond top edge
     ]
   }
-}), M = class ne {
+}), L = class ie {
   constructor(e) {
     this.useBackBuffer = !1, this._useBackBufferThisRender = !1, this._renderer = e;
   }
   init(e = {}) {
-    const { useBackBuffer: r, antialias: s } = { ...ne.defaultOptions, ...e };
-    this.useBackBuffer = r, this._antialias = s, this._renderer.context.supports.msaa || (m("antialiasing, is not supported on when using the back buffer"), this._antialias = !1), this._state = O.for2d();
-    const n = new Be({
+    const { useBackBuffer: r, antialias: s } = { ...ie.defaultOptions, ...e };
+    this.useBackBuffer = r, this._antialias = s, this._renderer.context.supports.msaa || (m("antialiasing, is not supported on when using the back buffer"), this._antialias = !1), this._state = P.for2d();
+    const n = new Ae({
       vertex: `
                 attribute vec2 aPosition;
                 out vec2 vUv;
@@ -648,7 +651,7 @@ const Ke = new Ae({
                 }`,
       name: "big-triangle"
     });
-    this._bigTriangleShader = new U({
+    this._bigTriangleShader = new F({
       glProgram: n,
       resources: {
         uTexture: b.WHITE.source
@@ -673,14 +676,14 @@ const Ke = new Ae({
   _presentBackBuffer() {
     const e = this._renderer;
     e.renderTarget.finishRenderPass(), this._useBackBufferThisRender && (e.renderTarget.bind(this._targetTexture, !1), this._bigTriangleShader.resources.uTexture = this._backBufferTexture.source, e.encoder.draw({
-      geometry: Ke,
+      geometry: ze,
       shader: this._bigTriangleShader,
       state: this._state
     }));
   }
   _getBackBufferTexture(e) {
     return this._backBufferTexture = this._backBufferTexture || new b({
-      source: new $({
+      source: new z({
         width: e.width,
         height: e.height,
         resolution: e._resolution,
@@ -697,19 +700,19 @@ const Ke = new Ae({
     this._backBufferTexture && (this._backBufferTexture.destroy(), this._backBufferTexture = null);
   }
 };
-M.extension = {
+L.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "backBuffer",
   priority: 1
 };
-M.defaultOptions = {
+L.defaultOptions = {
   /** if true will use the back buffer where required */
   useBackBuffer: !1
 };
-let $e = M;
-class ie {
+let Ye = L;
+class ae {
   constructor(e) {
     this._colorMaskCache = 15, this._renderer = e;
   }
@@ -722,13 +725,13 @@ class ie {
     ));
   }
 }
-ie.extension = {
+ae.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "colorMask"
 };
-class ae {
+class oe {
   constructor(e) {
     this.commandFinished = Promise.resolve(), this._renderer = e;
   }
@@ -738,44 +741,44 @@ class ae {
   finishRenderPass() {
   }
   draw(e) {
-    const r = this._renderer, { geometry: s, shader: n, state: i, skipSync: a, topology: o, size: c, start: u, instanceCount: _ } = e;
-    r.shader.bind(n, a), r.geometry.bind(s, r.shader._activeProgram), i && r.state.set(i), r.geometry.draw(o, c, u, _ ?? s.instanceCount);
+    const r = this._renderer, { geometry: s, shader: n, state: i, skipSync: a, topology: o, size: u, start: c, instanceCount: _ } = e;
+    r.shader.bind(n, a), r.geometry.bind(s, r.shader._activeProgram), i && r.state.set(i), r.geometry.draw(o, u, c, _ ?? s.instanceCount);
   }
   destroy() {
     this._renderer = null;
   }
 }
-ae.extension = {
+oe.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "encoder"
 };
-class oe {
+class ce {
   constructor(e) {
     this._renderer = e;
   }
   contextChange() {
     const e = this._renderer.gl;
-    this.maxTextures = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.maxBatchableTextures = Ne(this.maxTextures, e);
+    this.maxTextures = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.maxBatchableTextures = ye(this.maxTextures, e);
     const r = this._renderer.context.webGLVersion === 2;
     this.maxUniformBindings = r ? e.getParameter(e.MAX_UNIFORM_BUFFER_BINDINGS) : 0;
   }
   destroy() {
   }
 }
-oe.extension = {
+ce.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "limits"
 };
-class ze {
+class qe {
   constructor() {
     this.width = -1, this.height = -1, this.msaa = !1, this.msaaRenderBuffer = [];
   }
 }
-class ce {
+class ue {
   constructor(e) {
     this._stencilCache = {
       enabled: !1,
@@ -818,7 +821,7 @@ class ce {
     this._stencilCache.enabled = !1, this._stencilCache.stencilMode = p.NONE, this._stencilCache.stencilReference = 0;
   }
   setStencilMode(e, r) {
-    const s = this._renderTargetStencilState[this._activeRenderTarget.uid], n = this._gl, i = Fe[e], a = this._stencilCache;
+    const s = this._renderTargetStencilState[this._activeRenderTarget.uid], n = this._gl, i = Oe[e], a = this._stencilCache;
     if (s.stencilMode = e, s.stencilReference = r, e === p.DISABLED) {
       this._stencilCache.enabled && (this._stencilCache.enabled = !1, n.disable(n.STENCIL_TEST));
       return;
@@ -826,13 +829,13 @@ class ce {
     this._stencilCache.enabled || (this._stencilCache.enabled = !0, n.enable(n.STENCIL_TEST)), (e !== a.stencilMode || a.stencilReference !== r) && (a.stencilMode = e, a.stencilReference = r, n.stencilFunc(this._comparisonFuncMapping[i.stencilBack.compare], r, 255), n.stencilOp(n.KEEP, n.KEEP, this._stencilOpsMapping[i.stencilBack.passOp]));
   }
 }
-ce.extension = {
+ue.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "stencil"
 };
-const ue = {
+const _e = {
   f32: 4,
   i32: 4,
   "vec2<f32>": 8,
@@ -861,7 +864,7 @@ const ue = {
   // mat3:     16 * 3,
   // mat4:     16 * 4,
 };
-function Ye(t) {
+function Ze(t) {
   const e = t.map((i) => ({
     data: i,
     offset: 0,
@@ -870,18 +873,18 @@ function Ye(t) {
   let s = 0, n = 0;
   for (let i = 0; i < e.length; i++) {
     const a = e[i];
-    if (s = ue[a.data.type], !s)
+    if (s = _e[a.data.type], !s)
       throw new Error(`Unknown type ${a.data.type}`);
     a.data.size > 1 && (s = Math.max(s, r) * a.data.size);
     const o = s === 12 ? 16 : s;
     a.size = s;
-    const c = n % r;
-    c > 0 && r - c < o ? n += (r - c) % 16 : n += (s - c % s) % s, a.offset = n, n += s;
+    const u = n % r;
+    u > 0 && r - u < o ? n += (r - u) % 16 : n += (s - u % s) % s, a.offset = n, n += s;
   }
   return n = Math.ceil(n / 16) * 16, { uboElements: e, size: n };
 }
-function qe(t, e) {
-  const r = Math.max(ue[t.data.type] / 16, 1), s = t.data.value.length / t.data.size, n = (4 - s % 4) % 4, i = t.data.type.indexOf("i32") >= 0 ? "dataInt32" : "data";
+function Qe(t, e) {
+  const r = Math.max(_e[t.data.type] / 16, 1), s = t.data.value.length / t.data.size, n = (4 - s % 4) % 4, i = t.data.type.indexOf("i32") >= 0 ? "dataInt32" : "data";
   return `
         v = uv.${t.data.name};
         offset += ${e};
@@ -900,27 +903,27 @@ function qe(t, e) {
         }
     `;
 }
-function Ze(t) {
-  return Oe(
+function Je(t) {
+  return Pe(
     t,
     "uboStd40",
-    qe,
-    Pe
+    Qe,
+    Me
   );
 }
-class _e extends Me {
+class fe extends Le {
   constructor() {
     super({
-      createUboElements: Ye,
-      generateUboSync: Ze
+      createUboElements: Ze,
+      generateUboSync: Je
     });
   }
 }
-_e.extension = {
+fe.extension = {
   type: [d.WebGLSystem],
   name: "ubo"
 };
-class Je {
+class et {
   constructor() {
     this._clearColorCache = [0, 0, 0, 0], this._viewPortCache = new H();
   }
@@ -929,11 +932,15 @@ class Je {
   }
   contextChange() {
     this._clearColorCache = [0, 0, 0, 0], this._viewPortCache = new H();
+    const e = this._renderer.gl;
+    this._drawBuffersCache = [];
+    for (let r = 1; r <= 16; r++)
+      this._drawBuffersCache[r] = Array.from({ length: r }, (s, n) => e.COLOR_ATTACHMENT0 + n);
   }
   copyToTexture(e, r, s, n, i) {
-    const a = this._renderTargetSystem, o = this._renderer, c = a.getGpuRenderTarget(e), u = o.gl;
-    return this.finishRenderPass(e), u.bindFramebuffer(u.FRAMEBUFFER, c.resolveTargetFramebuffer), o.texture.bind(r, 0), u.copyTexSubImage2D(
-      u.TEXTURE_2D,
+    const a = this._renderTargetSystem, o = this._renderer, u = a.getGpuRenderTarget(e), c = o.gl;
+    return this.finishRenderPass(e), c.bindFramebuffer(c.FRAMEBUFFER, u.resolveTargetFramebuffer), o.texture.bind(r, 0), c.copyTexSubImage2D(
+      c.TEXTURE_2D,
       0,
       i.x,
       i.y,
@@ -945,16 +952,16 @@ class Je {
   }
   startRenderPass(e, r = !0, s, n) {
     const i = this._renderTargetSystem, a = e.colorTexture, o = i.getGpuRenderTarget(e);
-    let c = n.y;
-    e.isRoot && (c = a.pixelHeight - n.height), e.colorTextures.forEach((f) => {
-      this._renderer.texture.unbind(f);
+    let u = n.y;
+    e.isRoot && (u = a.pixelHeight - n.height - n.y), e.colorTextures.forEach((h) => {
+      this._renderer.texture.unbind(h);
     });
-    const u = this._renderer.gl;
-    u.bindFramebuffer(u.FRAMEBUFFER, o.framebuffer);
+    const c = this._renderer.gl;
+    c.bindFramebuffer(c.FRAMEBUFFER, o.framebuffer), e.colorTextures.length > 1 && this._setDrawBuffers(e, c);
     const _ = this._viewPortCache;
-    (_.x !== n.x || _.y !== c || _.width !== n.width || _.height !== n.height) && (_.x = n.x, _.y = c, _.width = n.width, _.height = n.height, u.viewport(
+    (_.x !== n.x || _.y !== u || _.width !== n.width || _.height !== n.height) && (_.x = n.x, _.y = u, _.width = n.width, _.height = n.height, c.viewport(
       n.x,
-      c,
+      u,
       n.width,
       n.height
     )), !o.depthStencilRenderBuffer && (e.stencil || e.depth) && this._initStencil(o), this.clear(e, r, s);
@@ -978,7 +985,7 @@ class Je {
     ), n.bindFramebuffer(n.FRAMEBUFFER, s.framebuffer);
   }
   initGpuRenderTarget(e) {
-    const s = this._renderer.gl, n = new ze();
+    const s = this._renderer.gl, n = new qe();
     return e.colorTexture instanceof A ? (this._renderer.context.ensureCanvasSize(e.colorTexture.resource), n.framebuffer = null, n) : (this._initColor(e, n), s.bindFramebuffer(s.FRAMEBUFFER, null), n);
   }
   destroyGpuRenderTarget(e) {
@@ -1008,23 +1015,23 @@ class Je {
   }
   _initColor(e, r) {
     const s = this._renderer, n = s.gl, i = n.createFramebuffer();
-    if (r.resolveTargetFramebuffer = i, n.bindFramebuffer(n.FRAMEBUFFER, i), r.width = e.colorTexture.source.pixelWidth, r.height = e.colorTexture.source.pixelHeight, e.colorTextures.forEach((a, o) => {
-      const c = a.source;
+    if (r.resolveTargetFramebuffer = i, n.bindFramebuffer(n.FRAMEBUFFER, i), r.width = e.colorTexture.source.pixelWidth, r.height = e.colorTexture.source.pixelHeight, e.colorTextures.forEach((o, u) => {
+      const c = o.source;
       c.antialias && (s.context.supports.msaa ? r.msaa = !0 : m("[RenderTexture] Antialiasing on textures is not supported in WebGL1")), s.texture.bindSource(c, 0);
-      const _ = s.texture.getGlSource(c).texture;
+      const h = s.texture.getGlSource(c).texture;
       n.framebufferTexture2D(
         n.FRAMEBUFFER,
-        n.COLOR_ATTACHMENT0 + o,
+        n.COLOR_ATTACHMENT0 + u,
         3553,
         // texture.target,
-        _,
+        h,
         0
       );
     }), r.msaa) {
-      const a = n.createFramebuffer();
-      r.framebuffer = a, n.bindFramebuffer(n.FRAMEBUFFER, a), e.colorTextures.forEach((o, c) => {
-        const u = n.createRenderbuffer();
-        r.msaaRenderBuffer[c] = u;
+      const o = n.createFramebuffer();
+      r.framebuffer = o, n.bindFramebuffer(n.FRAMEBUFFER, o), e.colorTextures.forEach((u, c) => {
+        const _ = n.createRenderbuffer();
+        r.msaaRenderBuffer[c] = _;
       });
     } else
       r.framebuffer = i;
@@ -1036,22 +1043,22 @@ class Je {
       i !== 0 && n.source.resize(s.width, s.height, s._resolution);
     }), r.msaa) {
       const n = this._renderer, i = n.gl, a = r.framebuffer;
-      i.bindFramebuffer(i.FRAMEBUFFER, a), e.colorTextures.forEach((o, c) => {
-        const u = o.source;
-        n.texture.bindSource(u, 0);
-        const f = n.texture.getGlSource(u).internalFormat, l = r.msaaRenderBuffer[c];
+      i.bindFramebuffer(i.FRAMEBUFFER, a), e.colorTextures.forEach((o, u) => {
+        const c = o.source;
+        n.texture.bindSource(c, 0);
+        const h = n.texture.getGlSource(c).internalFormat, l = r.msaaRenderBuffer[u];
         i.bindRenderbuffer(
           i.RENDERBUFFER,
           l
         ), i.renderbufferStorageMultisample(
           i.RENDERBUFFER,
           4,
-          f,
-          u.pixelWidth,
-          u.pixelHeight
+          h,
+          c.pixelWidth,
+          c.pixelHeight
         ), i.framebufferRenderbuffer(
           i.FRAMEBUFFER,
-          i.COLOR_ATTACHMENT0 + c,
+          i.COLOR_ATTACHMENT0 + u,
           i.RENDERBUFFER,
           l
         );
@@ -1104,17 +1111,25 @@ class Je {
       );
     }
   }
+  _setDrawBuffers(e, r) {
+    const s = e.colorTextures.length, n = this._drawBuffersCache[s];
+    if (this._renderer.context.webGLVersion === 1) {
+      const i = this._renderer.context.extensions.drawBuffers;
+      i ? i.drawBuffersWEBGL(n) : m("[RenderTexture] This WebGL1 context does not support rendering to multiple targets");
+    } else
+      r.drawBuffers(n);
+  }
 }
-class he extends Le {
+class he extends we {
   constructor(e) {
-    super(e), this.adaptor = new Je(), this.adaptor.init(e, this);
+    super(e), this.adaptor = new et(), this.adaptor.init(e, this);
   }
 }
 he.extension = {
   type: [d.WebGLSystem],
   name: "renderTarget"
 };
-function Qe(t, e) {
+function tt(t, e) {
   const r = [], s = [`
         var g = s.groups;
         var sS = r.shader;
@@ -1124,16 +1139,16 @@ function Qe(t, e) {
     `];
   let n = !1, i = 0;
   const a = e._getProgramData(t.glProgram);
-  for (const c in t.groups) {
-    const u = t.groups[c];
+  for (const u in t.groups) {
+    const c = t.groups[u];
     r.push(`
-            resources = g[${c}].resources;
+            resources = g[${u}].resources;
         `);
-    for (const _ in u.resources) {
-      const f = u.resources[_];
-      if (f instanceof F)
-        if (f.ubo) {
-          const l = t._uniformBindMap[c][Number(_)];
+    for (const _ in c.resources) {
+      const h = c.resources[_];
+      if (h instanceof O)
+        if (h.ubo) {
+          const l = t._uniformBindMap[u][Number(_)];
           r.push(`
                         sS.bindUniformBlock(
                             resources[${_}],
@@ -1145,8 +1160,8 @@ function Qe(t, e) {
           r.push(`
                         ugS.updateUniformGroup(resources[${_}], p, sD);
                     `);
-      else if (f instanceof J) {
-        const l = t._uniformBindMap[c][Number(_)];
+      else if (h instanceof J) {
+        const l = t._uniformBindMap[u][Number(_)];
         r.push(`
                     sS.bindUniformBlock(
                         resources[${_}],
@@ -1154,8 +1169,8 @@ function Qe(t, e) {
                         ${t.glProgram._uniformBlockData[l].index}
                     );
                 `);
-      } else if (f instanceof $) {
-        const l = t._uniformBindMap[c][_], E = a.uniformData[l];
+      } else if (h instanceof z) {
+        const l = t._uniformBindMap[u][_], E = a.uniformData[l];
         E && (n || (n = !0, s.push(`
                         var tS = r.texture;
                         `)), e._gl.uniform1i(E.location, i), r.push(`
@@ -1168,7 +1183,7 @@ function Qe(t, e) {
 `);
   return new Function("r", "s", "sD", o);
 }
-class et {
+class rt {
   /**
    * Makes a new Pixi program.
    * @param program - webgl program
@@ -1192,7 +1207,7 @@ function C(t) {
     e[r] = !1;
   return e;
 }
-function fe(t, e) {
+function le(t, e) {
   switch (t) {
     case "float":
       return 0;
@@ -1269,7 +1284,7 @@ function fe(t, e) {
   return null;
 }
 let g = null;
-const k = {
+const X = {
   FLOAT: "float",
   FLOAT_VEC2: "vec2",
   FLOAT_VEC3: "vec3",
@@ -1298,7 +1313,7 @@ const k = {
   SAMPLER_2D_ARRAY: "sampler2DArray",
   INT_SAMPLER_2D_ARRAY: "sampler2DArray",
   UNSIGNED_INT_SAMPLER_2D_ARRAY: "sampler2DArray"
-}, tt = {
+}, st = {
   float: "float32",
   vec2: "float32x2",
   vec3: "float32x3",
@@ -1316,33 +1331,33 @@ const k = {
   bvec3: "uint32x3",
   bvec4: "uint32x4"
 };
-function le(t, e) {
+function de(t, e) {
   if (!g) {
-    const r = Object.keys(k);
+    const r = Object.keys(X);
     g = {};
     for (let s = 0; s < r.length; ++s) {
       const n = r[s];
-      g[t[n]] = k[n];
+      g[t[n]] = X[n];
     }
   }
   return g[e];
 }
-function rt(t, e) {
-  const r = le(t, e);
-  return tt[r] || "float32";
+function nt(t, e) {
+  const r = de(t, e);
+  return st[r] || "float32";
 }
-function st(t, e, r = !1) {
+function it(t, e, r = !1) {
   const s = {}, n = e.getProgramParameter(t, e.ACTIVE_ATTRIBUTES);
   for (let a = 0; a < n; a++) {
     const o = e.getActiveAttrib(t, a);
     if (o.name.startsWith("gl_"))
       continue;
-    const c = rt(e, o.type);
+    const u = nt(e, o.type);
     s[o.name] = {
       location: 0,
       // set further down..
-      format: c,
-      stride: K(c).stride,
+      format: u,
+      stride: $(u).stride,
       offset: 0,
       instance: !1,
       start: 0
@@ -1359,7 +1374,7 @@ function st(t, e, r = !1) {
       s[i[a]].location = e.getAttribLocation(t, i[a]);
   return s;
 }
-function nt(t, e) {
+function at(t, e) {
   if (!e.ACTIVE_UNIFORM_BLOCKS)
     return {};
   const r = {}, s = e.getProgramParameter(t, e.ACTIVE_UNIFORM_BLOCKS);
@@ -1373,36 +1388,36 @@ function nt(t, e) {
   }
   return r;
 }
-function it(t, e) {
+function ot(t, e) {
   const r = {}, s = e.getProgramParameter(t, e.ACTIVE_UNIFORMS);
   for (let n = 0; n < s; n++) {
-    const i = e.getActiveUniform(t, n), a = i.name.replace(/\[.*?\]$/, ""), o = !!i.name.match(/\[.*?\]$/), c = le(e, i.type);
+    const i = e.getActiveUniform(t, n), a = i.name.replace(/\[.*?\]$/, ""), o = !!i.name.match(/\[.*?\]$/), u = de(e, i.type);
     r[a] = {
       name: a,
       index: n,
-      type: c,
+      type: u,
       size: i.size,
       isArray: o,
-      value: fe(c, i.size)
+      value: le(u, i.size)
     };
   }
   return r;
 }
-function X(t, e) {
+function W(t, e) {
   const r = t.getShaderSource(e).split(`
-`).map((u, _) => `${_}: ${u}`), s = t.getShaderInfoLog(e), n = s.split(`
-`), i = {}, a = n.map((u) => parseFloat(u.replace(/^ERROR\: 0\:([\d]+)\:.*$/, "$1"))).filter((u) => u && !i[u] ? (i[u] = !0, !0) : !1), o = [""];
-  a.forEach((u) => {
-    r[u - 1] = `%c${r[u - 1]}%c`, o.push("background: #FF0000; color:#FFFFFF; font-size: 10px", "font-size: 10px");
+`).map((c, _) => `${_}: ${c}`), s = t.getShaderInfoLog(e), n = s.split(`
+`), i = {}, a = n.map((c) => parseFloat(c.replace(/^ERROR\: 0\:([\d]+)\:.*$/, "$1"))).filter((c) => c && !i[c] ? (i[c] = !0, !0) : !1), o = [""];
+  a.forEach((c) => {
+    r[c - 1] = `%c${r[c - 1]}%c`, o.push("background: #FF0000; color:#FFFFFF; font-size: 10px", "font-size: 10px");
   });
-  const c = r.join(`
+  const u = r.join(`
 `);
-  o[0] = c, console.error(s), console.groupCollapsed("click to view full shader code"), console.warn(...o), console.groupEnd();
+  o[0] = u, console.error(s), console.groupCollapsed("click to view full shader code"), console.warn(...o), console.groupEnd();
 }
-function at(t, e, r, s) {
-  t.getProgramParameter(e, t.LINK_STATUS) || (t.getShaderParameter(r, t.COMPILE_STATUS) || X(t, r), t.getShaderParameter(s, t.COMPILE_STATUS) || X(t, s), console.error("PixiJS Error: Could not initialize shader."), t.getProgramInfoLog(e) !== "" && console.warn("PixiJS Warning: gl.getProgramInfoLog()", t.getProgramInfoLog(e)));
+function ct(t, e, r, s) {
+  t.getProgramParameter(e, t.LINK_STATUS) || (t.getShaderParameter(r, t.COMPILE_STATUS) || W(t, r), t.getShaderParameter(s, t.COMPILE_STATUS) || W(t, s), console.error("PixiJS Error: Could not initialize shader."), t.getProgramInfoLog(e) !== "" && console.warn("PixiJS Warning: gl.getProgramInfoLog()", t.getProgramInfoLog(e)));
 }
-function ot(t, e) {
+function ut(t, e) {
   const r = V(t, t.VERTEX_SHADER, e.vertex), s = V(t, t.FRAGMENT_SHADER, e.fragment), n = t.createProgram();
   t.attachShader(n, r), t.attachShader(n, s);
   const i = e.transformFeedbackVaryings;
@@ -1410,28 +1425,28 @@ function ot(t, e) {
     n,
     i.names,
     i.bufferMode === "separate" ? t.SEPARATE_ATTRIBS : t.INTERLEAVED_ATTRIBS
-  )), t.linkProgram(n), t.getProgramParameter(n, t.LINK_STATUS) || at(t, n, r, s), e._attributeData = st(
+  )), t.linkProgram(n), t.getProgramParameter(n, t.LINK_STATUS) || ct(t, n, r, s), e._attributeData = it(
     n,
     t,
     !/^[ \t]*#[ \t]*version[ \t]+300[ \t]+es[ \t]*$/m.test(e.vertex)
-  ), e._uniformData = it(n, t), e._uniformBlockData = nt(n, t), t.deleteShader(r), t.deleteShader(s);
+  ), e._uniformData = ot(n, t), e._uniformBlockData = at(n, t), t.deleteShader(r), t.deleteShader(s);
   const a = {};
-  for (const c in e._uniformData) {
-    const u = e._uniformData[c];
-    a[c] = {
-      location: t.getUniformLocation(n, c),
-      value: fe(u.type, u.size)
+  for (const u in e._uniformData) {
+    const c = e._uniformData[u];
+    a[u] = {
+      location: t.getUniformLocation(n, u),
+      value: le(c.type, c.size)
     };
   }
-  return new et(n, a);
+  return new rt(n, a);
 }
 const R = {
   textureCount: 0,
   blockIndex: 0
 };
-class de {
+class me {
   constructor(e) {
-    this._activeProgram = null, this._programDataHash = /* @__PURE__ */ Object.create(null), this._shaderSyncFunctions = /* @__PURE__ */ Object.create(null), this._renderer = e, this._renderer.renderableGC.addManagedHash(this, "_programDataHash");
+    this._activeProgram = null, this._programDataHash = /* @__PURE__ */ Object.create(null), this._shaderSyncFunctions = /* @__PURE__ */ Object.create(null), this._renderer = e;
   }
   contextChange(e) {
     this._gl = e, this._programDataHash = /* @__PURE__ */ Object.create(null), this._shaderSyncFunctions = /* @__PURE__ */ Object.create(null), this._activeProgram = null;
@@ -1465,13 +1480,13 @@ class de {
   bindUniformBlock(e, r, s = 0) {
     const n = this._renderer.buffer, i = this._getProgramData(this._activeProgram), a = e._bufferResource;
     a || this._renderer.ubo.updateUniformGroup(e);
-    const o = e.buffer, c = n.updateBuffer(o), u = n.freeLocationForBufferBase(c);
+    const o = e.buffer, u = n.updateBuffer(o), c = n.freeLocationForBufferBase(u);
     if (a) {
-      const { offset: f, size: l } = e;
-      f === 0 && l === o.data.byteLength ? n.bindBufferBase(c, u) : n.bindBufferRange(c, u, f);
-    } else n.getLastBindBaseLocation(c) !== u && n.bindBufferBase(c, u);
+      const { offset: h, size: l } = e;
+      h === 0 && l === o.data.byteLength ? n.bindBufferBase(u, c) : n.bindBufferRange(u, c, h);
+    } else n.getLastBindBaseLocation(u) !== c && n.bindBufferBase(u, c);
     const _ = this._activeProgram._uniformBlockData[r].index;
-    i.uniformBlockBindings[s] !== u && (i.uniformBlockBindings[s] = u, this._renderer.gl.uniformBlockBinding(i.program, _, u));
+    i.uniformBlockBindings[s] !== c && (i.uniformBlockBindings[s] = c, this._renderer.gl.uniformBlockBinding(i.program, _, c));
   }
   _setProgram(e) {
     if (this._activeProgram === e)
@@ -1489,11 +1504,11 @@ class de {
   }
   _createProgramData(e) {
     const r = e._key;
-    return this._programDataHash[r] = ot(this._gl, e), this._programDataHash[r];
+    return this._programDataHash[r] = ut(this._gl, e), this._programDataHash[r];
   }
   destroy() {
     for (const e of Object.keys(this._programDataHash))
-      this._programDataHash[e].destroy(), this._programDataHash[e] = null;
+      this._programDataHash[e].destroy();
     this._programDataHash = null, this._shaderSyncFunctions = null, this._activeProgram = null, this._renderer = null, this._gl = null;
   }
   /**
@@ -1505,19 +1520,19 @@ class de {
    * @ignore
    */
   _generateShaderSync(e, r) {
-    return Qe(e, r);
+    return tt(e, r);
   }
   resetState() {
     this._activeProgram = null;
   }
 }
-de.extension = {
+me.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "shader"
 };
-const ct = {
+const _t = {
   f32: `if (cv !== v) {
             cu.value = v;
             gl.uniform1f(location, v);
@@ -1609,7 +1624,7 @@ const ct = {
   "mat2x2<f32>": "gl.uniformMatrix2fv(location, false, v);",
   "mat3x3<f32>": "gl.uniformMatrix3fv(location, false, v);",
   "mat4x4<f32>": "gl.uniformMatrix4fv(location, false, v);"
-}, ut = {
+}, ft = {
   f32: "gl.uniform1fv(location, v);",
   "vec2<f32>": "gl.uniform2fv(location, v);",
   "vec3<f32>": "gl.uniform3fv(location, v);",
@@ -1630,7 +1645,7 @@ const ct = {
   "vec3<bool>": "gl.uniform3iv(location, v);",
   "vec4<bool>": "gl.uniform4iv(location, v);"
 };
-function _t(t, e) {
+function ht(t, e) {
   const r = [`
         var v = null;
         var cv = null;
@@ -1641,7 +1656,7 @@ function _t(t, e) {
     `];
   for (const s in t.uniforms) {
     if (!e[s]) {
-      t.uniforms[s] instanceof F ? t.uniforms[s].ubo ? r.push(`
+      t.uniforms[s] instanceof O ? t.uniforms[s].ubo ? r.push(`
                         renderer.shader.bindUniformBlock(uv.${s}, "${s}");
                     `) : r.push(`
                         renderer.shader.updateUniformGroup(uv.${s});
@@ -1660,7 +1675,7 @@ function _t(t, e) {
       }
     }
     if (!i) {
-      const o = (n.size === 1 ? ct : ut)[n.type].replace("location", `ud["${s}"].location`);
+      const o = (n.size === 1 ? _t : ft)[n.type].replace("location", `ud["${s}"].location`);
       r.push(`
             cu = ud["${s}"];
             cv = cu.value;
@@ -1671,7 +1686,7 @@ function _t(t, e) {
   return new Function("ud", "uv", "renderer", "syncData", r.join(`
 `));
 }
-class me {
+class Ee {
   /** @param renderer - The renderer this System works for. */
   constructor(e) {
     this._cache = {}, this._uniformGroupSyncHash = {}, this._renderer = e, this.gl = null, this._cache = {};
@@ -1704,7 +1719,7 @@ class me {
     return this._cache[n] || (this._cache[n] = this._generateUniformsSync(e, r._uniformData)), s[r._key] = this._cache[n], s[r._key];
   }
   _generateUniformsSync(e, r) {
-    return _t(e, r);
+    return ht(e, r);
   }
   /**
    * Takes a uniform group and data and generates a unique signature for them.
@@ -1725,13 +1740,13 @@ class me {
     this._renderer = null, this._cache = null;
   }
 }
-me.extension = {
+Ee.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "uniformGroup"
 };
-function ht(t) {
+function lt(t) {
   const e = {};
   if (e.normal = [t.ONE, t.ONE_MINUS_SRC_ALPHA], e.add = [t.ONE, t.ONE], e.multiply = [t.DST_COLOR, t.ONE_MINUS_SRC_ALPHA, t.ONE, t.ONE_MINUS_SRC_ALPHA], e.screen = [t.ONE, t.ONE_MINUS_SRC_COLOR, t.ONE, t.ONE_MINUS_SRC_ALPHA], e.none = [0, 0], e["normal-npm"] = [t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA, t.ONE, t.ONE_MINUS_SRC_ALPHA], e["add-npm"] = [t.SRC_ALPHA, t.ONE, t.ONE, t.ONE], e["screen-npm"] = [t.SRC_ALPHA, t.ONE_MINUS_SRC_COLOR, t.ONE, t.ONE_MINUS_SRC_ALPHA], e.erase = [t.ZERO, t.ONE_MINUS_SRC_ALPHA], !(t instanceof S.get().getWebGLRenderingContext()))
     e.min = [t.ONE, t.ONE, t.ONE, t.ONE, t.MIN, t.MIN], e.max = [t.ONE, t.ONE, t.ONE, t.ONE, t.MAX, t.MAX];
@@ -1741,15 +1756,15 @@ function ht(t) {
   }
   return e;
 }
-const ft = 0, lt = 1, dt = 2, mt = 3, Et = 4, bt = 5, Ee = class G {
+const dt = 0, mt = 1, Et = 2, bt = 3, St = 4, pt = 5, be = class G {
   constructor(e) {
-    this._invertFrontFace = !1, this.gl = null, this.stateId = 0, this.polygonOffset = 0, this.blendMode = "none", this._blendEq = !1, this.map = [], this.map[ft] = this.setBlend, this.map[lt] = this.setOffset, this.map[dt] = this.setCullFace, this.map[mt] = this.setDepthTest, this.map[Et] = this.setFrontFace, this.map[bt] = this.setDepthMask, this.checks = [], this.defaultState = O.for2d(), e.renderTarget.onRenderTargetChange.add(this);
+    this._invertFrontFace = !1, this.gl = null, this.stateId = 0, this.polygonOffset = 0, this.blendMode = "none", this._blendEq = !1, this.map = [], this.map[dt] = this.setBlend, this.map[mt] = this.setOffset, this.map[Et] = this.setCullFace, this.map[bt] = this.setDepthTest, this.map[St] = this.setFrontFace, this.map[pt] = this.setDepthMask, this.checks = [], this.defaultState = P.for2d(), e.renderTarget.onRenderTargetChange.add(this);
   }
   onRenderTargetChange(e) {
     this._invertFrontFace = !e.isRoot, this._cullFace ? this.setFrontFace(this._frontFace) : this._frontFaceDirty = !0;
   }
   contextChange(e) {
-    this.gl = e, this.blendModesMap = ht(e), this.resetState();
+    this.gl = e, this.blendModesMap = lt(e), this.resetState();
   }
   /**
    * Sets the current state
@@ -1878,19 +1893,21 @@ const ft = 0, lt = 1, dt = 2, mt = 3, Et = 4, bt = 5, Ee = class G {
     this.gl = null, this.checks.length = 0;
   }
 };
-Ee.extension = {
+be.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "state"
 };
-let St = Ee;
-class pt {
+let gt = be;
+class Rt {
   constructor(e) {
-    this.target = re.TEXTURE_2D, this.texture = e, this.width = -1, this.height = -1, this.type = h.UNSIGNED_BYTE, this.internalFormat = I.RGBA, this.format = I.RGBA, this.samplerType = 0;
+    this.target = se.TEXTURE_2D, this.texture = e, this.width = -1, this.height = -1, this.type = f.UNSIGNED_BYTE, this.internalFormat = I.RGBA, this.format = I.RGBA, this.samplerType = 0;
+  }
+  destroy() {
   }
 }
-const gt = {
+const xt = {
   id: "buffer",
   upload(t, e, r) {
     e.width === t.width || e.height === t.height ? r.texSubImage2D(
@@ -1915,7 +1932,7 @@ const gt = {
       t.resource
     ), e.width = t.width, e.height = t.height;
   }
-}, Rt = {
+}, vt = {
   "bc1-rgba-unorm": !0,
   "bc1-rgba-unorm-srgb": !0,
   "bc2-rgba-unorm": !0,
@@ -1972,12 +1989,12 @@ const gt = {
   "astc-12x10-unorm-srgb": !0,
   "astc-12x12-unorm": !0,
   "astc-12x12-unorm-srgb": !0
-}, xt = {
+}, Tt = {
   id: "compressed",
   upload(t, e, r) {
     r.pixelStorei(r.UNPACK_ALIGNMENT, 4);
     let s = t.pixelWidth, n = t.pixelHeight;
-    const i = !!Rt[t.format];
+    const i = !!vt[t.format];
     for (let a = 0; a < t.resource.length; a++) {
       const o = t.resource[a];
       i ? r.compressedTexImage2D(
@@ -2001,11 +2018,11 @@ const gt = {
       ), s = Math.max(s >> 1, 1), n = Math.max(n >> 1, 1);
     }
   }
-}, be = {
+}, Se = {
   id: "image",
   upload(t, e, r, s) {
-    const n = e.width, i = e.height, a = t.pixelWidth, o = t.pixelHeight, c = t.resourceWidth, u = t.resourceHeight;
-    c < a || u < o ? ((n !== a || i !== o) && r.texImage2D(
+    const n = e.width, i = e.height, a = t.pixelWidth, o = t.pixelHeight, u = t.resourceWidth, c = t.resourceHeight;
+    u < a || c < o ? ((n !== a || i !== o) && r.texImage2D(
       e.target,
       0,
       e.internalFormat,
@@ -2020,8 +2037,8 @@ const gt = {
       0,
       0,
       0,
-      c,
       u,
+      c,
       e.format,
       e.type,
       t.resource
@@ -2060,7 +2077,7 @@ const gt = {
       t.resource
     ), e.width = a, e.height = o;
   }
-}, Tt = {
+}, Bt = {
   id: "video",
   upload(t, e, r, s) {
     if (!t.isValid) {
@@ -2077,12 +2094,12 @@ const gt = {
       );
       return;
     }
-    be.upload(t, e, r, s);
+    Se.upload(t, e, r, s);
   }
-}, W = {
+}, j = {
   linear: 9729,
   nearest: 9728
-}, vt = {
+}, At = {
   linear: {
     linear: 9987,
     nearest: 9985
@@ -2095,7 +2112,7 @@ const gt = {
   "clamp-to-edge": 33071,
   repeat: 10497,
   "mirror-repeat": 33648
-}, Bt = {
+}, Nt = {
   never: 512,
   less: 513,
   equal: 514,
@@ -2105,26 +2122,26 @@ const gt = {
   "greater-equal": 518,
   always: 519
 };
-function j(t, e, r, s, n, i, a, o) {
-  const c = i;
+function K(t, e, r, s, n, i, a, o) {
+  const u = i;
   if (!o || t.addressModeU !== "repeat" || t.addressModeV !== "repeat" || t.addressModeW !== "repeat") {
-    const u = D[a ? "clamp-to-edge" : t.addressModeU], _ = D[a ? "clamp-to-edge" : t.addressModeV], f = D[a ? "clamp-to-edge" : t.addressModeW];
-    e[n](c, e.TEXTURE_WRAP_S, u), e[n](c, e.TEXTURE_WRAP_T, _), e.TEXTURE_WRAP_R && e[n](c, e.TEXTURE_WRAP_R, f);
+    const c = D[a ? "clamp-to-edge" : t.addressModeU], _ = D[a ? "clamp-to-edge" : t.addressModeV], h = D[a ? "clamp-to-edge" : t.addressModeW];
+    e[n](u, e.TEXTURE_WRAP_S, c), e[n](u, e.TEXTURE_WRAP_T, _), e.TEXTURE_WRAP_R && e[n](u, e.TEXTURE_WRAP_R, h);
   }
-  if ((!o || t.magFilter !== "linear") && e[n](c, e.TEXTURE_MAG_FILTER, W[t.magFilter]), r) {
+  if ((!o || t.magFilter !== "linear") && e[n](u, e.TEXTURE_MAG_FILTER, j[t.magFilter]), r) {
     if (!o || t.mipmapFilter !== "linear") {
-      const u = vt[t.minFilter][t.mipmapFilter];
-      e[n](c, e.TEXTURE_MIN_FILTER, u);
+      const c = At[t.minFilter][t.mipmapFilter];
+      e[n](u, e.TEXTURE_MIN_FILTER, c);
     }
   } else
-    e[n](c, e.TEXTURE_MIN_FILTER, W[t.minFilter]);
+    e[n](u, e.TEXTURE_MIN_FILTER, j[t.minFilter]);
   if (s && t.maxAnisotropy > 1) {
-    const u = Math.min(t.maxAnisotropy, e.getParameter(s.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
-    e[n](c, s.TEXTURE_MAX_ANISOTROPY_EXT, u);
+    const c = Math.min(t.maxAnisotropy, e.getParameter(s.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
+    e[n](u, s.TEXTURE_MAX_ANISOTROPY_EXT, c);
   }
-  t.compare && e[n](c, e.TEXTURE_COMPARE_FUNC, Bt[t.compare]);
+  t.compare && e[n](u, e.TEXTURE_COMPARE_FUNC, Nt[t.compare]);
 }
-function At(t) {
+function yt(t) {
   return {
     // 8-bit formats
     r8unorm: t.RED,
@@ -2177,7 +2194,7 @@ function At(t) {
     "depth32float-stencil8": t.DEPTH_STENCIL
   };
 }
-function Nt(t, e) {
+function Ct(t, e) {
   let r = {}, s = t.RGBA;
   return t instanceof S.get().getWebGLRenderingContext() ? e.srgb && (r = {
     "rgba8unorm-srgb": e.srgb.SRGB8_ALPHA8_EXT,
@@ -2301,7 +2318,7 @@ function Nt(t, e) {
     } : {}
   };
 }
-function yt(t) {
+function Dt(t) {
   return {
     // 8-bit formats
     r8unorm: t.UNSIGNED_BYTE,
@@ -2354,18 +2371,29 @@ function yt(t) {
     "depth32float-stencil8": t.FLOAT_32_UNSIGNED_INT_24_8_REV
   };
 }
-const Ct = 4;
-class Se {
+const It = 4;
+class pe {
   constructor(e) {
-    this.managedTextures = [], this._glTextures = /* @__PURE__ */ Object.create(null), this._glSamplers = /* @__PURE__ */ Object.create(null), this._boundTextures = [], this._activeTextureLocation = -1, this._boundSamplers = /* @__PURE__ */ Object.create(null), this._uploads = {
-      image: be,
-      buffer: gt,
-      video: Tt,
-      compressed: xt
-    }, this._premultiplyAlpha = !1, this._useSeparateSamplers = !1, this._renderer = e, this._renderer.renderableGC.addManagedHash(this, "_glTextures"), this._renderer.renderableGC.addManagedHash(this, "_glSamplers");
+    this._glSamplers = /* @__PURE__ */ Object.create(null), this._boundTextures = [], this._activeTextureLocation = -1, this._boundSamplers = /* @__PURE__ */ Object.create(null), this._uploads = {
+      image: Se,
+      buffer: xt,
+      video: Bt,
+      compressed: Tt
+    }, this._premultiplyAlpha = !1, this._useSeparateSamplers = !1, this._renderer = e, this._managedTextures = new U({
+      renderer: e,
+      type: "resource",
+      onUnload: this.onSourceUnload.bind(this),
+      name: "glTexture"
+    });
+  }
+  /**
+   * @deprecated since 8.15.0
+   */
+  get managedTextures() {
+    return Object.values(this._managedTextures.items);
   }
   contextChange(e) {
-    this._gl = e, this._mapFormatToInternalFormat || (this._mapFormatToInternalFormat = Nt(e, this._renderer.context.extensions), this._mapFormatToType = yt(e), this._mapFormatToFormat = At(e)), this._glTextures = /* @__PURE__ */ Object.create(null), this._glSamplers = /* @__PURE__ */ Object.create(null), this._boundSamplers = /* @__PURE__ */ Object.create(null), this._premultiplyAlpha = !1;
+    this._gl = e, this._mapFormatToInternalFormat || (this._mapFormatToInternalFormat = Ct(e, this._renderer.context.extensions), this._mapFormatToType = Dt(e), this._mapFormatToFormat = yt(e)), this._managedTextures.removeAll(!0), this._glSamplers = /* @__PURE__ */ Object.create(null), this._boundSamplers = /* @__PURE__ */ Object.create(null), this._premultiplyAlpha = !1;
     for (let r = 0; r < 16; r++)
       this.bind(b.EMPTY, r);
   }
@@ -2383,7 +2411,7 @@ class Se {
   }
   bindSource(e, r = 0) {
     const s = this._gl;
-    if (e._touched = this._renderer.textureGC.count, this._boundTextures[r] !== e) {
+    if (e._gcLastUsed = this._renderer.gc.now, this._boundTextures[r] !== e) {
       this._boundTextures[r] = e, this._activateLocation(r), e || (e = b.EMPTY.source);
       const n = this.getGlSource(e);
       s.bindTexture(n.target, n.texture);
@@ -2411,19 +2439,19 @@ class Se {
     this._activeTextureLocation !== e && (this._activeTextureLocation = e, this._gl.activeTexture(this._gl.TEXTURE0 + e));
   }
   _initSource(e) {
-    const r = this._gl, s = new pt(r.createTexture());
+    const r = this._gl, s = new Rt(r.createTexture());
     if (s.type = this._mapFormatToType[e.format], s.internalFormat = this._mapFormatToInternalFormat[e.format], s.format = this._mapFormatToFormat[e.format], e.autoGenerateMipmaps && (this._renderer.context.supports.nonPowOf2mipmaps || e.isPowerOfTwo)) {
-      const n = Math.max(e.width, e.height);
-      e.mipLevelCount = Math.floor(Math.log2(n)) + 1;
+      const i = Math.max(e.width, e.height);
+      e.mipLevelCount = Math.floor(Math.log2(i)) + 1;
     }
-    return this._glTextures[e.uid] = s, this.managedTextures.includes(e) || (e.on("update", this.onSourceUpdate, this), e.on("resize", this.onSourceUpdate, this), e.on("styleChange", this.onStyleChange, this), e.on("destroy", this.onSourceDestroy, this), e.on("unload", this.onSourceUnload, this), e.on("updateMipmaps", this.onUpdateMipmaps, this), this.managedTextures.push(e)), this.onSourceUpdate(e), this.updateStyle(e, !1), s;
+    return e._gpuData[this._renderer.uid] = s, this._managedTextures.add(e) && (e.on("update", this.onSourceUpdate, this), e.on("resize", this.onSourceUpdate, this), e.on("styleChange", this.onStyleChange, this), e.on("updateMipmaps", this.onUpdateMipmaps, this)), this.onSourceUpdate(e), this.updateStyle(e, !1), s;
   }
   onStyleChange(e) {
     this.updateStyle(e, !1);
   }
   updateStyle(e, r) {
     const s = this._gl, n = this.getGlSource(e);
-    s.bindTexture(s.TEXTURE_2D, n.texture), this._boundTextures[this._activeTextureLocation] = e, j(
+    s.bindTexture(s.TEXTURE_2D, n.texture), this._boundTextures[this._activeTextureLocation] = e, K(
       e.style,
       s,
       e.mipLevelCount > 1,
@@ -2435,27 +2463,34 @@ class Se {
       r
     );
   }
-  onSourceUnload(e) {
-    const r = this._glTextures[e.uid];
-    r && (this.unbind(e), this._glTextures[e.uid] = null, this._gl.deleteTexture(r.texture));
+  onSourceUnload(e, r = !1) {
+    const s = e._gpuData[this._renderer.uid];
+    s && (r || (this.unbind(e), this._gl.deleteTexture(s.texture)), e.off("update", this.onSourceUpdate, this), e.off("resize", this.onSourceUpdate, this), e.off("styleChange", this.onStyleChange, this), e.off("updateMipmaps", this.onUpdateMipmaps, this));
   }
   onSourceUpdate(e) {
     const r = this._gl, s = this.getGlSource(e);
     r.bindTexture(r.TEXTURE_2D, s.texture), this._boundTextures[this._activeTextureLocation] = e;
     const n = e.alphaMode === "premultiply-alpha-on-upload";
-    this._premultiplyAlpha !== n && (this._premultiplyAlpha = n, r.pixelStorei(r.UNPACK_PREMULTIPLY_ALPHA_WEBGL, n)), this._uploads[e.uploadMethodId] ? this._uploads[e.uploadMethodId].upload(e, s, r, this._renderer.context.webGLVersion) : r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, e.pixelWidth, e.pixelHeight, 0, r.RGBA, r.UNSIGNED_BYTE, null), e.autoGenerateMipmaps && e.mipLevelCount > 1 && this.onUpdateMipmaps(e, !1);
+    this._premultiplyAlpha !== n && (this._premultiplyAlpha = n, r.pixelStorei(r.UNPACK_PREMULTIPLY_ALPHA_WEBGL, n)), this._uploads[e.uploadMethodId] ? this._uploads[e.uploadMethodId].upload(e, s, r, this._renderer.context.webGLVersion) : r.texImage2D(
+      r.TEXTURE_2D,
+      0,
+      s.internalFormat,
+      e.pixelWidth,
+      e.pixelHeight,
+      0,
+      s.format,
+      s.type,
+      null
+    ), e.autoGenerateMipmaps && e.mipLevelCount > 1 && this.onUpdateMipmaps(e, !1);
   }
   onUpdateMipmaps(e, r = !0) {
     r && this.bindSource(e, 0);
     const s = this.getGlSource(e);
     this._gl.generateMipmap(s.target);
   }
-  onSourceDestroy(e) {
-    e.off("destroy", this.onSourceDestroy, this), e.off("update", this.onSourceUpdate, this), e.off("resize", this.onSourceUpdate, this), e.off("unload", this.onSourceUnload, this), e.off("styleChange", this.onStyleChange, this), e.off("updateMipmaps", this.onUpdateMipmaps, this), this.managedTextures.splice(this.managedTextures.indexOf(e), 1), this.onSourceUnload(e);
-  }
   _initSampler(e) {
     const r = this._gl, s = this._gl.createSampler();
-    return this._glSamplers[e._resourceId] = s, j(
+    return this._glSamplers[e._resourceId] = s, K(
       e,
       r,
       this._boundTextures[this._activeTextureLocation].mipLevelCount > 1,
@@ -2470,7 +2505,7 @@ class Se {
     return this._glSamplers[e._resourceId] || this._initSampler(e);
   }
   getGlSource(e) {
-    return this._glTextures[e.uid] || this._initSource(e);
+    return e._gcLastUsed = this._renderer.gc.now, e._gpuData[this._renderer.uid] || this._initSource(e);
   }
   generateCanvas(e) {
     const { pixels: r, width: s, height: n } = this.getPixels(e), i = S.get().createCanvas();
@@ -2483,8 +2518,8 @@ class Se {
     return i;
   }
   getPixels(e) {
-    const r = e.source.resolution, s = e.frame, n = Math.max(Math.round(s.width * r), 1), i = Math.max(Math.round(s.height * r), 1), a = new Uint8Array(Ct * n * i), o = this._renderer, c = o.renderTarget.getRenderTarget(e), u = o.renderTarget.getGpuRenderTarget(c), _ = o.gl;
-    return _.bindFramebuffer(_.FRAMEBUFFER, u.resolveTargetFramebuffer), _.readPixels(
+    const r = e.source.resolution, s = e.frame, n = Math.max(Math.round(s.width * r), 1), i = Math.max(Math.round(s.height * r), 1), a = new Uint8Array(It * n * i), o = this._renderer, u = o.renderTarget.getRenderTarget(e), c = o.renderTarget.getGpuRenderTarget(u), _ = o.gl;
+    return _.bindFramebuffer(_.FRAMEBUFFER, c.resolveTargetFramebuffer), _.readPixels(
       Math.round(s.x * r),
       Math.round(s.y * r),
       n,
@@ -2495,7 +2530,7 @@ class Se {
     ), { pixels: new Uint8ClampedArray(a.buffer), width: n, height: i };
   }
   destroy() {
-    this.managedTextures.slice().forEach((e) => this.onSourceDestroy(e)), this.managedTextures = null, this._glTextures = null, this._glSamplers = null, this._boundTextures = null, this._boundSamplers = null, this._mapFormatToInternalFormat = null, this._mapFormatToType = null, this._mapFormatToFormat = null, this._uploads = null, this._renderer = null;
+    this._managedTextures.destroy(), this._glSamplers = null, this._boundTextures = null, this._boundSamplers = null, this._mapFormatToInternalFormat = null, this._mapFormatToType = null, this._mapFormatToFormat = null, this._uploads = null, this._renderer = null;
   }
   resetState() {
     this._activeTextureLocation = -1, this._boundTextures.fill(b.EMPTY.source), this._boundSamplers = /* @__PURE__ */ Object.create(null);
@@ -2503,48 +2538,48 @@ class Se {
     this._premultiplyAlpha = !1, e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this._premultiplyAlpha);
   }
 }
-Se.extension = {
+pe.extension = {
   type: [
     d.WebGLSystem
   ],
   name: "texture"
 };
-class pe {
+class ge {
   contextChange(e) {
-    const r = new F({
+    const r = new O({
       uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
-      uTransformMatrix: { value: new z(), type: "mat3x3<f32>" },
+      uTransformMatrix: { value: new Y(), type: "mat3x3<f32>" },
       uRound: { value: 0, type: "f32" }
-    }), s = e.limits.maxBatchableTextures, n = Y({
+    }), s = e.limits.maxBatchableTextures, n = q({
       name: "graphics",
       bits: [
-        ye,
-        Ce(s),
-        Z,
-        q
+        Ce,
+        De(s),
+        Q,
+        Z
       ]
     });
-    this.shader = new U({
+    this.shader = new F({
       glProgram: n,
       resources: {
         localUniforms: r,
-        batchSamplers: De(s)
+        batchSamplers: Ie(s)
       }
     });
   }
   execute(e, r) {
     const s = r.context, n = s.customShader || this.shader, i = e.renderer, a = i.graphicsContext, {
       batcher: o,
-      instructions: c
+      instructions: u
     } = a.getContextRenderData(s);
     n.groups[0] = i.globalUniforms.bindGroup, i.state.set(e.state), i.shader.bind(n), i.geometry.bind(o.geometry, n.glProgram);
-    const u = c.instructions;
-    for (let _ = 0; _ < c.instructionSize; _++) {
-      const f = u[_];
-      if (f.size) {
-        for (let l = 0; l < f.textures.count; l++)
-          i.texture.bind(f.textures.textures[l], l);
-        i.geometry.draw(f.topology, f.size, f.start);
+    const c = u.instructions;
+    for (let _ = 0; _ < u.instructionSize; _++) {
+      const h = c[_];
+      if (h.size) {
+        for (let l = 0; l < h.textures.count; l++)
+          i.texture.bind(h.textures.textures[l], l);
+        i.geometry.draw(h.topology, h.size, h.start);
       }
     }
   }
@@ -2552,28 +2587,28 @@ class pe {
     this.shader.destroy(!0), this.shader = null;
   }
 }
-pe.extension = {
+ge.extension = {
   type: [
     d.WebGLPipesAdaptor
   ],
   name: "graphics"
 };
-class ge {
+class Re {
   init() {
-    const e = Y({
+    const e = q({
       name: "mesh",
       bits: [
-        Z,
+        Q,
         He,
-        q
+        Z
       ]
     });
-    this._shader = new U({
+    this._shader = new F({
       glProgram: e,
       resources: {
         uTexture: b.EMPTY.source,
         textureUniforms: {
-          uTextureMatrix: { type: "mat3x3<f32>", value: new z() }
+          uTextureMatrix: { type: "mat3x3<f32>", value: new Y() }
         }
       }
     });
@@ -2601,45 +2636,45 @@ class ge {
     this._shader.destroy(!0), this._shader = null;
   }
 }
-ge.extension = {
+Re.extension = {
   type: [
     d.WebGLPipesAdaptor
   ],
   name: "mesh"
 };
-const Dt = [
-  ...we,
-  _e,
-  $e,
-  Xe,
-  oe,
-  ee,
-  Se,
+const Gt = [
+  ...ke,
+  fe,
+  Ye,
+  We,
+  ce,
+  te,
+  pe,
   he,
-  se,
+  ne,
+  Ee,
   me,
-  de,
-  ae,
-  St,
-  ce,
-  ie
-], It = [...Ve], Gt = [Q, ge, pe], Re = [], xe = [], Te = [];
-T.handleByNamedList(d.WebGLSystem, Re);
-T.handleByNamedList(d.WebGLPipes, xe);
-T.handleByNamedList(d.WebGLPipesAdaptor, Te);
-T.add(...Dt, ...It, ...Gt);
-class Pt extends Ie {
+  oe,
+  gt,
+  ue,
+  ae
+], Ut = [...Ve], Ft = [ee, Re, ge], xe = [], ve = [], Te = [];
+v.handleByNamedList(d.WebGLSystem, xe);
+v.handleByNamedList(d.WebGLPipes, ve);
+v.handleByNamedList(d.WebGLPipesAdaptor, Te);
+v.add(...Gt, ...Ut, ...Ft);
+class Lt extends Ge {
   constructor() {
     const e = {
       name: "webgl",
-      type: Ge.WEBGL,
-      systems: Re,
-      renderPipes: xe,
+      type: Ue.WEBGL,
+      systems: xe,
+      renderPipes: ve,
       renderPipeAdaptors: Te
     };
     super(e);
   }
 }
 export {
-  Pt as WebGLRenderer
+  Lt as WebGLRenderer
 };