rapid-render 1.0.13 → 1.0.15

package/dist/rapid-render.js

@@ -1,5 +1,5 @@
-var b = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(b || {});
-class _ {
+var A = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(A || {});
+class b {
   /** The number of elements currently used in the buffer. */
   usedElemNum;
   /** The main typed array view corresponding to the specified ArrayType. */
@@ -172,7 +172,7 @@ class _ {
     this.usedElemNum = 0;
   }
 }
-class it extends _ {
+class tt extends b {
   /** The actual WebGLBuffer object maintained by this instance. */
   buffer;
   /** The related WebGL rendering context. */
@@ -480,7 +480,7 @@ class x {
   static TRANSPARENT = new x(0, 0, 0, 0);
 }
 const E = 6;
-class Ut {
+class Rt {
   /** Total number of matrices currently allocated in the store. */
   matrixCount = 0;
   /** The dynamic buffer used to hold matrix data. */
@@ -493,7 +493,7 @@ class Ut {
    * @param capacity - The initial capacity of the matrix store (default is 10).
    */
   constructor(t = 10) {
-    this.buffer = new _(b.Float32), this.buffer.resize(t * E), this.data = this.buffer.getArray(), this.reset();
+    this.buffer = new b(A.Float32), this.buffer.resize(t * E), this.data = this.buffer.getArray(), this.reset();
   }
   /**
    * Allocates a new matrix and initializes it to the identity matrix.
@@ -596,8 +596,8 @@ class Ut {
    * @param bIdx - The index of matrix B.
    */
   multiplyOut(t, e, r) {
-    const i = t * E, s = e * E, a = r * E, o = this.data, h = o[s], c = o[s + 1], u = o[s + 2], l = o[s + 3], d = o[s + 4], f = o[s + 5], m = o[a], v = o[a + 1], y = o[a + 2], T = o[a + 3], M = o[a + 4], A = o[a + 5];
-    o[i] = h * m + u * v, o[i + 1] = c * m + l * v, o[i + 2] = h * y + u * T, o[i + 3] = c * y + l * T, o[i + 4] = h * M + u * A + d, o[i + 5] = c * M + l * A + f;
+    const i = t * E, s = e * E, a = r * E, o = this.data, h = o[s], c = o[s + 1], u = o[s + 2], l = o[s + 3], d = o[s + 4], f = o[s + 5], m = o[a], g = o[a + 1], v = o[a + 2], y = o[a + 3], R = o[a + 4], M = o[a + 5];
+    o[i] = h * m + u * g, o[i + 1] = c * m + l * g, o[i + 2] = h * v + u * y, o[i + 3] = c * v + l * y, o[i + 4] = h * R + u * M + d, o[i + 5] = c * R + l * M + f;
   }
   /**
    * Inverts the matrix at the given index. If the matrix is not invertible, it defaults to the identity matrix.
@@ -721,29 +721,29 @@ class Ut {
     i[r] = e[0], i[r + 1] = e[1], i[r + 2] = e[2], i[r + 3] = e[3], i[r + 4] = e[4], i[r + 5] = e[5];
   }
   multiplyAffineInPlace(t, e, r, i, s, a, o) {
-    const h = t * 6, c = this.data, u = c[h], l = c[h + 1], d = c[h + 2], f = c[h + 3], m = c[h + 4], v = c[h + 5];
-    c[h] = u * e + d * r, c[h + 1] = l * e + f * r, c[h + 2] = u * i + d * s, c[h + 3] = l * i + f * s, c[h + 4] = u * a + d * o + m, c[h + 5] = l * a + f * o + v;
+    const h = t * 6, c = this.data, u = c[h], l = c[h + 1], d = c[h + 2], f = c[h + 3], m = c[h + 4], g = c[h + 5];
+    c[h] = u * e + d * r, c[h + 1] = l * e + f * r, c[h + 2] = u * i + d * s, c[h + 3] = l * i + f * s, c[h + 4] = u * a + d * o + m, c[h + 5] = l * a + f * o + g;
   }
   multiplyAffine(t, e, r, i, s, a, o, h) {
-    const c = t * 6, u = e * 6, l = this.data, d = l[c], f = l[c + 1], m = l[c + 2], v = l[c + 3], y = l[c + 4], T = l[c + 5];
-    l[u] = d * r + m * i, l[u + 1] = f * r + v * i, l[u + 2] = d * s + m * a, l[u + 3] = f * s + v * a, l[u + 4] = d * o + m * h + y, l[u + 5] = f * o + v * h + T;
+    const c = t * 6, u = e * 6, l = this.data, d = l[c], f = l[c + 1], m = l[c + 2], g = l[c + 3], v = l[c + 4], y = l[c + 5];
+    l[u] = d * r + m * i, l[u + 1] = f * r + g * i, l[u + 2] = d * s + m * a, l[u + 3] = f * s + g * a, l[u + 4] = d * o + m * h + v, l[u + 5] = f * o + g * h + y;
   }
 }
-class Ct {
+class wt {
   /** The underlying store for matrices. */
-  matrix = new Ut();
+  matrix = new Rt();
   /** The current step or depth in the transformation hierarchy. */
   step = 0;
   /** Internal stack maintaining structural information. */
-  stack = new _(b.Uint32);
+  stack = new b(A.Uint32);
   /** Records the world matrices generated at each step. */
-  stepWorldM = new _(b.Uint32);
+  stepWorldM = new b(A.Uint32);
   /** Records actions (push/pop) taken during the traversal. */
-  stepAction = new _(b.Uint32);
+  stepAction = new b(A.Uint32);
   /** Records the parent world matrix for each step (used by updateMatrixSubtree). */
-  stepParentM = new _(b.Uint32);
+  stepParentM = new b(A.Uint32);
   /** Buffer used during hierarchy traversal updates. */
-  parentStack = new _(b.Uint32);
+  parentStack = new b(A.Uint32);
   /** The index of the current local matrix in the matrix store. */
   curLocalM = -1;
   /** The index of the current world matrix in the matrix store. */
@@ -919,41 +919,41 @@ class Ct {
     t.offset && (l += t.offset.x, d += t.offset.y);
     const f = t.origin;
     f !== void 0 && (typeof f == "number" ? (l -= f * e, d -= f * r) : (l -= f.x * e, d -= f.y * r));
-    const m = u ? Math.cos(u) : 1, v = u ? Math.sin(u) : 0, y = m * o, T = v * o, M = -v * h, A = m * h, P = s + y * l + M * d, C = a + T * l + A * d;
+    const m = u ? Math.cos(u) : 1, g = u ? Math.sin(u) : 0, v = m * o, y = g * o, R = -g * h, M = m * h, C = s + v * l + R * d, P = a + y * l + M * d;
     if (i !== -1) {
       this.matrix.multiplyAffine(
         this.curWorldM,
         i,
+        v,
         y,
-        T,
+        R,
         M,
-        A,
-        P,
-        C
+        C,
+        P
       );
       return;
     }
     this.matrix.multiplyAffineInPlace(
       this.curLocalM,
+      v,
       y,
-      T,
+      R,
       M,
-      A,
-      P,
-      C
+      C,
+      P
     ), this.matrix.multiplyAffineInPlace(
       this.curWorldM,
+      v,
       y,
-      T,
+      R,
       M,
-      A,
-      P,
-      C
+      C,
+      P
     );
   }
 }
-var Q = /* @__PURE__ */ ((n) => (n[n.REPEAT = 0] = "REPEAT", n[n.CLAMP = 1] = "CLAMP", n[n.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", n))(Q || {});
-class _t {
+var K = /* @__PURE__ */ ((n) => (n[n.REPEAT = 0] = "REPEAT", n[n.CLAMP = 1] = "CLAMP", n[n.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", n))(K || {});
+class Mt {
   render;
   cache = /* @__PURE__ */ new Map();
   constructor(t) {
@@ -968,10 +968,10 @@ class _t {
   async load(t, e) {
     let r = this.cache.get(t);
     if (r)
-      return new O(r);
+      return new N(r);
     try {
       const i = await this._fetchImage(t);
-      return r = z.fromSource(this.render, i, e), r.uid = t, this.cache.set(t, r), new O(r);
+      return r = Y.fromSource(this.render, i, e), r.uid = t, this.cache.set(t, r), new N(r);
     } catch (i) {
       throw console.error(`[TextureManager] Failed to load: ${t}`, i), i;
     }
@@ -984,9 +984,9 @@ class _t {
    */
   create(t, e) {
     if (e?.key && this.cache.has(e.key))
-      return new O(this.cache.get(e.key));
-    const r = z.fromSource(this.render, t, e);
-    return e?.key && (r.uid = e.key, this.cache.set(e.key, r)), new O(r);
+      return new N(this.cache.get(e.key));
+    const r = Y.fromSource(this.render, t, e);
+    return e?.key && (r.uid = e.key, this.cache.set(e.key, r)), new N(r);
   }
   /**
    * Creates a generic Render Texture (FrameBuffer).
@@ -996,7 +996,7 @@ class _t {
    * @returns The newly created RenderTexture.
    */
   createRenderTexture(t) {
-    return new Pt(this.render, t);
+    return new At(this.render, t);
   }
   /**
    * Creates a TextTexture for rendering text.
@@ -1004,7 +1004,7 @@ class _t {
    * @returns The newly created TextTexture.
    */
   createTextTexture(t) {
-    return new Lt(this.render, t);
+    return new bt(this.render, t);
   }
   /**
    * Destroys a texture and potentially removes its BaseTexture from the cache.
@@ -1015,7 +1015,7 @@ class _t {
    */
   destroy(t, e = !1) {
     let r, i;
-    typeof t == "string" ? (i = t, r = this.cache.get(i)) : t instanceof O ? (r = t.base, i = r?.uid, t.destroy()) : (r = t, i = r.uid), r && (r.refCount <= 0 || e) && (r.destroy(this.render.gl), i && this.cache.delete(i));
+    typeof t == "string" ? (i = t, r = this.cache.get(i)) : t instanceof N ? (r = t.base, i = r?.uid, t.destroy()) : (r = t, i = r.uid), r && (r.refCount <= 0 || e) && (r.destroy(this.render.gl), i && this.cache.delete(i));
   }
   /**
    * Destroys all cached textures and clears the cache, ignoring reference counts.
@@ -1032,7 +1032,7 @@ class _t {
     });
   }
 }
-class z {
+class Y {
   glTexture = null;
   width;
   height;
@@ -1049,8 +1049,8 @@ class z {
    * @returns The created BaseTexture.
    */
   static fromSource(t, e, r = {}) {
-    const i = et(t, e, r);
-    return new z(i, e.width, e.height);
+    const i = Z(t, e, r);
+    return new Y(i, e.width, e.height);
   }
   /**
    * Updates the content of the existing texture (e.g. for Video or dynamic Canvas).
@@ -1059,19 +1059,19 @@ class z {
    * @param source - The new image source.
    */
   updateSource(t, e, r = {}) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), r.textureFilter !== void 0 && nt(t, r.textureFilter), r.wrap !== void 0 && st(t, r.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, r.premultipliedAlpha), this.width === e.width && this.height === e.height ? t.texSubImage2D(t.TEXTURE_2D, 0, 0, 0, t.RGBA, t.UNSIGNED_BYTE, e) : (t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), this.width = e.width, this.height = e.height), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1));
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), r.textureFilter !== void 0 && rt(t, r.textureFilter), r.wrap !== void 0 && et(t, r.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, r.premultipliedAlpha), this.width === e.width && this.height === e.height ? t.texSubImage2D(t.TEXTURE_2D, 0, 0, 0, t.RGBA, t.UNSIGNED_BYTE, e) : (t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), this.width = e.width, this.height = e.height), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1));
   }
   /**
    * Dynamically updates the texture filtering mode.
    */
   setFilterMode(t, e) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), nt(t, e), t.bindTexture(t.TEXTURE_2D, null));
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), rt(t, e), t.bindTexture(t.TEXTURE_2D, null));
   }
   /**
    * Dynamically updates the texture wrap mode.
    */
   setWrapMode(t, e) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), st(t, e), t.bindTexture(t.TEXTURE_2D, null));
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), et(t, e), t.bindTexture(t.TEXTURE_2D, null));
   }
   /**
    * Destroys the WebGL texture resource.
@@ -1081,7 +1081,7 @@ class z {
     this.glTexture && (t.deleteTexture(this.glTexture), this.glTexture = null);
   }
 }
-class O {
+class N {
   base;
   uvX = 0;
   uvY = 0;
@@ -1097,10 +1097,10 @@ class O {
   isRotated = !1;
   glTexture = null;
   get width() {
-    return (this.isRotated ? this.rawHeight : this.rawWidth) * this.scale;
+    return this.isRotated ? this.rawHeight : this.rawWidth;
   }
   get height() {
-    return (this.isRotated ? this.rawWidth : this.rawHeight) * this.scale;
+    return this.isRotated ? this.rawWidth : this.rawHeight;
   }
   // Stored pixel-space region (before UV conversion), used by getSubTexture()
   _px = 0;
@@ -1138,7 +1138,7 @@ class O {
    * @returns A new Texture pointing to the sub-region.
    */
   getSubTexture(t, e, r, i) {
-    if (!this.base) return new O();
+    if (!this.base) return new N();
     const s = this.clone(), a = this._px, o = this._py;
     return s.setRegion(a + t, o + e, r, i), s;
   }
@@ -1147,7 +1147,7 @@ class O {
    * @returns A new Texture instance.
    */
   clone(t) {
-    const e = t ?? new O(this.base);
+    const e = t ?? new N(this.base);
     return t && this.base && t.setBase(this.base), e.scale = this.scale, e.uvX = this.uvX, e.uvY = this.uvY, e.uvW = this.uvW, e.uvH = this.uvH, e.rawWidth = this.rawWidth, e.rawHeight = this.rawHeight, e.offsetX = this.offsetX, e.offsetY = this.offsetY, e.flipY = this.flipY, e.isRotated = this.isRotated, e.isAtlas = this.isAtlas, e._px = this._px, e._py = this._py, e._pw = this._pw, e._ph = this._ph, e;
   }
   /**
@@ -1164,8 +1164,8 @@ class O {
     if (!this.base) return [];
     const a = [], o = this.rawWidth, h = this.rawHeight, c = Math.max(0, s), u = t + c, l = e + c, d = r ?? Math.floor((o + c) / u), f = i ?? Math.floor((h + c) / l);
     for (let m = 0; m < f; m++)
-      for (let v = 0; v < d; v++)
-        a.push(this.getSubTexture(v * u, m * l, t, e));
+      for (let g = 0; g < d; g++)
+        a.push(this.getSubTexture(g * u, m * l, t, e));
     return a;
   }
   /**
@@ -1174,8 +1174,8 @@ class O {
    * @param options - Optional antialias and wrap mode settings.
    */
   static fromImageSource(t, e, r = {}) {
-    const i = et(t, e, r);
-    return new O(new z(i, e.width, e.height));
+    const i = Z(t, e, r);
+    return new N(new Y(i, e.width, e.height));
   }
   /**
    * Marks this Texture as destroyed, decrementing the BaseTexture reference count.
@@ -1184,7 +1184,7 @@ class O {
     this.base && (this.base.refCount--, this.base = void 0), this.glTexture = null;
   }
 }
-class Pt extends O {
+class At extends N {
   framebuffer;
   renderbuffer;
   gl;
@@ -1195,8 +1195,8 @@ class Pt extends O {
   _allocH = 0;
   constructor(t, e) {
     super(), this.gl = t.gl, this.clearColor = e.clearColor ?? x.Black;
-    const r = Math.max(Math.round(e.width), 1), i = Math.max(Math.round(e.height), 1), a = et(t, { width: r, height: i }, { ...e, onlySize: !0 });
-    if (this.setBase(new z(a, r, i)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
+    const r = Math.max(Math.round(e.width), 1), i = Math.max(Math.round(e.height), 1), a = Z(t, { width: r, height: i }, { ...e, onlySize: !0 });
+    if (this.setBase(new Y(a, r, i)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
       throw new Error("Failed to create Framebuffer or Renderbuffer");
     this.resize(r, i, !0);
   }
@@ -1274,7 +1274,7 @@ class Pt extends O {
     super.destroy(), this.framebuffer && this.gl.deleteFramebuffer(this.framebuffer), this.renderbuffer && this.gl.deleteRenderbuffer(this.renderbuffer), this.base?.destroy(this.gl);
   }
 }
-const Nt = {
+const St = {
   fontFamily: "Arial",
   fontSize: 24,
   fontWeight: "normal",
@@ -1283,7 +1283,7 @@ const Nt = {
   align: "left",
   lineHeight: 1
 };
-class Lt extends O {
+class bt extends N {
   canvas;
   ctx;
   render;
@@ -1292,12 +1292,12 @@ class Lt extends O {
   options;
   flipY = !0;
   constructor(t, e) {
-    super(), this.render = t, this._style = { ...Nt, ...e }, this._text = e?.text ?? "", this.options = { premultipliedAlpha: t.premultipliedAlpha, ...e }, this.scale = 1 / t.dpr, this.canvas = document.createElement("canvas");
+    super(), this.render = t, this._style = { ...St, ...e }, this._text = e?.text ?? "", this.options = { premultipliedAlpha: t.premultipliedAlpha, ...e }, this.scale = 1 / t.dpr, this.canvas = document.createElement("canvas");
     const r = this.canvas.getContext("2d", { willReadFrequently: !0 });
     if (!r) throw new Error("Failed to get 2d context for TextTexture");
     this.ctx = r, this.canvas.width = 1, this.canvas.height = 1;
-    const i = et(t, this.canvas, this.options);
-    this.setBase(new z(i, 1, 1)), this.update();
+    const i = Z(t, this.canvas, this.options);
+    this.setBase(new Y(i, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -1337,27 +1337,27 @@ class Lt extends O {
 `);
     let u = 0, l = 0;
     const d = t.measureText(c[0] || "M"), f = (d.fontBoundingBoxAscent || r) + (d.fontBoundingBoxDescent || r * 0.2);
-    for (const W of c) {
-      const N = t.measureText(W);
-      N.width > u && (u = N.width), l += f * a;
+    for (const O of c) {
+      const _ = t.measureText(O);
+      _.width > u && (u = _.width), l += f * a;
     }
     l -= f * (a - 1);
-    const m = this._style.strokeThickness || 0, v = Math.ceil(u + m * 2) || 1, y = Math.ceil(l + m * 2) || 1, T = Math.ceil(v * h), M = Math.ceil(y * h);
-    (this.canvas.width !== T || this.canvas.height !== M) && (this.canvas.width = T, this.canvas.height = M), t.setTransform(h, 0, 0, h, 0, 0), t.clearRect(0, 0, v, y), t.font = o, t.textBaseline = "top", t.textAlign = this._style.align;
-    const A = this.updateOffset(v, m), P = e.strokeThickness, C = P > 0;
-    C && (t.lineWidth = P, t.strokeStyle = e.stroke, t.lineJoin = "round"), e.fill && (t.fillStyle = e.fill);
-    let F = m;
-    for (const W of c)
-      C && t.strokeText(W, A, F), e.fill && t.fillText(W, A, F), F += f * a;
-    this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, T, M);
+    const m = this._style.strokeThickness || 0, g = Math.ceil(u + m * 2) || 1, v = Math.ceil(l + m * 2) || 1, y = Math.ceil(g * h), R = Math.ceil(v * h);
+    (this.canvas.width !== y || this.canvas.height !== R) && (this.canvas.width = y, this.canvas.height = R), t.setTransform(h, 0, 0, h, 0, 0), t.clearRect(0, 0, g, v), t.font = o, t.textBaseline = "top", t.textAlign = this._style.align;
+    const M = this.updateOffset(g, m), C = e.strokeThickness, P = C > 0;
+    P && (t.lineWidth = C, t.strokeStyle = e.stroke, t.lineJoin = "round"), e.fill && (t.fillStyle = e.fill);
+    let I = m;
+    for (const O of c)
+      P && t.strokeText(O, M, I), e.fill && t.fillText(O, M, I), I += f * a;
+    this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, y, R);
   }
 }
-const It = (n, t = !1, e = !0) => {
+const Ut = (n, t = !1, e = !0) => {
   const r = n.getContext("webgl2", { stencil: !0, antialias: t, premultipliedAlpha: e });
   if (!r)
     throw new Error("WebGL2 is not supported in this browser.");
   return r;
-}, dt = (n, t, e) => {
+}, at = (n, t, e) => {
   const r = n.createShader(e);
   if (!r)
     throw new Error("Unable to create webgl shader");
@@ -1366,8 +1366,8 @@ const It = (n, t = !1, e = !0) => {
     throw console.error("Shader compilation failed:", s), new Error("Unable to compile shader: " + s + t);
   }
   return r;
-}, Ot = (n, t, e) => {
-  var r = n.createProgram(), i = dt(n, t, 35633), s = dt(n, e, 35632);
+}, Ct = (n, t, e) => {
+  var r = n.createProgram(), i = at(n, t, 35633), s = at(n, e, 35632);
   if (!r)
     throw new Error("Unable to create program shader");
   if (n.attachShader(r, i), n.attachShader(r, s), n.linkProgram(r), !n.getProgramParameter(r, n.LINK_STATUS)) {
@@ -1376,26 +1376,26 @@ const It = (n, t = !1, e = !0) => {
   }
   return r;
 };
-function st(n, t) {
+function et(n, t) {
   const e = {
-    [Q.CLAMP]: n.CLAMP_TO_EDGE,
-    [Q.REPEAT]: n.REPEAT,
-    [Q.MIRRORED_REPEAT]: n.MIRRORED_REPEAT
+    [K.CLAMP]: n.CLAMP_TO_EDGE,
+    [K.REPEAT]: n.REPEAT,
+    [K.MIRRORED_REPEAT]: n.MIRRORED_REPEAT
   }[t] || n.CLAMP_TO_EDGE;
   n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, e);
 }
-function nt(n, t) {
+function rt(n, t) {
   const e = {
-    [ht.LINEAR]: n.LINEAR,
-    [ht.NEAREST]: n.NEAREST
+    [st.LINEAR]: n.LINEAR,
+    [st.NEAREST]: n.NEAREST
   }[t] ?? n.NEAREST;
   n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, e);
 }
-function et(n, t, e) {
+function Z(n, t, e) {
   const r = n.gl, i = r.createTexture();
   if (!i)
     throw new Error("Unable to create WebGL texture");
-  if (r.bindTexture(r.TEXTURE_2D, i), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, 0), r.pixelStorei(r.UNPACK_ALIGNMENT, 1), st(r, e.wrap ?? Q.CLAMP), nt(r, e.textureFilter ?? n.textureFilter), e.onlySize) {
+  if (r.bindTexture(r.TEXTURE_2D, i), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, 0), r.pixelStorei(r.UNPACK_ALIGNMENT, 1), et(r, e.wrap ?? K.CLAMP), rt(r, e.textureFilter ?? n.textureFilter), e.onlySize) {
     const s = t;
     r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, s.width, s.height, 0, r.RGBA, r.UNSIGNED_BYTE, null);
   } else {
@@ -1404,7 +1404,7 @@ function et(n, t, e) {
   }
   return r.bindTexture(r.TEXTURE_2D, null), i;
 }
-function V(n, t) {
+function H(n, t) {
   if (n.includes("%TEXTURE_NUM%") && (n = n.replace("%TEXTURE_NUM%", t.toString())), n.includes("%GET_COLOR%")) {
     let e = "";
     for (let r = 0; r < t; r++)
@@ -1413,15 +1413,15 @@ function V(n, t) {
   }
   return n;
 }
-const Ft = 5126, at = 5121;
-function Wt(n, t, e) {
+const _t = 5126, it = 5121;
+function Pt(n, t, e) {
   n.vertexAttribDivisor(t, e);
 }
-function Mt(n, t, e, r, i) {
+function pt(n, t, e, r, i) {
   n.drawArraysInstanced(t, e, r, i);
 }
-let Bt = 0;
-class wt {
+let Lt = 0;
+class gt {
   program;
   attributeLoc = {};
   uniformLoc = {};
@@ -1433,11 +1433,11 @@ class wt {
   /** Whether the uniform is an array (e.g. sampler2D uTextures[8]) */
   uniformIsArray = {};
   gl;
-  shaderId = Bt++;
+  shaderId = Lt++;
   // for debug
   vao;
   constructor(t, e, r, i) {
-    this.gl = t, this.program = Ot(t, e, r), this.parseShader(e), this.parseShader(r), this.vao = t.createVertexArray(), i && this.setAttributes(i);
+    this.gl = t, this.program = Ct(t, e, r), this.parseShader(e), this.parseShader(r), this.vao = t.createVertexArray(), i && this.setAttributes(i);
   }
   /** Switch GPU to use this shader program */
   use() {
@@ -1463,7 +1463,7 @@ class wt {
     const r = this.uniformLoc[t];
     if (r === void 0) return;
     const i = this.uniformType[t], s = this.uniformIsArray[t];
-    Dt(this.gl, r, i, e, s);
+    Nt(this.gl, r, i, e, s);
   }
   /**
    * Batch-set uniforms via a plain value map.
@@ -1490,11 +1490,11 @@ class wt {
     r.vertexAttribPointer(
       e,
       t.size,
-      t.type ?? Ft,
+      t.type ?? _t,
       t.normalized ?? !1,
       t.stride,
       t.offset ?? 0
-    ), r.enableVertexAttribArray(e), Wt(r, e, t.divisor ?? 0);
+    ), r.enableVertexAttribArray(e), Pt(r, e, t.divisor ?? 0);
   }
   /** Bind all vertex attribute pointers at once */
   setAttributes(t) {
@@ -1514,15 +1514,16 @@ class wt {
         const o = s.split(/\s+/)[2], h = e.getAttribLocation(this.program, o);
         h !== -1 && (this.attributeLoc[o] = h);
       }
-    const i = t.match(/uniform\s+\w+\s+\w+(?:\[\d+\])?/g);
-    if (i)
-      for (const s of i) {
-        const a = s.split(/\s+/), o = a[1], h = a[2].replace(/\[\d+\]$/, ""), c = e.getUniformLocation(this.program, h);
-        c !== null && (this.uniformLoc[h] = c, this.uniformType[h] = o, this.uniformIsArray[h] = /\[\d+\]$/.test(a[2]));
-      }
+    const i = t.matchAll(
+      /uniform\s+(?:(?:lowp|mediump|highp)\s+)?(\w+)\s+(\w+)(\s*\[\s*\d+\s*\])?/g
+    );
+    for (const s of i) {
+      const a = s[1], o = s[2], h = e.getUniformLocation(this.program, o);
+      h !== null && (this.uniformLoc[o] = h, this.uniformType[o] = a, this.uniformIsArray[o] = s[3] !== void 0);
+    }
   }
 }
-function Dt(n, t, e, r, i = !1) {
+function Nt(n, t, e, r, i = !1) {
   switch (e) {
     // scalars
     case "float":
@@ -1558,10 +1559,10 @@ function Dt(n, t, e, r, i = !1) {
       return n.uniformMatrix4fv(t, !1, r);
     // fallback: guess by value shape
     default:
-      return kt(n, t, r);
+      return It(n, t, r);
   }
 }
-function kt(n, t, e) {
+function It(n, t, e) {
   if (typeof e == "number")
     return n.uniform1f(t, e);
   const r = e;
@@ -1580,7 +1581,7 @@ function kt(n, t, e) {
       return n.uniform1fv(t, r);
   }
 }
-class ft {
+class ht {
   /** Custom vertex shader code */
   vs;
   /** Custom fragment shader code */
@@ -1655,7 +1656,7 @@ class ft {
     this.glshader.forEach((t) => t.destroy());
   }
 }
-class At {
+class vt {
   constructor(t) {
     this.rapid = t, this.gl = t.gl, this.maxTextureUnits = t.maxTextureUnits, this.matrixStore = t.matrix;
   }
@@ -1698,7 +1699,7 @@ class At {
     return i == -1 ? (this.freeTextureUnitNum === 0 && this.flush(), this.usedTextures.push(t), this.usedTexturePadding.push(e), this.usedTexturePadding.push(r), this.usedTextures.length - 1) : i;
   }
   createShader(t, e) {
-    return new wt(this.gl, t, e);
+    return new gt(this.gl, t, e);
   }
   createCustomShader(t) {
     return t.getGLShader(this, this.KEY, this.vs, this.fs);
@@ -1706,7 +1707,7 @@ class At {
   getCustomShader(t) {
     if (!t)
       return this.defaultShader;
-    if (t instanceof ft) {
+    if (t instanceof ht) {
       const e = this.createCustomShader(t);
       return e ?? this.defaultShader;
     }
@@ -1721,7 +1722,7 @@ class At {
     return this.isDefaultShader && !t ? !0 : this.getCustomShader(t) == this.currentShader;
   }
   enter(t) {
-    this.resetRender(), this.currentShader = this.getCustomShader(t), t instanceof ft ? (this.customShader = t, this.customShaderUsedTextureNum = t.usedTextureUnitNum) : (this.customShader = null, this.customShaderUsedTextureNum = 0), this.isDefaultShader = this.currentShader == this.defaultShader, this.currentShader.use(), this.currentShader.setUniform("u_projection", this.rapid.projection);
+    this.resetRender(), this.currentShader = this.getCustomShader(t), t instanceof ht ? (this.customShader = t, this.customShaderUsedTextureNum = t.usedTextureUnitNum) : (this.customShader = null, this.customShaderUsedTextureNum = 0), this.isDefaultShader = this.currentShader == this.defaultShader, this.currentShader.use(), this.currentShader.setUniform("u_projection", this.rapid.projection);
   }
   exit() {
     this.hasPendingContent() && this.flush(), this.gl.bindVertexArray(null);
@@ -1758,7 +1759,7 @@ class At {
     return !1;
   }
 }
-const tt = `#version 300 es\r
+const Q = `#version 300 es\r
 precision highp float;\r
 \r
 // per-vertex\r
@@ -1806,7 +1807,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * position;\r
 }\r
-`, mt = `#version 300 es\r
+`, ot = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -1855,8 +1856,8 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, $ = 48, Gt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
-class ot extends At {
+`, z = 48, Ot = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
+class nt extends vt {
   instanceBuffer;
   quadBuffer;
   instanceCount = 0;
@@ -1868,28 +1869,28 @@ class ot extends At {
   }
   createBuffer() {
     const t = this.gl;
-    this.quadBuffer = new it(t, b.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
-    for (const e of Gt) this.quadBuffer.pushFloat32(e);
-    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new it(t, b.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
+    this.quadBuffer = new tt(t, A.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
+    for (const e of Ot) this.quadBuffer.pushFloat32(e);
+    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new tt(t, A.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
   }
   createDefaultShader() {
-    const t = this.rapid, e = V(mt, t.maxTextureUnits), r = V(tt, t.maxTextureUnits);
+    const t = this.rapid, e = H(ot, t.maxTextureUnits), r = H(Q, t.maxTextureUnits);
     return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
   }
   createShader(t, e) {
     const r = super.createShader(t, e);
     return r.use(), r.bindVAO(), this.instanceBuffer.bindBuffer(), r.setAttributes([
-      { name: "aMatrixRow0", size: 3, stride: $, offset: 0, divisor: 1 },
-      { name: "aMatrixRow1", size: 3, stride: $, offset: 12, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: $, offset: 24, divisor: 1 },
-      { name: "aColor", size: 4, type: at, normalized: !0, stride: $, offset: 40, divisor: 1 },
-      { name: "aTextureId", size: 1, type: at, stride: $, offset: 44, divisor: 1 }
+      { name: "aMatrixRow0", size: 3, stride: z, offset: 0, divisor: 1 },
+      { name: "aMatrixRow1", size: 3, stride: z, offset: 12, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: z, offset: 24, divisor: 1 },
+      { name: "aColor", size: 4, type: it, normalized: !0, stride: z, offset: 40, divisor: 1 },
+      { name: "aTextureId", size: 1, type: it, stride: z, offset: 44, divisor: 1 }
     ]), this.quadBuffer.bindBuffer(), r.setAttributes([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
     ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
   createCustomShader(t) {
-    const e = V(mt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = V(tt, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = H(ot, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = H(Q, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, r, e);
   }
   /**
@@ -1926,23 +1927,23 @@ class ot extends At {
       d
     );
   }
-  drawSpriteAffine(t, e, r, i, s, a, o, h = 0, c = 0, u = 1, l = 1, d = 4294967295, f = 0, m = 0, v = !1, y = !1, T = !1) {
-    const M = t.base, A = t.rawWidth, P = t.rawHeight, C = t.offsetX, F = t.offsetY, W = this.useTexture(
+  drawSpriteAffine(t, e, r, i, s, a, o, h = 0, c = 0, u = 1, l = 1, d = 4294967295, f = 0, m = 0, g = !1, v = !1, y = !1) {
+    const R = t.base, M = t.rawWidth, C = t.rawHeight, P = t.offsetX, I = t.offsetY, O = this.useTexture(
       t.glTexture,
-      f / M.width,
-      m / M.height
-    ), N = this.instanceBuffer, w = N.usedElemNum;
-    N.resize(12);
-    const U = N.float32, X = N.uint32, k = T ? P : A, G = T ? A : P, I = k + 2 * f, B = G + 2 * m, H = C - f, R = F - m, g = this.localSpriteMatrix;
-    T ? (g[0] = 0, g[1] = y ? B : -B, g[2] = v ? -I : I, g[3] = 0, g[4] = H + (v ? I : 0), g[5] = R + (y ? 0 : B)) : (g[0] = v ? -I : I, g[1] = 0, g[2] = 0, g[3] = y ? -B : B, g[4] = H + (v ? I : 0), g[5] = R + (y ? B : 0));
+      f / R.width,
+      m / R.height
+    ), _ = this.instanceBuffer, w = _.usedElemNum;
+    _.resize(12);
+    const U = _.float32, B = _.uint32, D = y ? C : M, G = y ? M : C, F = D + 2 * f, k = G + 2 * m, X = P - f, W = I - m, T = this.localSpriteMatrix;
+    y ? (T[0] = 0, T[1] = v ? k : -k, T[2] = g ? -F : F, T[3] = 0, T[4] = X + (g ? F : 0), T[5] = W + (v ? 0 : k)) : (T[0] = g ? -F : F, T[1] = 0, T[2] = 0, T[3] = v ? -k : k, T[4] = X + (g ? F : 0), T[5] = W + (v ? k : 0));
     const S = this.worldSpriteMatrix;
-    S[0] = e * g[0] + i * g[1], S[1] = r * g[0] + s * g[1], S[2] = e * g[2] + i * g[3], S[3] = r * g[2] + s * g[3], S[4] = a + e * g[4] + i * g[5], S[5] = o + r * g[4] + s * g[5], U[w + 6] = h, U[w + 7] = c, U[w + 8] = u, U[w + 9] = l, X[w + 10] = d, X[w + 11] = W, this.rapid.roundPixels && (S[4] = Math.round(S[4]), S[5] = Math.round(S[5])), U[w] = S[0], U[w + 1] = S[2], U[w + 2] = S[4], U[w + 3] = S[1], U[w + 4] = S[3], U[w + 5] = S[5], N.usedElemNum += 12, N.makeDirty(), this.instanceCount++;
+    S[0] = e * T[0] + i * T[1], S[1] = r * T[0] + s * T[1], S[2] = e * T[2] + i * T[3], S[3] = r * T[2] + s * T[3], S[4] = a + e * T[4] + i * T[5], S[5] = o + r * T[4] + s * T[5], U[w + 6] = h, U[w + 7] = c, U[w + 8] = u, U[w + 9] = l, B[w + 10] = d, B[w + 11] = O, this.rapid.roundPixels && (S[4] = Math.round(S[4]), S[5] = Math.round(S[5])), U[w] = S[0], U[w + 1] = S[2], U[w + 2] = S[4], U[w + 3] = S[1], U[w + 4] = S[3], U[w + 5] = S[5], _.usedElemNum += 12, _.makeDirty(), this.instanceCount++;
   }
   render() {
     if (this.instanceCount === 0) return;
     this.prepareRender();
     const t = this.gl, e = this.currentShader;
-    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), Mt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
+    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), pt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
   }
   resetRender() {
     super.resetRender(), this.instanceBuffer.clear(), this.instanceCount = 0;
@@ -1951,7 +1952,7 @@ class ot extends At {
     return this.instanceCount > 0;
   }
 }
-const Ht = `#version 300 es\r
+const Ft = `#version 300 es\r
 precision highp float;\r
 \r
 in vec2 aPosition;\r
@@ -1982,7 +1983,7 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
     gl_Position = u_projection * position;\r
 }\r
-`, Vt = `#version 300 es\r
+`, Wt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec4 vColor;\r
@@ -2028,7 +2029,7 @@ void main(void) {\r
     fragColor = sampleTexture(vRegion) * vColor;\r
     // CUSTOM_CODE_CALL\r
 }\r
-`, Yt = `#version 300 es\r
+`, Bt = `#version 300 es\r
 precision highp float;\r
 \r
 in vec2 aPosition;\r
@@ -2051,7 +2052,7 @@ void main(void) {\r
     );\r
     gl_Position = u_projection * position;\r
 }\r
-`, zt = `#version 300 es\r
+`, Dt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 vRegion;\r
@@ -2071,8 +2072,8 @@ void main(void) {\r
         discard;\r
     }\r
 }\r
-`, K = 20;
-class Xt extends At {
+`, $ = 20;
+class kt extends vt {
   vertexBuffer;
   vertexCount = 0;
   matrixIndex = -1;
@@ -2085,24 +2086,24 @@ class Xt extends At {
   }
   createBuffer() {
     const t = this.gl;
-    this.vertexBuffer = new it(t, b.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Yt, zt);
+    this.vertexBuffer = new tt(t, A.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Bt, Dt);
   }
   createDefaultShader() {
-    return this.vs = Ht, this.fs = Vt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
+    return this.vs = Ft, this.fs = Wt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
   }
   createMaskShader(t, e) {
-    const r = this.gl, i = new wt(r, t, e);
+    const r = this.gl, i = new gt(r, t, e);
     return i.use(), i.bindVAO(), this.vertexBuffer.bindBuffer(), i.setAttributes([
-      { name: "aPosition", size: 2, type: r.FLOAT, stride: K - 4, offset: 0, divisor: 0 },
-      { name: "aUV", size: 2, type: r.FLOAT, stride: K - 4, offset: 8, divisor: 0 }
+      { name: "aPosition", size: 2, type: r.FLOAT, stride: $ - 4, offset: 0, divisor: 0 },
+      { name: "aUV", size: 2, type: r.FLOAT, stride: $ - 4, offset: 8, divisor: 0 }
     ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   createShader(t, e) {
     const r = this.gl, i = super.createShader(t, e);
     return i.use(), i.bindVAO(), this.vertexBuffer.bindBuffer(), i.setAttributes([
-      { name: "aPosition", size: 2, type: r.FLOAT, stride: K, offset: 0, divisor: 0 },
-      { name: "aColor", size: 4, type: r.UNSIGNED_BYTE, normalized: !0, stride: K, offset: 8, divisor: 0 },
-      { name: "aUV", size: 2, type: r.FLOAT, stride: K, offset: 12, divisor: 0 }
+      { name: "aPosition", size: 2, type: r.FLOAT, stride: $, offset: 0, divisor: 0 },
+      { name: "aColor", size: 4, type: r.UNSIGNED_BYTE, normalized: !0, stride: $, offset: 8, divisor: 0 },
+      { name: "aUV", size: 2, type: r.FLOAT, stride: $, offset: 12, divisor: 0 }
     ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   /**
@@ -2271,7 +2272,7 @@ class p {
     return new p(Math.cos(t), Math.sin(t));
   }
 }
-const jt = (n, t) => {
+const Ht = (n, t) => {
   const [e, r, i, s, a, o] = t, h = new Float32Array([
     e,
     i,
@@ -2290,8 +2291,8 @@ const jt = (n, t) => {
     0,
     1
   ]);
-  return $t(h, n);
-}, $t = (n, t) => {
+  return Gt(h, n);
+}, Gt = (n, t) => {
   const e = new Float32Array(16);
   for (let r = 0; r < 4; r++)
     for (let i = 0; i < 4; i++) {
@@ -2302,15 +2303,15 @@ const jt = (n, t) => {
     }
   return e;
 };
-var Kt = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))(Kt || {});
-const rt = 10, xt = (n, t, e, r, i, s) => {
+var Vt = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))(Vt || {});
+const J = 10, ct = (n, t, e, r, i, s) => {
   const a = [], o = [], h = r ? Math.atan2(t.y, t.x) : Math.atan2(-t.y, -t.x), c = Math.PI, u = new p(t.y, -t.x);
-  for (let l = 0; l < rt; l++) {
-    const d = l / rt, f = (l + 1) / rt, m = h + d * c, v = h + f * c, y = new p(Math.cos(m) * e, Math.sin(m) * e), T = new p(Math.cos(v) * e, Math.sin(v) * e);
-    a.push(n), o.push(new p(i, 0.5)), a.push(n.add(y)), o.push(new p(i + y.dot(u) * s, 0.5 - 0.5 * y.dot(t) / e)), a.push(n.add(T)), o.push(new p(i + T.dot(u) * s, 0.5 - 0.5 * T.dot(t) / e));
+  for (let l = 0; l < J; l++) {
+    const d = l / J, f = (l + 1) / J, m = h + d * c, g = h + f * c, v = new p(Math.cos(m) * e, Math.sin(m) * e), y = new p(Math.cos(g) * e, Math.sin(g) * e);
+    a.push(n), o.push(new p(i, 0.5)), a.push(n.add(v)), o.push(new p(i + v.dot(u) * s, 0.5 - 0.5 * v.dot(t) / e)), a.push(n.add(y)), o.push(new p(i + y.dot(u) * s, 0.5 - 0.5 * y.dot(t) / e));
   }
   return { vertices: a, uv: o };
-}, qt = (n, t = !1) => {
+}, Yt = (n, t = !1) => {
   const e = [];
   if (n.length < 2 || t && n.length < 3) return { normals: e, length: 0 };
   const r = 4, i = 1e-3, s = n.length;
@@ -2330,8 +2331,8 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
     {
       let m = d.add(l).normalize();
       l.cross(d) < 0 && (m = m.multiply(-1));
-      let v = 1 / Math.sqrt((1 - f) / 2);
-      return { normal: m, miters: Math.min(v, r) };
+      let g = 1 / Math.sqrt((1 - f) / 2);
+      return { normal: m, miters: Math.min(g, r) };
     }
   };
   if (t)
@@ -2350,27 +2351,27 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
       } else
         e.push(o(n[h - 1], n[h], n[h + 1]));
   return { normals: e, length: a };
-}, Qt = (n) => {
+}, Xt = (n) => {
   const t = n.points;
   if (t.length < 2) return { vertices: [], uv: [] };
-  const { normals: e, length: r } = qt(t, n.closed), i = (n.width || 1) / 2, s = [], a = [], o = n.roundCap || !1, h = n.textureMode || 0;
+  const { normals: e, length: r } = Yt(t, n.closed), i = (n.width || 1) / 2, s = [], a = [], o = n.roundCap || !1, h = n.textureMode || 0;
   let c = 0;
   const u = n.texture?.rawWidth || 1, l = n.closed ? t.length : t.length - 1;
   for (let d = 0; d < l; d++) {
-    const f = t[d], m = e[d].normal, v = e[d].miters, y = (d + 1) % t.length, T = t[y], M = e[y].normal, A = e[y].miters, P = f.add(m.multiply(v * i)), C = f.subtract(m.multiply(v * i)), F = T.add(M.multiply(A * i)), W = T.subtract(M.multiply(A * i)), N = f.distanceTo(T);
+    const f = t[d], m = e[d].normal, g = e[d].miters, v = (d + 1) % t.length, y = t[v], R = e[v].normal, M = e[v].miters, C = f.add(m.multiply(g * i)), P = f.subtract(m.multiply(g * i)), I = y.add(R.multiply(M * i)), O = y.subtract(R.multiply(M * i)), _ = f.distanceTo(y);
     let w = 0, U = 0;
-    h === 0 ? (w = c / r, U = (c + N) / r) : (w = c / u, U = w + N / u);
-    const X = new p(w, 0), k = new p(w, 1), G = new p(U, 0), I = new p(U, 1);
-    s.push(P), a.push(X), s.push(C), a.push(k), s.push(F), a.push(G), s.push(F), a.push(G), s.push(W), a.push(I), s.push(C), a.push(k), c += N;
+    h === 0 ? (w = c / r, U = (c + _) / r) : (w = c / u, U = w + _ / u);
+    const B = new p(w, 0), D = new p(w, 1), G = new p(U, 0), F = new p(U, 1);
+    s.push(C), a.push(B), s.push(P), a.push(D), s.push(I), a.push(G), s.push(I), a.push(G), s.push(O), a.push(F), s.push(P), a.push(D), c += _;
   }
   if (o && !n.closed) {
-    const d = t[0], f = e[0].normal, m = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, v = xt(d, f, i, !0, 0, m);
-    s.push(...v.vertices), a.push(...v.uv);
-    const y = t[t.length - 1], T = e[t.length - 1].normal, M = h === 0 ? 1 : c / u, A = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, P = xt(y, T, i, !1, M, A);
-    s.push(...P.vertices), a.push(...P.uv);
+    const d = t[0], f = e[0].normal, m = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, g = ct(d, f, i, !0, 0, m);
+    s.push(...g.vertices), a.push(...g.uv);
+    const v = t[t.length - 1], y = e[t.length - 1].normal, R = h === 0 ? 1 : c / u, M = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, C = ct(v, y, i, !1, R, M);
+    s.push(...C.vertices), a.push(...C.uv);
   }
   return { vertices: s, uv: a };
-}, Z = (n, t, e, r) => {
+}, q = (n, t, e, r) => {
   if (t.customMatrix !== void 0)
     return t.customMatrix;
   if (t.modifyStack) {
@@ -2389,8 +2390,8 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
       i
     ), i;
   }
-}, Zt = (n, t) => t ? n ? t.premultipliedUint32 : t.uint32 : 4294967295, Jt = 2, te = (n, t) => {
-  const e = Z(n, t, t.texture.rawWidth, t.texture.rawHeight), r = t.texture;
+}, zt = (n, t) => t ? n ? t.premultipliedUint32 : t.uint32 : 4294967295, $t = 2, jt = (n, t) => {
+  const e = q(n, t, t.texture.rawWidth, t.texture.rawHeight), r = t.texture;
   if (!r?.base || n.inCreateMask)
     return;
   const i = r.isAtlas ? n.atlasSpriteRegion : n.spriteRegion;
@@ -2398,7 +2399,7 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
   let s = r.uvX, a = r.uvY, o = r.uvW, h = r.uvH;
   const c = !!t.flipX, u = !!t.flipY != !!r.flipY;
   let l = t.padding ?? i.currentShader.padding;
-  r.isAtlas && (l += Jt);
+  r.isAtlas && (l += $t);
   const d = s <= o ? l : -l, f = a <= h ? l : -l;
   i.drawSprite(
     r,
@@ -2414,7 +2415,7 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
     u,
     r.isRotated
   );
-}, ee = (n, t) => {
+}, Kt = (n, t) => {
   const e = n.particleRegion;
   n.enterRegion(e, t.shader);
   const r = t.texture, i = t.count ?? t.x.length, s = t.color;
@@ -2440,9 +2441,9 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
     t.reverseOrder,
     t.customMatrix
   );
-}, St = (n, t) => {
+}, yt = (n, t) => {
   if (t.points.length === 0) return;
-  const e = Z(n, t, 0, 0);
+  const e = q(n, t, 0, 0);
   n.startGraphic(
     t.drawMode ?? n.gl.TRIANGLES,
     t.texture,
@@ -2460,18 +2461,18 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
     );
   }
   n.endGraphic();
-}, re = (n, t) => {
+}, qt = (n, t) => {
   if (n.inCreateMask)
     return;
-  const { vertices: e, uv: r } = Qt(t);
-  St(n, {
+  const { vertices: e, uv: r } = Xt(t);
+  yt(n, {
     ...t,
     points: e,
     uv: r,
     drawMode: n.gl.TRIANGLES
   });
-}, ie = (n, t) => {
-  const e = Z(
+}, Qt = (n, t) => {
+  const e = q(
     n,
     t,
     t.texture.rawWidth,
@@ -2482,16 +2483,16 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
     t.texture,
     e ?? t.customMatrix
   ), n.addRectVertex(t.texture.rawWidth, t.texture.rawHeight), n.endGraphic();
-}, se = (n, t) => {
-  const e = Z(n, t, t.width, t.height);
+}, Zt = (n, t) => {
+  const e = q(n, t, t.width, t.height);
   n.startGraphic(
     n.gl.TRIANGLE_FAN,
     t.texture,
     t.shader,
     e ?? t.customMatrix
   ), n.addRectVertex(t.width, t.height, t.color), n.endGraphic();
-}, ne = (n, t) => {
-  const e = t.segments ?? 32, r = Z(n, t, 0, 0);
+}, Jt = (n, t) => {
+  const e = t.segments ?? 32, r = q(n, t, 0, 0);
   n.startGraphic(
     n.gl.TRIANGLE_FAN,
     void 0,
@@ -2500,7 +2501,7 @@ const rt = 10, xt = (n, t, e, r, i, s) => {
   );
   const i = n.getColorUint32(t.color);
   n.addGraphicVertex(0, 0, 0.5, 0.5, i), n.addCircleVertex(t.radius, t.color, e), n.addGraphicVertex(t.radius, 0, 1, 0.5, i), n.endGraphic();
-}, pt = `#version 300 es\r
+}, ut = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -2550,21 +2551,21 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
 }\r
 `;
-class ae extends ot {
+class te extends nt {
   KEY = "AtlasSprite";
   constructor(t) {
     super(t);
   }
   createCustomShader(t) {
-    const e = V(pt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = V(tt, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = H(ut, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = H(Q, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, r, e);
   }
   createDefaultShader() {
-    const t = this.rapid, e = V(pt, t.maxTextureUnits), r = V(tt, t.maxTextureUnits);
+    const t = this.rapid, e = H(ut, t.maxTextureUnits), r = H(Q, t.maxTextureUnits);
     return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
   }
 }
-const gt = `#version 300 es\r
+const lt = `#version 300 es\r
 precision highp float;\r
 \r
 // per-vertex\r
@@ -2605,7 +2606,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * vec4(v, 0.0, 1.0);\r
 }\r
-`, vt = `#version 300 es\r
+`, dt = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTexture;\r
@@ -2621,19 +2622,20 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, Y = 48, yt = Y / 4;
-class he extends ot {
+`, V = 48, ee = V / 4;
+class re extends nt {
   KEY = "ParticleSprite";
   texture;
   customMatrix;
+  particleLoopCache = /* @__PURE__ */ new Map();
   constructor(t) {
     super(t);
   }
   createCustomShader(t) {
-    return t.getGLShader(this, this.KEY, gt, vt);
+    return t.getGLShader(this, this.KEY, lt, dt);
   }
   createDefaultShader() {
-    const t = vt, e = gt;
+    const t = dt, e = lt;
     return this.vs = e, this.fs = t, this.defaultShader = this.createShader(e, t), this.defaultShader;
   }
   enter(t) {
@@ -2642,52 +2644,111 @@ class he extends ot {
   createShader(t, e) {
     const r = super.createShader(t, e);
     return r.use(), r.bindVAO(), this.instanceBuffer.bindBuffer(), r.setAttributes([
-      { name: "aPosition", size: 2, stride: Y, offset: 0, divisor: 1 },
-      { name: "aScale", size: 2, stride: Y, offset: 8, divisor: 1 },
-      { name: "aRotation", size: 1, stride: Y, offset: 16, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: Y, offset: 20, divisor: 1 },
-      { name: "aColor", size: 4, type: at, normalized: !0, stride: Y, offset: 36, divisor: 1 },
-      { name: "aOrigin", size: 2, stride: Y, offset: 40, divisor: 1 }
+      { name: "aPosition", size: 2, stride: V, offset: 0, divisor: 1 },
+      { name: "aScale", size: 2, stride: V, offset: 8, divisor: 1 },
+      { name: "aRotation", size: 1, stride: V, offset: 16, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: V, offset: 20, divisor: 1 },
+      { name: "aColor", size: 4, type: it, normalized: !0, stride: V, offset: 36, divisor: 1 },
+      { name: "aOrigin", size: 2, stride: V, offset: 40, divisor: 1 }
     ]), this.quadBuffer.bindBuffer(), r.setAttributes([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
     ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
-  drawParticles(t, e, r, i = 0, s = 4294967295, a, o = 1, h = 1, c = 0, u = 0, l = 1, d = 1, f = !1, m = !1, v = !1, y = 0.5, T = 0.5, M, A = !1, P) {
+  drawParticles(t, e, r, i = 0, s = 4294967295, a, o = 1, h = 1, c = 0, u = 0, l = 1, d = 1, f = !1, m = !1, g = !1, v = 0.5, y = 0.5, R, M = !1, C) {
     if (!t.glTexture || a <= 0) return;
-    let C = 0;
-    const F = typeof o == "number", W = typeof h == "number", N = typeof i == "number", w = typeof s == "number", U = typeof c == "number", X = !w && typeof s[0] == "number";
-    let k = t.rawWidth * (f ? -1 : 1);
-    F && (k *= o);
-    let G = t.rawHeight * (m ? -1 : 1);
-    W && (G *= h), U && (G *= d - u, k *= l - c);
-    let I = v ? Math.PI / 2 : 0;
-    for (N && (I += i); C < a; ) {
-      this.texture && t !== this.texture && this.flush(), this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
-      const B = a - C, H = this.instanceBuffer;
-      let R = H.usedElemNum;
-      H.resize(B * yt);
-      const g = H.float32, S = H.uint32;
-      for (let J = 0; J < B; J++) {
-        const D = A ? a - 1 - C - J : C + J;
-        if (g[R] = e[D], g[R + 1] = r[D], g[R + 2] = F ? k : k * o[D], g[R + 3] = W ? G : G * h[D], g[R + 4] = N ? I : i[D] + I, U)
-          g[R + 5] = c, g[R + 6] = u, g[R + 7] = l, g[R + 8] = d;
-        else {
-          const j = c[D], ct = u[D], ut = l[D], lt = d[D];
-          g[R + 5] = j, g[R + 6] = ct, g[R + 7] = ut, g[R + 8] = lt, g[R + 2] *= lt - ct, g[R + 3] *= ut - j;
-        }
-        if (w)
-          S[R + 9] = 4294967295;
-        else if (X)
-          S[R + 9] = s[D];
-        else {
-          const j = s[D];
-          S[R + 9] = M ? j.premultipliedUint32 : j.uint32;
-        }
-        g[R + 10] = y, g[R + 11] = T, R += yt;
-      }
-      H.usedElemNum = R, H.makeDirty(), this.instanceCount += B, C += B;
-    }
-    this.customMatrix = P, this.flush();
+    this.texture && t !== this.texture && this.flush();
+    const P = typeof o == "number", I = typeof h == "number", O = typeof i == "number", _ = typeof s == "number", w = typeof c == "number", U = !_ && typeof s[0] == "number";
+    let B = t.rawWidth * (f ? -1 : 1);
+    P && (B *= o);
+    let D = t.rawHeight * (m ? -1 : 1);
+    I && (D *= h), w && (B *= l - c, D *= d - u);
+    let G = g ? Math.PI / 2 : 0;
+    O && (G += i);
+    const F = s ?? 4294967295, k = this.getParticleLoop(
+      P,
+      I,
+      O,
+      w,
+      _,
+      U,
+      M,
+      R
+    );
+    this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
+    const X = a, W = this.instanceBuffer;
+    let T = W.usedElemNum;
+    W.resize(X * ee);
+    const S = W.float32, Et = W.uint32;
+    T = k(
+      e,
+      r,
+      o,
+      h,
+      i,
+      c,
+      u,
+      l,
+      d,
+      s,
+      S,
+      Et,
+      B,
+      D,
+      G,
+      F,
+      v,
+      y,
+      a,
+      X,
+      T
+    ), W.usedElemNum = T, W.makeDirty(), this.instanceCount += X, this.customMatrix = C, this.flush();
+  }
+  getParticleLoop(t, e, r, i, s, a, o, h) {
+    const c = [...arguments].join("_");
+    if (this.particleLoopCache.has(c))
+      return this.particleLoopCache.get(c);
+    let u = `
+return function( x, y, scaleX, scaleY, rotation, u0, v0, u1, v1, color, f32, u32, rawWidth, rawHeight, rotationOffset, staticColor, originX, originY, count, batchCount, index ) {
+${t && i ? "const baseSx = rawWidth;" : ""}
+${e && i ? "const baseSy = rawHeight;" : ""}
+
+const endIdx = index + batchCount * 12;
+let idx = index;
+if (endIdx > f32.length) return index;
+
+${o ? "for (let src = count - 1; idx < endIdx; src--, idx += 12) {" : "for (let src = 0; idx < endIdx; src++, idx += 12) {"}
+f32[idx]     = x[src];
+f32[idx + 1] = y[src];
+
+${i ? `
+f32[idx + 2] = ${t ? "baseSx" : "rawWidth * scaleX[src]"};
+f32[idx + 3] = ${e ? "baseSy" : "rawHeight * scaleY[src]"};
+f32[idx + 4] = ${r ? "rotationOffset" : "rotation[src] + rotationOffset"};
+f32[idx + 5] = u0;
+f32[idx + 6] = v0;
+f32[idx + 7] = u1;
+f32[idx + 8] = v1;
+` : `
+const cu0 = u0[src], cv0 = v0[src], cu1 = u1[src], cv1 = v1[src];
+f32[idx + 2] = (rawWidth * (cu1 - cu0)) ${t ? "" : "* scaleX[src]"};
+f32[idx + 3] = (rawHeight * (cv1 - cv0)) ${e ? "" : "* scaleY[src]"};
+f32[idx + 4] = ${r ? "rotationOffset" : "rotation[src] + rotationOffset"};
+f32[idx + 5] = cu0;
+f32[idx + 6] = cv0;
+f32[idx + 7] = cu1;
+f32[idx + 8] = cv1;
+`}
+
+u32[idx + 9] = ${s ? "staticColor" : a ? "color[src]" : `color[src].${h ? "premultipliedUint32" : "uint32"}`};
+
+f32[idx + 10] = originX;
+f32[idx + 11] = originY;
+}
+return idx;
+}
+`;
+    const l = new Function(u)();
+    return this.particleLoopCache.set(c, l), l;
   }
   render() {
     if (this.instanceCount === 0) return;
@@ -2696,12 +2757,12 @@ class he extends ot {
     this.texture && (t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.texture.glTexture));
     const e = this.currentShader;
     this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO();
-    const r = this.rapid.matrixStack, s = this.rapid.matrix.getMatrix(this.customMatrix ?? r.curWorldM), a = jt(this.rapid.projection, s);
-    this.currentShader.setUniform("u_projection", a), Mt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0, this.customMatrix = void 0;
+    const r = this.rapid.matrixStack, s = this.rapid.matrix.getMatrix(this.customMatrix ?? r.curWorldM), a = Ht(this.rapid.projection, s);
+    this.currentShader.setUniform("u_projection", a), pt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0, this.customMatrix = void 0;
   }
 }
-var oe = /* @__PURE__ */ ((n) => (n[n.EQUAL = 0] = "EQUAL", n[n.NOT_EQUAL = 1] = "NOT_EQUAL", n))(oe || {}), ce = /* @__PURE__ */ ((n) => (n[n.NORMAL = 0] = "NORMAL", n[n.ADD = 1] = "ADD", n[n.MULTIPLY = 2] = "MULTIPLY", n[n.SCREEN = 3] = "SCREEN", n[n.ERASE = 4] = "ERASE", n))(ce || {}), ht = /* @__PURE__ */ ((n) => (n[n.LINEAR = 0] = "LINEAR", n[n.NEAREST = 1] = "NEAREST", n))(ht || {}), ue = /* @__PURE__ */ ((n) => (n[n.CanvasItem = 0] = "CanvasItem", n[n.Viewport = 1] = "Viewport", n))(ue || {});
-class fe {
+var ie = /* @__PURE__ */ ((n) => (n[n.EQUAL = 0] = "EQUAL", n[n.NOT_EQUAL = 1] = "NOT_EQUAL", n))(ie || {}), se = /* @__PURE__ */ ((n) => (n[n.NORMAL = 0] = "NORMAL", n[n.ADD = 1] = "ADD", n[n.MULTIPLY = 2] = "MULTIPLY", n[n.SCREEN = 3] = "SCREEN", n[n.ERASE = 4] = "ERASE", n))(se || {}), st = /* @__PURE__ */ ((n) => (n[n.LINEAR = 0] = "LINEAR", n[n.NEAREST = 1] = "NEAREST", n))(st || {}), ne = /* @__PURE__ */ ((n) => (n[n.CanvasItem = 0] = "CanvasItem", n[n.Viewport = 1] = "Viewport", n))(ne || {});
+class oe {
   /** The active WebGL context. */
   gl;
   /** The target HTMLCanvasElement. */
@@ -2727,7 +2788,7 @@ class fe {
   /** Maximum number of texture units supported by the device. */
   maxTextureUnits = 0;
   /** Matrix stack for hierarchical transformations. */
-  matrixStack = new Ct(this);
+  matrixStack = new wt(this);
   /** Direct access to the underlying matrix store. */
   matrix;
   /** Region dedicated to fast sprite rendering. */
@@ -2752,7 +2813,7 @@ class fe {
   scaleMode;
   /** Internal ping-pong RenderTextures for multi-filter chains. */
   _filterRT = [null, null];
-  _filterInput = new O();
+  _filterInput = new N();
   get height() {
     return this.logicHeight;
   }
@@ -2765,10 +2826,10 @@ class fe {
    */
   constructor(t) {
     this.canvas = t.canvas, this.dpr = window.devicePixelRatio || 1, this.antialias = t.antialias ?? !1, this.textureFilter = t.textureFilter ?? 1, this.premultipliedAlpha = t.premultipliedAlpha ?? !0, this.roundPixels = t.roundPixels ?? !1, this.scaleMode = t.scaleMode ?? 0;
-    const e = It(this.canvas, this.antialias, this.premultipliedAlpha);
-    this.gl = e, this.maxTextureUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.matrix = this.matrixStack.matrix, this.spriteRegion = new ot(this), this.graphicRegion = new Xt(this), this.atlasSpriteRegion = new ae(this), this.particleRegion = new he(this);
+    const e = Ut(this.canvas, this.antialias, this.premultipliedAlpha);
+    this.gl = e, this.maxTextureUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.matrix = this.matrixStack.matrix, this.spriteRegion = new nt(this), this.graphicRegion = new kt(this), this.atlasSpriteRegion = new te(this), this.particleRegion = new re(this);
     const r = this.canvas.clientWidth || this.canvas.width, i = this.canvas.clientHeight || this.canvas.height;
-    this.physicsWidth = t.physicsWidth || Math.round(r * this.dpr), this.physicsHeight = t.physicsHeight || Math.round(i * this.dpr), this.logicWidth = t.logicWidth || t.width || this.physicsWidth / this.dpr, this.logicHeight = t.logicHeight || t.height || this.physicsHeight / this.dpr, this.resize(this.logicWidth, this.logicHeight, this.physicsWidth, this.physicsHeight), this.texture = new _t(this), t.backgroundColor && (this.backgroundColor = t.backgroundColor), e.enable(e.BLEND), this.premultipliedAlpha ? e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA) : e.blendFunc(e.SRC_ALPHA, e.ONE_MINUS_SRC_ALPHA), e.enable(e.STENCIL_TEST), e.stencilFunc(e.ALWAYS, 1, 255), e.stencilOp(e.KEEP, e.KEEP, e.KEEP);
+    this.physicsWidth = t.physicsWidth || Math.round(r * this.dpr), this.physicsHeight = t.physicsHeight || Math.round(i * this.dpr), this.logicWidth = t.logicWidth || t.width || this.physicsWidth / this.dpr, this.logicHeight = t.logicHeight || t.height || this.physicsHeight / this.dpr, this.resize(this.logicWidth, this.logicHeight, this.physicsWidth, this.physicsHeight), this.texture = new Mt(this), t.backgroundColor && (this.backgroundColor = t.backgroundColor), e.enable(e.BLEND), this.premultipliedAlpha ? e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA) : e.blendFunc(e.SRC_ALPHA, e.ONE_MINUS_SRC_ALPHA), e.enable(e.STENCIL_TEST), e.stencilFunc(e.ALWAYS, 1, 255), e.stencilOp(e.KEEP, e.KEEP, e.KEEP);
   }
   setTextureFilter(t) {
     this.textureFilter = t;
@@ -2777,7 +2838,7 @@ class fe {
     this.antialias = t;
   }
   getColorUint32(t) {
-    return Zt(this.premultipliedAlpha, t);
+    return zt(this.premultipliedAlpha, t);
   }
   /**
    * Enters a specific rendering region, flushing the previous one if necessary.
@@ -2788,22 +2849,22 @@ class fe {
     this.currentRegion === t && this.currentRegion.isSameShader(e) || (this.flush(), this.currentRegion = t, t.enter(e));
   }
   drawParticles(t) {
-    ee(this, t);
+    Kt(this, t);
   }
   drawSprite(t) {
-    te(this, t);
+    jt(this, t);
   }
   drawLine(t) {
-    re(this, t);
+    qt(this, t);
   }
   drawGraphic(t) {
-    St(this, t);
+    yt(this, t);
   }
   drawRect(t) {
-    se(this, t);
+    Zt(this, t);
   }
   drawCircle(t) {
-    ne(this, t);
+    Jt(this, t);
   }
   /**
    * Starts rendering arbitrary graphics geometries.
@@ -2827,7 +2888,7 @@ class fe {
    * @param texture The texture to be used as a mask.
    */
   drawMaskImage(t) {
-    ie(this, t);
+    Qt(this, t);
   }
   /**
    * Pushes vertices for a rectangle geometry. Should be enclosed by startGraphic and endGraphic.
@@ -3223,7 +3284,7 @@ class fe {
     return this.matrix.toCSSMatrix(t ?? this.matrixStack.curWorldM, e, r);
   }
 }
-function le(n) {
+function ae(n) {
   return !(n === null || typeof n != "object" || Array.isArray(n) || n instanceof p || n instanceof x);
 }
 class L {
@@ -3289,17 +3350,17 @@ class L {
     return typeof t == "number" ? t : t.clone();
   }
 }
-var de = /* @__PURE__ */ ((n) => (n.POINT = "point", n.CIRCLE = "circle", n.RECT = "rect", n))(de || {});
-const Tt = 10, Et = 0, Rt = !0;
-class q {
+var he = /* @__PURE__ */ ((n) => (n.POINT = "point", n.CIRCLE = "circle", n.RECT = "rect", n))(he || {});
+const ft = 10, mt = 0, xt = !0;
+class j {
   components;
   constructor(t = 1) {
     if (!Number.isInteger(t) || t <= 0)
       throw new RangeError("ParticleAttributeStore size must be a positive integer");
     this.components = Array.from({ length: t }, () => ({
-      value: new _(b.Float32),
-      delta: new _(b.Float32),
-      damping: new _(b.Float32)
+      value: new b(A.Float32),
+      delta: new b(A.Float32),
+      damping: new b(A.Float32)
     }));
   }
   getArrayBuffer() {
@@ -3338,7 +3399,7 @@ class q {
     ) : this.getComponent(t, e);
   }
   create(t, e, r = 1) {
-    const i = le(t) ? t : void 0, s = i === void 0 ? t : void 0, a = r > 0 ? r : 1;
+    const i = ae(t) ? t : void 0, s = i === void 0 ? t : void 0, a = r > 0 ? r : 1;
     let o = 0;
     for (let h = 0; h < this.components.length; h++) {
       const { value: c, delta: u, damping: l } = this.components[h], d = this.getComponent(e, h), f = s === void 0 ? this.resolveComponent(i?.start, h, d) : this.getComponent(s, h), m = i?.end === void 0 ? f : this.resolveComponent(i.end, h, d);
@@ -3347,28 +3408,29 @@ class q {
     return o;
   }
 }
-class bt {
+class Tt {
   options;
   emitting = !1;
   emitTimer = 0;
-  emitRate = Tt;
-  emitTime = Et;
+  emitRate = ft;
+  emitTime = mt;
   emitTimeCounter = 0;
   /** Whether spawned particles are positioned in local emitter space (default: true). */
-  localSpace = Rt;
+  localSpace = xt;
   rapid;
-  x = new _(b.Float32);
-  y = new _(b.Float32);
-  scaleX = new _(b.Float32);
-  scaleY = new _(b.Float32);
-  rotation = new _(b.Float32);
-  color = new _(b.Uint32);
+  x = new b(A.Float32);
+  y = new b(A.Float32);
+  scaleX = new b(A.Float32);
+  scaleY = new b(A.Float32);
+  rotation = new b(A.Float32);
+  color = new b(A.Uint32);
+  remainingLife = new b(A.Float32);
   animations = {
-    speed: new q(),
-    rotation: new q(),
-    scale: new q(),
-    color: new q(4),
-    velocity: new q(2)
+    speed: new j(),
+    rotation: new j(),
+    scale: new j(),
+    color: new j(4),
+    velocity: new j(2)
   };
   count = 0;
   /**
@@ -3377,7 +3439,7 @@ class bt {
    * @param options - Emitter configuration options
    */
   constructor(t, e) {
-    this.rapid = t, this.options = e, this.emitRate = e.emitRate ?? Tt, this.emitTime = e.emitTime ?? Et, this.localSpace = e.localSpace ?? Rt;
+    this.rapid = t, this.options = e, this.emitRate = e.emitRate ?? ft, this.emitTime = e.emitTime ?? mt, this.localSpace = e.localSpace ?? xt;
   }
   getAllArrayBuffer() {
     return [
@@ -3387,6 +3449,7 @@ class bt {
       this.scaleY,
       this.rotation,
       this.color,
+      this.remainingLife,
       ...Object.values(this.animations).flatMap((t) => t.getArrayBuffer())
     ];
   }
@@ -3399,7 +3462,7 @@ class bt {
    * Particle state is NOT copied.
    */
   clone() {
-    return new bt(this.rapid, { ...this.options });
+    return new Tt(this.rapid, { ...this.options });
   }
   /** Sets particles-per-second emission rate (continuous mode). */
   setEmitRate(t) {
@@ -3434,6 +3497,7 @@ class bt {
   }
   createParticle() {
     const t = L.scalarOrRange(this.options.life, 1);
+    this.remainingLife.push(t);
     let e = 0, r = 0;
     switch (this.options.emitShape) {
       case "circle": {
@@ -3479,12 +3543,16 @@ class bt {
         r > 0 && (this.emit(r), this.emitTimer -= r / this.emitRate);
       }
     const e = this.updateParticle(t);
-    this.count -= e.length, _.removeAtIndices(e, this.getAllArrayBuffer());
+    this.count -= e.length, b.removeAtIndices(e, this.getAllArrayBuffer());
   }
   updateParticle(t) {
     const e = [], r = this.animations;
     Object.values(r).forEach((i) => i.update(t));
     for (let i = 0; i < this.count; i++) {
+      if (this.remainingLife.typedArray[i] -= t, this.remainingLife.typedArray[i] <= 0) {
+        e.push(i);
+        continue;
+      }
       const s = r.rotation.get(i), a = r.scale.get(i), o = r.speed.get(i);
       this.rotation.typedArray[i] = s, this.scaleX.typedArray[i] = a, this.scaleY.typedArray[i] = a, this.color.uint32[i] = x.packColor(
         r.color.get(i, 0),
@@ -3530,41 +3598,41 @@ class bt {
   }
 }
 export {
-  b as ArrayType,
-  z as BaseTexture,
-  ce as BlendMode,
-  ue as CanvasScaleMode,
+  A as ArrayType,
+  Y as BaseTexture,
+  se as BlendMode,
+  ne as CanvasScaleMode,
   x as Color,
-  ft as CustomGlShader,
-  _ as DynamicArrayBuffer,
-  wt as GLShader,
-  Xt as GraphicRegion,
-  Kt as LineTextureMode,
-  oe as MaskType,
-  Ct as MatrixStack,
-  Ut as MatrixStore,
-  bt as ParticleEmitter,
-  de as ParticleShape,
-  Gt as QUAD_VERTICES,
-  fe as Rapid,
-  At as Region,
-  Pt as RenderTexture,
-  ot as SpriteRegion,
-  Lt as TextTexture,
-  O as Texture,
-  ht as TextureFilterMode,
-  _t as TextureManager,
-  Q as TextureWrapMode,
+  ht as CustomGlShader,
+  b as DynamicArrayBuffer,
+  gt as GLShader,
+  kt as GraphicRegion,
+  Vt as LineTextureMode,
+  ie as MaskType,
+  wt as MatrixStack,
+  Rt as MatrixStore,
+  Tt as ParticleEmitter,
+  he as ParticleShape,
+  Ot as QUAD_VERTICES,
+  oe as Rapid,
+  vt as Region,
+  At as RenderTexture,
+  nt as SpriteRegion,
+  bt as TextTexture,
+  N as Texture,
+  st as TextureFilterMode,
+  Mt as TextureManager,
+  K as TextureWrapMode,
   p as Vec2,
-  it as WebglBufferArray,
-  jt as composeProjectionWithAffine,
-  ne as drawCircle,
-  St as drawGraphic,
-  re as drawLine,
-  ie as drawMaskImage,
-  ee as drawParticles,
-  se as drawRect,
-  te as drawSprite,
-  Zt as getColorUint32,
-  $t as multiplyMat4
+  tt as WebglBufferArray,
+  Ht as composeProjectionWithAffine,
+  Jt as drawCircle,
+  yt as drawGraphic,
+  qt as drawLine,
+  Qt as drawMaskImage,
+  Kt as drawParticles,
+  Zt as drawRect,
+  jt as drawSprite,
+  zt as getColorUint32,
+  Gt as multiplyMat4
 };