rapid-render 1.0.0 → 1.0.2

package/dist/rapid-render.js

@@ -1,5 +1,5 @@
-var N = /* @__PURE__ */ ((s) => (s[s.Float32 = 0] = "Float32", s[s.Uint32 = 1] = "Uint32", s[s.Uint16 = 2] = "Uint16", s))(N || {});
-class W {
+var I = /* @__PURE__ */ ((s) => (s[s.Float32 = 0] = "Float32", s[s.Uint32 = 1] = "Uint32", s[s.Uint16 = 2] = "Uint16", s))(I || {});
+class D {
   /** The number of elements currently used in the buffer. */
   usedElemNum;
   /** The main typed array view corresponding to the specified ArrayType. */
@@ -151,7 +151,7 @@ class W {
     this.usedElemNum = 0;
   }
 }
-class j extends W {
+class et extends D {
   /** The actual WebGLBuffer object maintained by this instance. */
   buffer;
   /** The related WebGL rendering context. */
@@ -202,7 +202,7 @@ class j extends W {
     }
   }
 }
-class d {
+class m {
   _r;
   _g;
   _b;
@@ -283,7 +283,7 @@ class d {
    */
   updateUint() {
     this.uint32 = (this._a << 24 | this._b << 16 | this._g << 8 | this._r) >>> 0;
-    const t = d.clampByte(this._a), e = d.clampByte(this._r * t / 255), i = d.clampByte(this._g * t / 255), r = d.clampByte(this._b * t / 255);
+    const t = m.clampByte(this._a), e = m.clampByte(this._r * t / 255), i = m.clampByte(this._g * t / 255), r = m.clampByte(this._b * t / 255);
     this.premultipliedUint32 = (t << 24 | r << 16 | i << 8 | e) >>> 0;
   }
   reset() {
@@ -302,8 +302,8 @@ class d {
   setHSL(t, e, i) {
     t = (t % 360 + 360) % 360, e = Math.max(0, Math.min(100, e)) / 100, i = Math.max(0, Math.min(100, i)) / 100;
     const r = (1 - Math.abs(2 * i - 1)) * e, n = r * (1 - Math.abs(t / 60 % 2 - 1)), a = i - r / 2;
-    let o = 0, h = 0, u = 0;
-    return t < 60 ? [o, h, u] = [r, n, 0] : t < 120 ? [o, h, u] = [n, r, 0] : t < 180 ? [o, h, u] = [0, r, n] : t < 240 ? [o, h, u] = [0, n, r] : t < 300 ? [o, h, u] = [n, 0, r] : [o, h, u] = [r, 0, n], this.setRGBA((o + a) * 255, (h + a) * 255, (u + a) * 255, 255), this;
+    let o = 0, h = 0, c = 0;
+    return t < 60 ? [o, h, c] = [r, n, 0] : t < 120 ? [o, h, c] = [n, r, 0] : t < 180 ? [o, h, c] = [0, r, n] : t < 240 ? [o, h, c] = [0, n, r] : t < 300 ? [o, h, c] = [n, 0, r] : [o, h, c] = [r, 0, n], this.setRGBA((o + a) * 255, (h + a) * 255, (c + a) * 255, 255), this;
   }
   toHex() {
     const t = (e) => Math.max(0, Math.min(255, Math.round(e))).toString(16).padStart(2, "0");
@@ -321,7 +321,7 @@ class d {
    * @returns A new `Color` instance with the same RGBA values.
    */
   clone() {
-    return new d(this._r, this._g, this._b, this._a);
+    return new m(this._r, this._g, this._b, this._a);
   }
   /**
    * Converts the color to a hexadecimal string representation (e.g., '#RRGGBBAA').
@@ -355,13 +355,13 @@ class d {
    * Color.fromNorm(0.9, 0.87, 0.55, 0.1) // moon glow
    */
   static FromHSL(t, e, i) {
-    return new d(0, 0, 0).setHSL(t, e, i);
+    return new m(0, 0, 0).setHSL(t, e, i);
   }
   static FromRGB(t, e, i) {
-    return new d(t, e, i);
+    return new m(t, e, i);
   }
   static fromNorm(t, e, i, r = 1) {
-    return new d(
+    return new m(
       Math.round(t * 255),
       Math.round(e * 255),
       Math.round(i * 255),
@@ -377,7 +377,7 @@ class d {
     t.startsWith("#") && (t = t.slice(1));
     const e = parseInt(t.slice(0, 2), 16), i = parseInt(t.slice(2, 4), 16), r = parseInt(t.slice(4, 6), 16);
     let n = 255;
-    return t.length >= 8 && (n = parseInt(t.slice(6, 8), 16)), new d(e, i, r, n);
+    return t.length >= 8 && (n = parseInt(t.slice(6, 8), 16)), new m(e, i, r, n);
   }
   /**
    * Adds the components of another color to this color, clamping the result to 255.
@@ -385,7 +385,7 @@ class d {
    * @returns A new Color instance with the result of the addition.
    */
   add(t) {
-    return new d(
+    return new m(
       Math.min(this.r + t.r, 255),
       Math.min(this.g + t.g, 255),
       Math.min(this.b + t.b, 255),
@@ -398,24 +398,20 @@ class d {
    * @returns A new Color instance with the result of the subtraction.
    */
   subtract(t) {
-    return new d(
-      Math.max(0, this.r - t.r),
-      // Clamp to 0
-      Math.max(0, this.g - t.g),
-      // Clamp to 0
-      Math.max(0, this.b - t.b),
-      // Clamp to 0
-      Math.max(0, this.a - t.a)
-      // Clamp to 0
+    return new m(
+      this.r - t.r,
+      this.g - t.g,
+      this.b - t.b,
+      this.a - t.a
     );
   }
   divide(t) {
-    return t instanceof d ? new d(
+    return t instanceof m ? new m(
       this.r / t.r,
       this.g / t.g,
       this.b / t.b,
       this.a / t.a
-    ) : new d(
+    ) : new m(
       this.r / t,
       this.g / t,
       this.b / t,
@@ -423,12 +419,12 @@ class d {
     );
   }
   multiply(t) {
-    return t instanceof d ? new d(
+    return t instanceof m ? new m(
       this.r * t.r,
       this.g * t.g,
       this.b * t.b,
       this.a * t.a
-    ) : new d(
+    ) : new m(
       this.r * t,
       this.g * t,
       this.b * t,
@@ -438,25 +434,25 @@ class d {
   clamp() {
     this.r = Math.max(0, Math.min(255, this.r)), this.g = Math.max(0, Math.min(255, this.g)), this.b = Math.max(0, Math.min(255, this.b)), this.a = Math.max(0, Math.min(255, this.a));
   }
-  static Red = new d(255, 0, 0, 255);
-  static Green = new d(0, 255, 0, 255);
-  static Blue = new d(0, 0, 255, 255);
-  static Yellow = new d(255, 255, 0, 255);
-  static Purple = new d(128, 0, 128, 255);
-  static Orange = new d(255, 165, 0, 255);
-  static Pink = new d(255, 192, 203, 255);
-  static Gray = new d(128, 128, 128, 255);
-  static Brown = new d(139, 69, 19, 255);
-  static Cyan = new d(0, 255, 255, 255);
-  static Magenta = new d(255, 0, 255, 255);
-  static Lime = new d(192, 255, 0, 255);
-  static White = new d(255, 255, 255, 255);
-  static Black = new d(0, 0, 0, 255);
-  static Transparent = new d(0, 0, 0, 0);
-  static TRANSPARENT = new d(0, 0, 0, 0);
+  static Red = new m(255, 0, 0, 255);
+  static Green = new m(0, 255, 0, 255);
+  static Blue = new m(0, 0, 255, 255);
+  static Yellow = new m(255, 255, 0, 255);
+  static Purple = new m(128, 0, 128, 255);
+  static Orange = new m(255, 165, 0, 255);
+  static Pink = new m(255, 192, 203, 255);
+  static Gray = new m(128, 128, 128, 255);
+  static Brown = new m(139, 69, 19, 255);
+  static Cyan = new m(0, 255, 255, 255);
+  static Magenta = new m(255, 0, 255, 255);
+  static Lime = new m(192, 255, 0, 255);
+  static White = new m(255, 255, 255, 255);
+  static Black = new m(0, 0, 0, 255);
+  static Transparent = new m(0, 0, 0, 0);
+  static TRANSPARENT = new m(0, 0, 0, 0);
 }
-const p = 6;
-class pt {
+const R = 6;
+class St {
   /** Total number of matrices currently allocated in the store. */
   matrixCount = 0;
   /** The dynamic buffer used to hold matrix data. */
@@ -468,7 +464,7 @@ class pt {
    * @param capacity - The initial capacity of the matrix store (default is 10).
    */
   constructor(t = 10) {
-    this.buffer = new W(N.Float32), this.buffer.resize(t * p), this.data = this.buffer.getArray();
+    this.buffer = new D(I.Float32), this.buffer.resize(t * R), this.data = this.buffer.getArray();
   }
   /**
    * Allocates a new matrix and initializes it to the identity matrix.
@@ -483,7 +479,7 @@ class pt {
    * @returns The index of the newly allocated matrix.
    */
   allocDirty() {
-    return this.buffer.resize(p) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += p, this.matrixCount++;
+    return this.buffer.resize(R) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += R, this.matrixCount++;
   }
   /**
    * Resets the store, clearing all allocated matrices.
@@ -496,7 +492,7 @@ class pt {
    * @param index - The index of the matrix to modify.
    */
   identity(t) {
-    const e = t * p, i = this.data;
+    const e = t * R, i = this.data;
     i[e] = 1, i[e + 1] = 0, i[e + 2] = 0, i[e + 3] = 1, i[e + 4] = 0, i[e + 5] = 0;
   }
   /**
@@ -506,7 +502,7 @@ class pt {
    * @param y - The y translation.
    */
   translate(t, e, i) {
-    const r = t * p, n = this.data;
+    const r = t * R, n = this.data;
     n[r + 4] = n[r] * e + n[r + 2] * i + n[r + 4], n[r + 5] = n[r + 1] * e + n[r + 3] * i + n[r + 5];
   }
   /**
@@ -516,7 +512,7 @@ class pt {
    * @param scaleY - The scale factor along the y-axis.
    */
   scale(t, e, i) {
-    const r = t * p, n = this.data;
+    const r = t * R, n = this.data;
     n[r] *= e, n[r + 1] *= e, n[r + 2] *= i, n[r + 3] *= i;
   }
   /**
@@ -525,8 +521,8 @@ class pt {
    * @param radians - The rotation angle in radians.
    */
   rotate(t, e) {
-    const i = t * p, r = this.data, n = Math.cos(e), a = Math.sin(e), o = r[i], h = r[i + 1], u = r[i + 2], c = r[i + 3];
-    r[i] = o * n + u * a, r[i + 1] = h * n + c * a, r[i + 2] = o * -a + u * n, r[i + 3] = h * -a + c * n;
+    const i = t * R, r = this.data, n = Math.cos(e), a = Math.sin(e), o = r[i], h = r[i + 1], c = r[i + 2], u = r[i + 3];
+    r[i] = o * n + c * a, r[i + 1] = h * n + u * a, r[i + 2] = o * -a + c * n, r[i + 3] = h * -a + u * n;
   }
   /**
    * Rotates the matrix at the given index around a local offset point (pivot).
@@ -553,7 +549,7 @@ class pt {
    * @param src - The index of the source matrix.
    */
   copy(t, e) {
-    const i = t * p, r = e * p, n = this.data;
+    const i = t * R, r = e * R, n = this.data;
     n[i] = n[r], n[i + 1] = n[r + 1], n[i + 2] = n[r + 2], n[i + 3] = n[r + 3], n[i + 4] = n[r + 4], n[i + 5] = n[r + 5];
   }
   /**
@@ -571,21 +567,21 @@ class pt {
    * @param bIdx - The index of matrix B.
    */
   multiplyOut(t, e, i) {
-    const r = t * p, n = e * p, a = i * p, o = this.data, h = o[n], u = o[n + 1], c = o[n + 2], m = o[n + 3], f = o[n + 4], v = o[n + 5], x = o[a], T = o[a + 1], E = o[a + 2], R = o[a + 3], _ = o[a + 4], A = o[a + 5];
-    o[r] = h * x + c * T, o[r + 1] = u * x + m * T, o[r + 2] = h * E + c * R, o[r + 3] = u * E + m * R, o[r + 4] = h * _ + c * A + f, o[r + 5] = u * _ + m * A + v;
+    const r = t * R, n = e * R, a = i * R, o = this.data, h = o[n], c = o[n + 1], u = o[n + 2], f = o[n + 3], l = o[n + 4], p = o[n + 5], x = o[a], g = o[a + 1], v = o[a + 2], y = o[a + 3], w = o[a + 4], T = o[a + 5];
+    o[r] = h * x + u * g, o[r + 1] = c * x + f * g, o[r + 2] = h * v + u * y, o[r + 3] = c * v + f * y, o[r + 4] = h * w + u * T + l, o[r + 5] = c * w + f * T + p;
   }
   /**
    * Inverts the matrix at the given index. If the matrix is not invertible, it defaults to the identity matrix.
    * @param index - The index of the matrix to invert.
    */
   invert(t) {
-    const e = t * p, i = this.data, r = i[e], n = i[e + 1], a = i[e + 2], o = i[e + 3], h = i[e + 4], u = i[e + 5];
-    let c = r * o - n * a;
-    if (!c) {
+    const e = t * R, i = this.data, r = i[e], n = i[e + 1], a = i[e + 2], o = i[e + 3], h = i[e + 4], c = i[e + 5];
+    let u = r * o - n * a;
+    if (!u) {
       this.identity(t);
       return;
     }
-    c = 1 / c, i[e] = o * c, i[e + 1] = -n * c, i[e + 2] = -a * c, i[e + 3] = r * c, i[e + 4] = (a * u - o * h) * c, i[e + 5] = (n * h - r * u) * c;
+    u = 1 / u, i[e] = o * u, i[e + 1] = -n * u, i[e + 2] = -a * u, i[e + 3] = r * u, i[e + 4] = (a * c - o * h) * u, i[e + 5] = (n * h - r * c) * u;
   }
   /**
    * Transforms a point by the matrix at the given index.
@@ -595,7 +591,7 @@ class pt {
    * @returns The transformed point {x, y}.
    */
   transformPoint(t, e, i) {
-    const r = t * p, n = this.data;
+    const r = t * R, n = this.data;
     return {
       x: e * n[r] + i * n[r + 2] + n[r + 4],
       y: e * n[r + 1] + i * n[r + 3] + n[r + 5]
@@ -613,7 +609,7 @@ class pt {
     const r = this.allocDirty();
     this.copy(r, t), this.invert(r);
     const n = this.transformPoint(r, e, i);
-    return this.matrixCount--, this.buffer.usedElemNum -= p, n;
+    return this.matrixCount--, this.buffer.usedElemNum -= R, n;
   }
   /**
    * Transforms a point from local coordinates to world coordinates.
@@ -631,7 +627,7 @@ class pt {
    * @returns An object containing `x` and `y` global coordinates.
    */
   getPosition(t) {
-    const e = t * p, i = this.data;
+    const e = t * R, i = this.data;
     return { x: i[e + 4], y: i[e + 5] };
   }
   /**
@@ -640,7 +636,7 @@ class pt {
    * @returns An object containing `x` and `y` global scale factors.
    */
   getScale(t) {
-    const e = t * p, i = this.data, r = Math.sqrt(i[e] * i[e] + i[e + 1] * i[e + 1]), n = Math.sqrt(i[e + 2] * i[e + 2] + i[e + 3] * i[e + 3]);
+    const e = t * R, i = this.data, r = Math.sqrt(i[e] * i[e] + i[e + 1] * i[e + 1]), n = Math.sqrt(i[e + 2] * i[e + 2] + i[e + 3] * i[e + 3]);
     return { x: r, y: n };
   }
   /**
@@ -649,7 +645,7 @@ class pt {
    * @returns The global rotation in radians.
    */
   getRotation(t) {
-    const e = t * p, i = this.data;
+    const e = t * R, i = this.data;
     return Math.atan2(i[e + 1], i[e]);
   }
   /**
@@ -660,7 +656,7 @@ class pt {
    * @returns A CSS matrix string.
    */
   toCSSMatrix(t, e = 1, i = 1) {
-    const r = t * p, n = this.data;
+    const r = t * R, n = this.data;
     return `matrix(${n[r] * e}, ${n[r + 1] * i}, ${n[r + 2] * e}, ${n[r + 3] * i}, ${n[r + 4] * e}, ${n[r + 5] * i})`;
   }
   /**
@@ -671,8 +667,8 @@ class pt {
    * @returns A new Float32Array containing the 6 elements of the matrix.
    */
   getMatrix(t) {
-    const e = t * p;
-    return this.data.slice(e, e + p);
+    const e = t * R;
+    return this.data.slice(e, e + R);
   }
   /**
    * Retrieves a direct reference (view) to the 6 elements [a, b, c, d, tx, ty] for the matrix at the specified index.
@@ -682,8 +678,8 @@ class pt {
    * @returns A Float32Array view pointing directly to the matrix's data in memory.
    */
   getMatrixRef(t) {
-    const e = t * p;
-    return this.data.subarray(e, e + p);
+    const e = t * R;
+    return this.data.subarray(e, e + R);
   }
   /**
    * Overwrites the matrix at the specified index with the provided 6 elements [a, b, c, d, tx, ty].
@@ -692,25 +688,29 @@ class pt {
    * @param f - An array (Float32Array or standard number array) containing the 6 new elements.
    */
   setMatrix(t, e) {
-    const i = t * p, r = this.data;
+    const i = t * R, r = this.data;
     r[i] = e[0], r[i + 1] = e[1], r[i + 2] = e[2], r[i + 3] = e[3], r[i + 4] = e[4], r[i + 5] = e[5];
   }
+  multiplyAffineInPlace(t, e, i, r, n, a, o) {
+    const h = t * 6, c = this.data, u = c[h], f = c[h + 1], l = c[h + 2], p = c[h + 3], x = c[h + 4], g = c[h + 5];
+    c[h] = u * e + l * i, c[h + 1] = f * e + p * i, c[h + 2] = u * r + l * n, c[h + 3] = f * r + p * n, c[h + 4] = u * a + l * o + x, c[h + 5] = f * a + p * o + g;
+  }
 }
-class gt {
+class bt {
   /** The underlying store for matrices. */
-  matrix = new pt();
+  matrix = new St();
   /** The current step or depth in the transformation hierarchy. */
   step = 0;
   /** Internal stack maintaining structural information. */
-  stack = new W(N.Uint32);
+  stack = new D(I.Uint32);
   /** Records the world matrices generated at each step. */
-  stepWorldM = new W(N.Uint32);
+  stepWorldM = new D(I.Uint32);
   /** Records actions (push/pop) taken during the traversal. */
-  stepAction = new W(N.Uint32);
+  stepAction = new D(I.Uint32);
   /** Records the parent world matrix for each step (used by updateMatrix). */
-  stepParentM = new W(N.Uint32);
+  stepParentM = new D(I.Uint32);
   /** Buffer used during hierarchy traversal updates. */
-  parentStack = new W(N.Uint32);
+  parentStack = new D(I.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. */
@@ -749,8 +749,8 @@ class gt {
     const a = this.parentStack;
     for (a.reset(), a.push(i); n < this.stepAction.length; ) {
       if (this.stepAction.get(n) === 1) {
-        const h = this.stepWorldM.get(n), u = h - 1, c = a.top();
-        this.matrix.multiplyOut(h, c, u), a.push(h), r++;
+        const h = this.stepWorldM.get(n), c = h - 1, u = a.top();
+        this.matrix.multiplyOut(h, u, c), a.push(h), r++;
       } else if (a.pop(), r--, r === 0)
         break;
       n++;
@@ -859,14 +859,14 @@ class gt {
    * Returns the current world matrix as Float32Array [a, b, c, d, tx, ty].
    */
   getTransform() {
-    const t = this.curWorldM * p;
-    return this.matrix.data.slice(t, t + p);
+    const t = this.curWorldM * R;
+    return this.matrix.data.slice(t, t + R);
   }
   /**
    * Directly overwrites the current world matrix with the given 6-element 2D transform.
    */
   setTransform(t) {
-    const e = this.curWorldM * p, i = this.matrix.data;
+    const e = this.curWorldM * R, i = this.matrix.data;
     i[e] = t[0], i[e + 1] = t[1], i[e + 2] = t[2], i[e + 3] = t[3], i[e + 4] = t[4], i[e + 5] = t[5];
   }
   transformPoint(t, e) {
@@ -877,22 +877,39 @@ class gt {
    * Optionally saves the matrix first (saveTransform defaults to true).
    */
   applyTransform(t, e = 0, i = 0) {
-    (t.saveTransform ?? !0) && this.save(), t.afterSave?.();
-    const r = t.x ?? 0, n = t.y ?? 0;
-    (r || n) && this.translate(r, n), t.position && this.translate(t.position.x, t.position.y), t.rotation && this.rotate(t.rotation);
-    const a = t.scale, o = typeof a == "number";
-    a && this.scale(
-      o ? a : a.x,
-      o ? a : a.y
-    );
-    let h = t.offsetX ?? 0, u = t.offsetY ?? 0;
-    t.offset && (h += t.offset.x, u += t.offset.y);
-    const c = t.origin;
-    c !== void 0 && (typeof c == "number" ? (h -= c * e, u -= c * i) : (h -= c.x * e, u -= c.y * i)), this.translate(h, u);
+    (t.saveTransform ?? !0) && this.save();
+    let r = t.x ?? 0, n = t.y ?? 0;
+    t.position && (r += t.position.x, n += t.position.y);
+    let a = 1, o = 1;
+    const h = t.scale;
+    h && (typeof h == "number" ? (a = h, o = h) : (a = h.x, o = h.y));
+    const c = t.rotation ?? 0;
+    let u = t.offsetX ?? 0, f = t.offsetY ?? 0;
+    t.offset && (u += t.offset.x, f += t.offset.y);
+    const l = t.origin;
+    l !== void 0 && (typeof l == "number" ? (u -= l * e, f -= l * i) : (u -= l.x * e, f -= l.y * i));
+    const p = c ? Math.cos(c) : 1, x = c ? Math.sin(c) : 0, g = p * a, v = x * a, y = -x * o, w = p * o, T = r + g * u + y * f, S = n + v * u + w * f;
+    (t.afterSave !== void 0 || t.saveTransform === !1) && this.matrix.multiplyAffineInPlace(
+      this.curLocalM,
+      g,
+      v,
+      y,
+      w,
+      T,
+      S
+    ), this.matrix.multiplyAffineInPlace(
+      this.curWorldM,
+      g,
+      v,
+      y,
+      w,
+      T,
+      S
+    ), t.afterSave?.();
   }
 }
-var H = /* @__PURE__ */ ((s) => (s[s.REPEAT = 0] = "REPEAT", s[s.CLAMP = 1] = "CLAMP", s[s.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", s))(H || {});
-class vt {
+var z = /* @__PURE__ */ ((s) => (s[s.REPEAT = 0] = "REPEAT", s[s.CLAMP = 1] = "CLAMP", s[s.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", s))(z || {});
+class At {
   render;
   cache = /* @__PURE__ */ new Map();
   constructor(t) {
@@ -907,10 +924,10 @@ class vt {
   async load(t, e) {
     let i = this.cache.get(t);
     if (i)
-      return new C(i);
+      return new P(i);
     try {
       const r = await this._fetchImage(t);
-      return i = D.fromSource(this.render, r, e), i.uid = t, this.cache.set(t, i), new C(i);
+      return i = B.fromSource(this.render, r, e), i.uid = t, this.cache.set(t, i), new P(i);
     } catch (r) {
       throw console.error(`[TextureManager] Failed to load: ${t}`, r), r;
     }
@@ -923,9 +940,9 @@ class vt {
    */
   create(t, e) {
     if (e?.key && this.cache.has(e.key))
-      return new C(this.cache.get(e.key));
-    const i = D.fromSource(this.render, t, e);
-    return e?.key && (i.uid = e.key, this.cache.set(e.key, i)), new C(i);
+      return new P(this.cache.get(e.key));
+    const i = B.fromSource(this.render, t, e);
+    return e?.key && (i.uid = e.key, this.cache.set(e.key, i)), new P(i);
   }
   /**
    * Creates a generic Render Texture (FrameBuffer).
@@ -935,7 +952,7 @@ class vt {
    * @returns The newly created RenderTexture.
    */
   createRenderTexture(t) {
-    return new Tt(this.render, t);
+    return new Ut(this.render, t);
   }
   /**
    * Creates a TextTexture for rendering text.
@@ -943,7 +960,7 @@ class vt {
    * @returns The newly created TextTexture.
    */
   createTextTexture(t) {
-    return new Et(this.render, t);
+    return new Ct(this.render, t);
   }
   /**
    * Destroys a texture and potentially removes its BaseTexture from the cache.
@@ -954,7 +971,7 @@ class vt {
    */
   destroy(t, e = !1) {
     let i, r;
-    typeof t == "string" ? (r = t, i = this.cache.get(r)) : t instanceof C ? (i = t.base, r = i?.uid, t.destroy()) : (i = t, r = i.uid), i && (i.refCount <= 0 || e) && (i.destroy(this.render.gl), r && this.cache.delete(r));
+    typeof t == "string" ? (r = t, i = this.cache.get(r)) : t instanceof P ? (i = t.base, r = i?.uid, t.destroy()) : (i = t, r = i.uid), i && (i.refCount <= 0 || e) && (i.destroy(this.render.gl), r && this.cache.delete(r));
   }
   /**
    * Destroys all cached textures and clears the cache, ignoring reference counts.
@@ -971,7 +988,7 @@ class vt {
     });
   }
 }
-class D {
+class B {
   glTexture = null;
   width;
   height;
@@ -988,8 +1005,8 @@ class D {
    * @returns The created BaseTexture.
    */
   static fromSource(t, e, i = {}) {
-    const r = X(t, e, i);
-    return new D(r, e.width, e.height);
+    const r = Z(t, e, i);
+    return new B(r, e.width, e.height);
   }
   /**
    * Updates the content of the existing texture (e.g. for Video or dynamic Canvas).
@@ -998,19 +1015,19 @@ class D {
    * @param source - The new image source.
    */
   updateSource(t, e, i = {}) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), i.textureFilter !== void 0 && Z(t, i.textureFilter), i.wrap !== void 0 && q(t, i.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), i.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, i.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), i.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1));
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), i.textureFilter !== void 0 && rt(t, i.textureFilter), i.wrap !== void 0 && it(t, i.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), i.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, i.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), i.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), Z(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), q(t, e), t.bindTexture(t.TEXTURE_2D, null));
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), it(t, e), t.bindTexture(t.TEXTURE_2D, null));
   }
   /**
    * Destroys the WebGL texture resource.
@@ -1020,7 +1037,7 @@ class D {
     this.glTexture && (t.deleteTexture(this.glTexture), this.glTexture = null);
   }
 }
-class C {
+class P {
   base;
   uvX = 0;
   uvY = 0;
@@ -1077,7 +1094,7 @@ class C {
    * @returns A new Texture pointing to the sub-region.
    */
   getSubTexture(t, e, i, r) {
-    if (!this.base) return new C();
+    if (!this.base) return new P();
     const n = this.clone(), a = this._px, o = this._py;
     return n.setRegion(a + t, o + e, i, r), n;
   }
@@ -1086,7 +1103,7 @@ class C {
    * @returns A new Texture instance.
    */
   clone(t) {
-    const e = t ?? new C(this.base);
+    const e = t ?? new P(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;
   }
   /**
@@ -1101,10 +1118,10 @@ class C {
    */
   splitGrid(t, e, i, r, n = 0) {
     if (!this.base) return [];
-    const a = [], o = this.rawWidth, h = this.rawHeight, u = Math.max(0, n), c = t + u, m = e + u, f = i ?? Math.floor((o + u) / c), v = r ?? Math.floor((h + u) / m);
-    for (let x = 0; x < v; x++)
-      for (let T = 0; T < f; T++)
-        a.push(this.getSubTexture(T * c, x * m, t, e));
+    const a = [], o = this.rawWidth, h = this.rawHeight, c = Math.max(0, n), u = t + c, f = e + c, l = i ?? Math.floor((o + c) / u), p = r ?? Math.floor((h + c) / f);
+    for (let x = 0; x < p; x++)
+      for (let g = 0; g < l; g++)
+        a.push(this.getSubTexture(g * u, x * f, t, e));
     return a;
   }
   /**
@@ -1113,8 +1130,8 @@ class C {
    * @param options - Optional antialias and wrap mode settings.
    */
   static fromImageSource(t, e, i = {}) {
-    const r = X(t, e, i);
-    return new C(new D(r, e.width, e.height));
+    const r = Z(t, e, i);
+    return new P(new B(r, e.width, e.height));
   }
   /**
    * Marks this Texture as destroyed, decrementing the BaseTexture reference count.
@@ -1123,7 +1140,7 @@ class C {
     this.base && (this.base.refCount--, this.base = void 0), this.glTexture = null;
   }
 }
-class Tt extends C {
+class Ut extends P {
   framebuffer;
   renderbuffer;
   gl;
@@ -1133,9 +1150,9 @@ class Tt extends C {
   _allocW = 0;
   _allocH = 0;
   constructor(t, e) {
-    super(), this.gl = t.gl, this.clearColor = e.clearColor ?? d.Black;
-    const i = Math.max(Math.round(e.width), 1), r = Math.max(Math.round(e.height), 1), a = X(t, { width: i, height: r }, { ...e, onlySize: !0 });
-    if (this.setBase(new D(a, i, r)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
+    super(), this.gl = t.gl, this.clearColor = e.clearColor ?? m.Black;
+    const i = Math.max(Math.round(e.width), 1), r = Math.max(Math.round(e.height), 1), a = Z(t, { width: i, height: r }, { ...e, onlySize: !0 });
+    if (this.setBase(new B(a, i, r)), 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(i, r, !0);
   }
@@ -1192,10 +1209,10 @@ class Tt extends C {
     if (o <= 0 || h <= 0) return new Uint8Array(0);
     if (n < 0 || a < 0 || n >= this.rawWidth || a >= this.rawHeight)
       return new Uint8Array(0);
-    const u = Math.min(o, this.rawWidth - n), c = Math.min(h, this.rawHeight - a), m = this.rawHeight - a - c, f = this.gl, v = f.getParameter(f.FRAMEBUFFER_BINDING);
-    f.bindFramebuffer(f.FRAMEBUFFER, this.framebuffer);
-    const x = new Uint8Array(u * c * 4);
-    return f.readPixels(n, m, u, c, f.RGBA, f.UNSIGNED_BYTE, x), f.bindFramebuffer(f.FRAMEBUFFER, v), x;
+    const c = Math.min(o, this.rawWidth - n), u = Math.min(h, this.rawHeight - a), f = this.rawHeight - a - u, l = this.gl, p = l.getParameter(l.FRAMEBUFFER_BINDING);
+    l.bindFramebuffer(l.FRAMEBUFFER, this.framebuffer);
+    const x = new Uint8Array(c * u * 4);
+    return l.readPixels(n, f, c, u, l.RGBA, l.UNSIGNED_BYTE, x), l.bindFramebuffer(l.FRAMEBUFFER, p), x;
   }
   /**
    * Get the color at a pixel in the render texture.
@@ -1204,7 +1221,7 @@ class Tt extends C {
    */
   GetColorAt(t, e) {
     const i = this.GetPixels(t, e, 1, 1);
-    return i.length < 4 ? new d(0, 0, 0, 0) : new d(i[0], i[1], i[2], i[3]);
+    return i.length < 4 ? new m(0, 0, 0, 0) : new m(i[0], i[1], i[2], i[3]);
   }
   /**
    * Destroys the framebuffer, renderbuffer, and base texture.
@@ -1213,7 +1230,7 @@ class Tt extends C {
     super.destroy(), this.framebuffer && this.gl.deleteFramebuffer(this.framebuffer), this.renderbuffer && this.gl.deleteRenderbuffer(this.renderbuffer), this.base?.destroy(this.gl);
   }
 }
-const yt = {
+const _t = {
   fontFamily: "Arial",
   fontSize: 24,
   fontWeight: "normal",
@@ -1222,7 +1239,7 @@ const yt = {
   align: "left",
   baseline: "top"
 };
-class Et extends C {
+class Ct extends P {
   canvas;
   ctx;
   render;
@@ -1231,12 +1248,12 @@ class Et extends C {
   options;
   flipY = !0;
   constructor(t, e) {
-    super(), this.render = t, this._style = { ...yt, ...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 = { ..._t, ...e }, this._text = e?.text ?? "", this.options = { premultipliedAlpha: t.premultipliedAlpha, ...e }, this.scale = 1 / t.dpr, this.canvas = document.createElement("canvas");
     const i = this.canvas.getContext("2d", { willReadFrequently: !0 });
     if (!i) throw new Error("Failed to get 2d context for TextTexture");
     this.ctx = i, this.canvas.width = 1, this.canvas.height = 1;
-    const r = X(t, this.canvas, this.options);
-    this.setBase(new D(r, 1, 1)), this.update();
+    const r = Z(t, this.canvas, this.options);
+    this.setBase(new B(r, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -1288,30 +1305,30 @@ class Et extends C {
     t.font = n;
     const o = this._text.split(`
 `);
-    let h = 0, u = 0;
+    let h = 0, c = 0;
     t.textBaseline = "alphabetic";
-    const c = t.measureText(o[0]), m = c.fontBoundingBoxAscent, f = c.fontBoundingBoxDescent;
-    for (const A of o) {
-      const g = t.measureText(A);
-      g.width > h && (h = g.width), u += m + f;
+    const u = t.measureText(o[0]), f = u.fontBoundingBoxAscent, l = u.fontBoundingBoxDescent;
+    for (const T of o) {
+      const S = t.measureText(T);
+      S.width > h && (h = S.width), c += f + l;
     }
-    u -= f;
-    const v = (this._style.strokeThickness || 0) * 2, x = Math.ceil(h + v) || 1, T = Math.ceil(u + v) || 1, E = x * a, R = T * a;
-    (this.canvas.width !== E || this.canvas.height !== R) && (this.canvas.width = E, this.canvas.height = R), t.setTransform(a, 0, 0, a, 0, 0), t.clearRect(0, 0, x, T), t.font = n, t.textBaseline = "top", t.textAlign = "left", this.updateOffset(x, T);
-    let _ = v / 2;
-    for (const A of o) {
-      let g = v / 2;
-      this._style.stroke && this._style.strokeThickness > 0 && (t.lineWidth = this._style.strokeThickness, t.strokeStyle = this._style.stroke, t.strokeText(A, g, _)), this._style.fill && (t.fillStyle = this._style.fill, t.fillText(A, g, _)), _ += m + f;
+    c -= l;
+    const p = (this._style.strokeThickness || 0) * 2, x = Math.ceil(h + p) || 1, g = Math.ceil(c + p) || 1, v = x * a, y = g * a;
+    (this.canvas.width !== v || this.canvas.height !== y) && (this.canvas.width = v, this.canvas.height = y), t.setTransform(a, 0, 0, a, 0, 0), t.clearRect(0, 0, x, g), t.font = n, t.textBaseline = "top", t.textAlign = "left", this.updateOffset(x, g);
+    let w = p / 2;
+    for (const T of o) {
+      let S = p / 2;
+      this._style.stroke && this._style.strokeThickness > 0 && (t.lineWidth = this._style.strokeThickness, t.strokeStyle = this._style.stroke, t.strokeText(T, S, w)), this._style.fill && (t.fillStyle = this._style.fill, t.fillText(T, S, w)), w += f + l;
     }
     this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, this.canvas.width, this.canvas.height);
   }
 }
-const Rt = (s, t = !1, e = !0) => {
+const Pt = (s, t = !1, e = !0) => {
   const i = s.getContext("webgl2", { stencil: !0, antialias: t, premultipliedAlpha: e });
   if (!i)
     throw new Error("WebGL2 is not supported in this browser.");
   return i;
-}, et = (s, t, e) => {
+}, ct = (s, t, e) => {
   const i = s.createShader(e);
   if (!i)
     throw new Error("Unable to create webgl shader");
@@ -1320,8 +1337,8 @@ const Rt = (s, t = !1, e = !0) => {
     throw console.error("Shader compilation failed:", n), new Error("Unable to compile shader: " + n + t);
   }
   return i;
-}, Mt = (s, t, e) => {
-  var i = s.createProgram(), r = et(s, t, 35633), n = et(s, e, 35632);
+}, Nt = (s, t, e) => {
+  var i = s.createProgram(), r = ct(s, t, 35633), n = ct(s, e, 35632);
   if (!i)
     throw new Error("Unable to create program shader");
   if (s.attachShader(i, r), s.attachShader(i, n), s.linkProgram(i), !s.getProgramParameter(i, s.LINK_STATUS)) {
@@ -1330,26 +1347,26 @@ const Rt = (s, t = !1, e = !0) => {
   }
   return i;
 };
-function q(s, t) {
+function it(s, t) {
   const e = {
-    [H.CLAMP]: s.CLAMP_TO_EDGE,
-    [H.REPEAT]: s.REPEAT,
-    [H.MIRRORED_REPEAT]: s.MIRRORED_REPEAT
+    [z.CLAMP]: s.CLAMP_TO_EDGE,
+    [z.REPEAT]: s.REPEAT,
+    [z.MIRRORED_REPEAT]: s.MIRRORED_REPEAT
   }[t] || s.CLAMP_TO_EDGE;
   s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_S, e), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_T, e);
 }
-function Z(s, t) {
+function rt(s, t) {
   const e = {
-    [Q.LINEAR]: s.LINEAR,
-    [Q.NEAREST]: s.NEAREST
+    [nt.LINEAR]: s.LINEAR,
+    [nt.NEAREST]: s.NEAREST
   }[t] ?? s.NEAREST;
   s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MIN_FILTER, e), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MAG_FILTER, e);
 }
-function X(s, t, e) {
+function Z(s, t, e) {
   const i = s.gl, r = i.createTexture();
   if (!r)
     throw new Error("Unable to create WebGL texture");
-  if (i.bindTexture(i.TEXTURE_2D, r), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 0), i.pixelStorei(i.UNPACK_ALIGNMENT, 1), q(i, e.wrap ?? H.CLAMP), Z(i, e.textureFilter ?? s.textureFilter), e.onlySize) {
+  if (i.bindTexture(i.TEXTURE_2D, r), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 0), i.pixelStorei(i.UNPACK_ALIGNMENT, 1), it(i, e.wrap ?? z.CLAMP), rt(i, e.textureFilter ?? s.textureFilter), e.onlySize) {
     const n = t;
     i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, n.width, n.height, 0, i.RGBA, i.UNSIGNED_BYTE, null);
   } else {
@@ -1358,7 +1375,7 @@ function X(s, t, e) {
   }
   return i.bindTexture(i.TEXTURE_2D, null), r;
 }
-function F(s, t) {
+function W(s, t) {
   if (s.includes("%TEXTURE_NUM%") && (s = s.replace("%TEXTURE_NUM%", t.toString())), s.includes("%GET_COLOR%")) {
     let e = "";
     for (let i = 0; i < t; i++)
@@ -1367,15 +1384,15 @@ function F(s, t) {
   }
   return s;
 }
-const wt = 5126, it = 5121;
-function bt(s, t, e) {
+const Lt = 5126, st = 5121;
+function It(s, t, e) {
   s.vertexAttribDivisor(t, e);
 }
-function At(s, t, e, i, r) {
+function Tt(s, t, e, i, r) {
   s.drawArraysInstanced(t, e, i, r);
 }
-let St = 0;
-class ct {
+let Ot = 0;
+class yt {
   program;
   attributeLoc = {};
   uniformLoc = {};
@@ -1387,11 +1404,11 @@ class ct {
   /** Whether the uniform is an array (e.g. sampler2D uTextures[8]) */
   uniformIsArray = {};
   gl;
-  shaderId = St++;
+  shaderId = Ot++;
   // for debug
   vao;
   constructor(t, e, i, r) {
-    this.gl = t, this.program = Mt(t, e, i), this.parseShader(e), this.parseShader(i), this.vao = t.createVertexArray(), r && this.setAttributes(r);
+    this.gl = t, this.program = Nt(t, e, i), this.parseShader(e), this.parseShader(i), this.vao = t.createVertexArray(), r && this.setAttributes(r);
   }
   /** Switch GPU to use this shader program */
   use() {
@@ -1417,7 +1434,7 @@ class ct {
     const i = this.uniformLoc[t];
     if (i === void 0) return;
     const r = this.uniformType[t], n = this.uniformIsArray[t];
-    Ut(this.gl, i, r, e, n);
+    Wt(this.gl, i, r, e, n);
   }
   /**
    * Batch-set uniforms via a plain value map.
@@ -1444,11 +1461,11 @@ class ct {
     i.vertexAttribPointer(
       e,
       t.size,
-      t.type ?? wt,
+      t.type ?? Lt,
       t.normalized ?? !1,
       t.stride,
       t.offset ?? 0
-    ), i.enableVertexAttribArray(e), bt(i, e, t.divisor ?? 0);
+    ), i.enableVertexAttribArray(e), It(i, e, t.divisor ?? 0);
   }
   /** Bind all vertex attribute pointers at once */
   setAttributes(t) {
@@ -1471,12 +1488,12 @@ class ct {
     const r = t.match(/uniform\s+\w+\s+\w+(?:\[\d+\])?/g);
     if (r)
       for (const n of r) {
-        const a = n.split(/\s+/), o = a[1], h = a[2].replace(/\[\d+\]$/, ""), u = e.getUniformLocation(this.program, h);
-        u !== null && (this.uniformLoc[h] = u, this.uniformType[h] = o, this.uniformIsArray[h] = /\[\d+\]$/.test(a[2]));
+        const a = n.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]));
       }
   }
 }
-function Ut(s, t, e, i, r = !1) {
+function Wt(s, t, e, i, r = !1) {
   switch (e) {
     // scalars
     case "float":
@@ -1512,10 +1529,10 @@ function Ut(s, t, e, i, r = !1) {
       return s.uniformMatrix4fv(t, !1, i);
     // fallback: guess by value shape
     default:
-      return _t(s, t, i);
+      return Ft(s, t, i);
   }
 }
-function _t(s, t, e) {
+function Ft(s, t, e) {
   if (typeof e == "number")
     return s.uniform1f(t, e);
   const i = e;
@@ -1534,7 +1551,7 @@ function _t(s, t, e) {
       return s.uniform1fv(t, i);
   }
 }
-class rt {
+class ut {
   /** Custom vertex shader code */
   vs;
   /** Custom fragment shader code */
@@ -1606,7 +1623,8 @@ class rt {
     return n.isCustom = !0, n.padding = this.padding, this.glshader.set(e, n), this.uniformDirty.add(e), n;
   }
 }
-class lt {
+const K = 1 / 0;
+class Rt {
   constructor(t) {
     this.rapid = t, this.gl = t.gl, this.maxTextureUnits = t.maxTextureUnits, this.matrixStore = t.matrix;
   }
@@ -1649,7 +1667,7 @@ class lt {
     return r == -1 ? (this.usedTextures.push(t), this.usedTexturePadding.push(e), this.usedTexturePadding.push(i), this.usedTextures.length - 1) : r;
   }
   createShader(t, e) {
-    return new ct(this.gl, t, e);
+    return new yt(this.gl, t, e);
   }
   createCustomShader(t) {
     return t.getGLShader(this, this.KEY, this.vs, this.fs);
@@ -1657,7 +1675,7 @@ class lt {
   getCustomShader(t) {
     if (!t)
       return this.defaultShader;
-    if (t instanceof rt) {
+    if (t instanceof ut) {
       const e = this.createCustomShader(t);
       return e ?? this.defaultShader;
     }
@@ -1672,7 +1690,7 @@ class lt {
     return this.isDefaultShader && !t ? !0 : this.getCustomShader(t) == this.currentShader;
   }
   enter(t) {
-    this.resetRender(), this.currentShader = this.getCustomShader(t), t instanceof rt ? (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 ut ? (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);
@@ -1706,7 +1724,7 @@ class lt {
     return !1;
   }
 }
-const z = `#version 300 es\r
+const q = `#version 300 es\r
 precision mediump float;\r
 \r
 // per-vertex\r
@@ -1754,7 +1772,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * position;\r
 }\r
-`, st = `#version 300 es\r
+`, lt = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -1803,8 +1821,8 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, k = 48, Ct = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
-class dt extends lt {
+`, V = 48, Dt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
+class at extends Rt {
   instanceBuffer;
   quadBuffer;
   instanceCount = 0;
@@ -1816,28 +1834,28 @@ class dt extends lt {
   }
   createBuffer() {
     const t = this.gl;
-    this.quadBuffer = new j(t, N.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
-    for (const e of Ct) this.quadBuffer.pushFloat32(e);
-    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new j(t, N.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
+    this.quadBuffer = new et(t, I.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
+    for (const e of Dt) this.quadBuffer.pushFloat32(e);
+    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new et(t, I.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
   }
   createDefaultShader() {
-    const t = this.rapid, e = F(st, t.maxTextureUnits), i = F(z, t.maxTextureUnits);
+    const t = this.rapid, e = W(lt, t.maxTextureUnits), i = W(q, t.maxTextureUnits);
     return this.vs = i, this.fs = e, this.defaultShader = this.createShader(i, e), this.defaultShader;
   }
   createShader(t, e) {
     const i = super.createShader(t, e);
     return i.use(), i.bindVAO(), this.instanceBuffer.bindBuffer(), i.setAttributes([
-      { name: "aMatrixRow0", size: 3, stride: k, offset: 0, divisor: 1 },
-      { name: "aMatrixRow1", size: 3, stride: k, offset: 12, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: k, offset: 24, divisor: 1 },
-      { name: "aColor", size: 4, type: it, normalized: !0, stride: k, offset: 40, divisor: 1 },
-      { name: "aTextureId", size: 1, type: it, stride: k, offset: 44, divisor: 1 }
+      { name: "aMatrixRow0", size: 3, stride: V, offset: 0, divisor: 1 },
+      { name: "aMatrixRow1", size: 3, stride: V, offset: 12, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: V, offset: 24, divisor: 1 },
+      { name: "aColor", size: 4, type: st, normalized: !0, stride: V, offset: 40, divisor: 1 },
+      { name: "aTextureId", size: 1, type: st, stride: V, offset: 44, divisor: 1 }
     ]), this.quadBuffer.bindBuffer(), i.setAttributes([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
     ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   createCustomShader(t) {
-    const e = F(st, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = F(z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = W(lt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = W(q, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, i, e);
   }
   /**
@@ -1852,24 +1870,46 @@ class dt extends lt {
    * @param v1 Bottom UV mapped coordinate (default 1).
    * @param color The tint color as packed ABGR uniform uint32 (default 0xFFFFFFFF).
    */
-  drawSprite(t, e, i = 0, r = 0, n = 1, a = 1, o = 4294967295, h = 0, u = 0, c = !1, m = !1, f = !1) {
-    this.freeTextureUnitNum === 0 && this.flush();
-    const v = t.base, x = t.scale || 1, T = t.rawWidth, E = t.rawHeight, R = t.offsetX, _ = t.offsetY, A = this.useTexture(
+  drawSprite(t, e, i = 0, r = 0, n = 1, a = 1, o = 4294967295, h = 0, c = 0, u = !1, f = !1, l = !1) {
+    const p = e * 6, x = this.matrixStore.data;
+    this.drawSpriteAffine(
+      t,
+      x[p],
+      x[p + 1],
+      x[p + 2],
+      x[p + 3],
+      x[p + 4],
+      x[p + 5],
+      i,
+      r,
+      n,
+      a,
+      o,
+      h,
+      c,
+      u,
+      f,
+      l
+    );
+  }
+  drawSpriteAffine(t, e, i, r, n, a, o, h = 0, c = 0, u = 1, f = 1, l = 4294967295, p = 0, x = 0, g = !1, v = !1, y = !1) {
+    (this.freeTextureUnitNum === 0 || this.instanceCount > K) && this.flush();
+    const w = t.base, T = t.scale ?? 1, S = t.rawWidth, F = t.rawHeight, O = t.offsetX, N = t.offsetY, A = this.useTexture(
       t.glTexture,
-      h / x / v.width,
-      u / x / v.height
-    ), g = e * 6, M = this.matrixStore.data, L = this.instanceBuffer, S = L.usedElemNum;
-    L.resize(12);
-    const U = L.float32, O = L.uint32, B = (f ? E : T) * x, K = (f ? T : E) * x, P = B + 2 * h, I = K + 2 * u, Y = R - h, tt = _ - u, y = this.localSpriteMatrix;
-    f ? (y[0] = 0, y[1] = m ? I : -I, y[2] = c ? -P : P, y[3] = 0, y[4] = Y + (c ? P : 0), y[5] = tt + (m ? 0 : I)) : (y[0] = c ? -P : P, y[1] = 0, y[2] = 0, y[3] = m ? -I : I, y[4] = Y + (c ? P : 0), y[5] = tt + (m ? I : 0));
-    const w = this.worldSpriteMatrix;
-    w[0] = M[g] * y[0] + M[g + 2] * y[1], w[1] = M[g + 1] * y[0] + M[g + 3] * y[1], w[2] = M[g] * y[2] + M[g + 2] * y[3], w[3] = M[g + 1] * y[2] + M[g + 3] * y[3], w[4] = M[g + 4] + M[g] * y[4] + M[g + 2] * y[5], w[5] = M[g + 5] + M[g + 1] * y[4] + M[g + 3] * y[5], U[S + 6] = i, U[S + 7] = r, U[S + 8] = n, U[S + 9] = a, O[S + 10] = o, O[S + 11] = A, this.rapid.roundPixels && (w[4] = Math.round(w[4]), w[5] = Math.round(w[5])), U[S] = w[0], U[S + 1] = w[2], U[S + 2] = w[4], U[S + 3] = w[1], U[S + 4] = w[3], U[S + 5] = w[5], L.usedElemNum += 12, L.makeDirty(), this.instanceCount++;
+      p / T / w.width,
+      x / T / w.height
+    ), M = this.instanceBuffer, b = M.usedElemNum;
+    M.resize(12);
+    const U = M.float32, L = M.uint32, $ = (y ? F : S) * T, J = (y ? S : F) * T, k = $ + 2 * p, G = J + 2 * x, ht = O - p, ot = N - x, E = this.localSpriteMatrix;
+    y ? (E[0] = 0, E[1] = v ? G : -G, E[2] = g ? -k : k, E[3] = 0, E[4] = ht + (g ? k : 0), E[5] = ot + (v ? 0 : G)) : (E[0] = g ? -k : k, E[1] = 0, E[2] = 0, E[3] = v ? -G : G, E[4] = ht + (g ? k : 0), E[5] = ot + (v ? G : 0));
+    const _ = this.worldSpriteMatrix;
+    _[0] = e * E[0] + r * E[1], _[1] = i * E[0] + n * E[1], _[2] = e * E[2] + r * E[3], _[3] = i * E[2] + n * E[3], _[4] = a + e * E[4] + r * E[5], _[5] = o + i * E[4] + n * E[5], U[b + 6] = h, U[b + 7] = c, U[b + 8] = u, U[b + 9] = f, L[b + 10] = l, L[b + 11] = A, this.rapid.roundPixels && (_[4] = Math.round(_[4]), _[5] = Math.round(_[5])), U[b] = _[0], U[b + 1] = _[2], U[b + 2] = _[4], U[b + 3] = _[1], U[b + 4] = _[3], U[b + 5] = _[5], M.usedElemNum += 12, M.makeDirty(), this.instanceCount++;
   }
   render() {
     if (this.instanceCount === 0) return;
     super.render();
     const t = this.gl, e = this.currentShader;
-    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), At(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
+    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), Tt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
   }
   resetRender() {
     super.resetRender(), this.instanceBuffer.clear(), this.instanceCount = 0;
@@ -1878,7 +1918,7 @@ class dt extends lt {
     return this.instanceCount > 0;
   }
 }
-const Nt = `#version 300 es\r
+const Bt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 aPosition;\r
@@ -1909,7 +1949,7 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
     gl_Position = u_projection * position;\r
 }\r
-`, Lt = `#version 300 es\r
+`, kt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec4 vColor;\r
@@ -1955,7 +1995,7 @@ void main(void) {\r
     fragColor = sampleTexture(vRegion);\r
     // CUSTOM_CODE_CALL\r
 }\r
-`, Pt = `#version 300 es\r
+`, Gt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 aPosition;\r
@@ -1978,7 +2018,7 @@ void main(void) {\r
     );\r
     gl_Position = u_projection * position;\r
 }\r
-`, It = `#version 300 es\r
+`, Ht = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 vRegion;\r
@@ -1998,8 +2038,8 @@ void main(void) {\r
         discard;\r
     }\r
 }\r
-`, G = 20;
-class Ot extends lt {
+`, Y = 20;
+class Vt extends Rt {
   vertexBuffer;
   vertexCount = 0;
   matrixIndex = -1;
@@ -2012,24 +2052,24 @@ class Ot extends lt {
   }
   createBuffer() {
     const t = this.gl;
-    this.vertexBuffer = new j(t, N.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Pt, It);
+    this.vertexBuffer = new et(t, I.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Gt, Ht);
   }
   createDefaultShader() {
-    return this.vs = Nt, this.fs = Lt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
+    return this.vs = Bt, this.fs = kt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
   }
   createMaskShader(t, e) {
-    const i = this.gl, r = new ct(i, t, e);
+    const i = this.gl, r = new yt(i, t, e);
     return r.use(), r.bindVAO(), this.vertexBuffer.bindBuffer(), r.setAttributes([
-      { name: "aPosition", size: 2, type: i.FLOAT, stride: G - 4, offset: 0, divisor: 0 },
-      { name: "aUV", size: 2, type: i.FLOAT, stride: G - 4, offset: 8, divisor: 0 }
+      { name: "aPosition", size: 2, type: i.FLOAT, stride: Y - 4, offset: 0, divisor: 0 },
+      { name: "aUV", size: 2, type: i.FLOAT, stride: Y - 4, offset: 8, divisor: 0 }
     ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
   createShader(t, e) {
     const i = this.gl, r = super.createShader(t, e);
     return r.use(), r.bindVAO(), this.vertexBuffer.bindBuffer(), r.setAttributes([
-      { name: "aPosition", size: 2, type: i.FLOAT, stride: G, offset: 0, divisor: 0 },
-      { name: "aColor", size: 4, type: i.UNSIGNED_BYTE, normalized: !0, stride: G, offset: 8, divisor: 0 },
-      { name: "aUV", size: 2, type: i.FLOAT, stride: G, offset: 12, divisor: 0 }
+      { name: "aPosition", size: 2, type: i.FLOAT, stride: Y, offset: 0, divisor: 0 },
+      { name: "aColor", size: 4, type: i.UNSIGNED_BYTE, normalized: !0, stride: Y, offset: 8, divisor: 0 },
+      { name: "aUV", size: 2, type: i.FLOAT, stride: Y, offset: 12, divisor: 0 }
     ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
   /**
@@ -2039,7 +2079,7 @@ class Ot extends lt {
    * @param texture Optional texture to apply over the polygon.
    */
   startGraphic(t, e = this.gl.TRIANGLES, i) {
-    this.vertexBuffer.clear(), this.vertexCount = 0, this.matrixIndex = t, this.drawMode = e, this.texture = i;
+    this.vertexBuffer.clear(), this.vertexCount = 0, this.matrixIndex = t, this.drawMode = e, this.texture = i, this.texture?.glTexture && this.useTexture(this.texture.glTexture, 0, 0);
   }
   /**
    * Adds a vertex to the current polygon. Local coordinates and color settings.
@@ -2067,21 +2107,21 @@ class Ot extends lt {
     this.rapid.roundPixels && (n = Math.round(n), a = Math.round(a)), e.setUniform("uMatrixRow0", [r[i], r[i + 2], n]), e.setUniform("uMatrixRow1", [r[i + 1], r[i + 3], a]), e.setUniform(
       "uUVRect",
       this.texture ? [this.texture.uvX, this.texture.uvY, this.texture.uvW, this.texture.uvH] : [0, 0, 1, 1]
-    ), this.texture?.glTexture ? (t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.texture.glTexture), e.setUniform("uTexture", 0), e.setUniform("uUseTexture", 1)) : e.setUniform("uUseTexture", 0), this.vertexBuffer.bindBuffer(), this.vertexBuffer.bufferData(), e.bindVAO(), t.drawArrays(this.drawMode, 0, this.vertexCount), this.rapid.drawcallCount++;
+    ), this.texture?.glTexture ? (t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.texture.glTexture), e.setUniform("uTexture", 0), e.setUniform("uUseTexture", 1)) : e.setUniform("uUseTexture", 0), this.vertexBuffer.bindBuffer(), this.vertexBuffer.bufferData(), e.bindVAO(), t.drawArrays(this.drawMode, 0, this.vertexCount), this.rapid.drawcallCount++, this.texture = void 0;
   }
   hasPendingContent() {
     return !1;
   }
 }
-class l {
+class d {
   x;
   y;
-  static ZERO = new l(0, 0);
-  static ONE = new l(1, 1);
-  static UP = new l(0, 1);
-  static DOWN = new l(0, -1);
-  static LEFT = new l(-1, 0);
-  static RIGHT = new l(1, 0);
+  static ZERO = new d(0, 0);
+  static ONE = new d(1, 1);
+  static UP = new d(0, 1);
+  static DOWN = new d(0, -1);
+  static LEFT = new d(-1, 0);
+  static RIGHT = new d(1, 0);
   constructor(t, e) {
     this.x = t !== void 0 ? t : 0, this.y = e !== void 0 ? e : 0;
   }
@@ -2089,22 +2129,22 @@ class l {
     return e === void 0 ? (this.x = t, this.y = t) : (this.x = t, this.y = e), this;
   }
   add(t) {
-    return new l(this.x + t.x, this.y + t.y);
+    return new d(this.x + t.x, this.y + t.y);
   }
   subtract(t) {
-    return new l(this.x - t.x, this.y - t.y);
+    return new d(this.x - t.x, this.y - t.y);
   }
   sub(t) {
-    return new l(this.x - t.x, this.y - t.y);
+    return new d(this.x - t.x, this.y - t.y);
   }
   multiply(t) {
-    return t instanceof l ? new l(this.x * t.x, this.y * t.y) : new l(this.x * t, this.y * t);
+    return t instanceof d ? new d(this.x * t.x, this.y * t.y) : new d(this.x * t, this.y * t);
   }
   mul(t) {
     return this.multiply(t);
   }
   divide(t) {
-    return t instanceof l ? new l(this.x / t.x, this.y / t.y) : new l(this.x / t, this.y / t);
+    return t instanceof d ? new d(this.x / t.x, this.y / t.y) : new d(this.x / t, this.y / t);
   }
   dot(t) {
     return this.x * t.x + this.y * t.y;
@@ -2117,13 +2157,13 @@ class l {
     return Math.sqrt(e * e + i * i);
   }
   clone() {
-    return new l(this.x, this.y);
+    return new d(this.x, this.y);
   }
   to(t) {
     this.x = t.x, this.y = t.y;
   }
   copy() {
-    return new l(this.x, this.y);
+    return new d(this.x, this.y);
   }
   equals(t) {
     return t.x == this.x && t.y == this.y;
@@ -2136,7 +2176,7 @@ class l {
     return this.x = -this.x, this.y = -this.y, this;
   }
   inverted() {
-    return new l(this.x * -1, this.y * -1);
+    return new d(this.x * -1, this.y * -1);
   }
   length() {
     return Math.sqrt(this.x * this.x + this.y * this.y);
@@ -2150,13 +2190,13 @@ class l {
   }
   normalized() {
     const t = this.length();
-    return new l(this.x / t || 0, this.y / t || 0);
+    return new d(this.x / t || 0, this.y / t || 0);
   }
   fix(t = 1e-13) {
     this.x = Math.abs(this.x) < t ? 0 : this.x, this.y = Math.abs(this.y) < t ? 0 : this.y;
   }
   fixed(t = 1e-13) {
-    return new l(
+    return new d(
       Math.abs(this.x) < t ? 0 : this.x,
       Math.abs(this.y) < t ? 0 : this.y
     );
@@ -2165,13 +2205,13 @@ class l {
     return Math.atan2(this.y, this.x);
   }
   abs() {
-    return new l(Math.abs(this.x), Math.abs(this.y));
+    return new d(Math.abs(this.x), Math.abs(this.y));
   }
   floor() {
-    return new l(Math.floor(this.x), Math.floor(this.y));
+    return new d(Math.floor(this.x), Math.floor(this.y));
   }
   ceil() {
-    return new l(Math.ceil(this.x), Math.ceil(this.y));
+    return new d(Math.ceil(this.x), Math.ceil(this.y));
   }
   stringify() {
     return `Vec2(${this.x}, ${this.y})`;
@@ -2192,101 +2232,129 @@ class l {
     return this.x = Math.cos(t) * e, this.y = Math.sin(t) * e, this;
   }
   static FromArray(t) {
-    return t.map((e) => new l(e[0], e[1]));
+    return t.map((e) => new d(e[0], e[1]));
   }
   static fromAngle(t) {
-    return new l(Math.cos(t), Math.sin(t));
+    return new d(Math.cos(t), Math.sin(t));
   }
 }
-const $ = 10, nt = (s, t, e, i, r, n) => {
-  const a = [], o = [], h = i ? Math.atan2(t.y, t.x) : Math.atan2(-t.y, -t.x), u = Math.PI, c = new l(t.y, -t.x);
-  for (let m = 0; m < $; m++) {
-    const f = m / $, v = (m + 1) / $, x = h + f * u, T = h + v * u, E = new l(Math.cos(x) * e, Math.sin(x) * e), R = new l(Math.cos(T) * e, Math.sin(T) * e);
-    a.push(s), o.push(new l(r, 0.5)), a.push(s.add(E)), o.push(new l(r + E.dot(c) * n, 0.5 - 0.5 * E.dot(t) / e)), a.push(s.add(R)), o.push(new l(r + R.dot(c) * n, 0.5 - 0.5 * R.dot(t) / e));
+const Yt = (s, t) => {
+  const [e, i, r, n, a, o] = t, h = new Float32Array([
+    e,
+    n,
+    0,
+    0,
+    i,
+    a,
+    0,
+    0,
+    r,
+    o,
+    1,
+    0,
+    0,
+    0,
+    0,
+    1
+  ]);
+  return zt(s, h);
+}, zt = (s, t) => {
+  const e = new Float32Array(16);
+  for (let i = 0; i < 4; i++)
+    for (let r = 0; r < 4; r++) {
+      let n = 0;
+      for (let a = 0; a < 4; a++)
+        n += s[r * 4 + a] * t[a * 4 + i];
+      e[r * 4 + i] = n;
+    }
+  return e;
+};
+var Xt = /* @__PURE__ */ ((s) => (s[s.STRETCH = 0] = "STRETCH", s[s.REPEAT = 1] = "REPEAT", s))(Xt || {});
+const tt = 10, dt = (s, t, e, i, r, n) => {
+  const a = [], o = [], h = i ? Math.atan2(t.y, t.x) : Math.atan2(-t.y, -t.x), c = Math.PI, u = new d(t.y, -t.x);
+  for (let f = 0; f < tt; f++) {
+    const l = f / tt, p = (f + 1) / tt, x = h + l * c, g = h + p * c, v = new d(Math.cos(x) * e, Math.sin(x) * e), y = new d(Math.cos(g) * e, Math.sin(g) * e);
+    a.push(s), o.push(new d(r, 0.5)), a.push(s.add(v)), o.push(new d(r + v.dot(u) * n, 0.5 - 0.5 * v.dot(t) / e)), a.push(s.add(y)), o.push(new d(r + y.dot(u) * n, 0.5 - 0.5 * y.dot(t) / e));
   }
   return { vertices: a, uv: o };
-}, Ft = (s, t = !1) => {
+}, $t = (s, t = !1) => {
   const e = [];
   if (s.length < 2 || t && s.length < 3) return { normals: e, length: 0 };
   const i = 4, r = 1e-3, n = s.length;
   let a = 0;
   if (t)
     for (let h = 0; h < n; h++) {
-      const u = s[h], c = s[(h + 1) % n];
-      a += u.distanceTo(c);
+      const c = s[h], u = s[(h + 1) % n];
+      a += c.distanceTo(u);
     }
   else
     for (let h = 0; h < n - 1; h++)
       a += s[h].distanceTo(s[h + 1]);
-  const o = (h, u, c) => {
-    const m = u.subtract(h).normalize(), f = u.subtract(c).normalize(), v = f.dot(m);
-    if (v < -1 + r)
-      return { normal: m.perpendicular(), miters: 1 };
+  const o = (h, c, u) => {
+    const f = c.subtract(h).normalize(), l = c.subtract(u).normalize(), p = l.dot(f);
+    if (p < -1 + r)
+      return { normal: f.perpendicular(), miters: 1 };
     {
-      let x = f.add(m).normalize();
-      m.cross(f) < 0 && (x = x.multiply(-1));
-      let T = 1 / Math.sqrt((1 - v) / 2);
-      return { normal: x, miters: Math.min(T, i) };
+      let x = l.add(f).normalize();
+      f.cross(l) < 0 && (x = x.multiply(-1));
+      let g = 1 / Math.sqrt((1 - p) / 2);
+      return { normal: x, miters: Math.min(g, i) };
     }
   };
   if (t)
     for (let h = 0; h < n; h++) {
-      const u = h === 0 ? s[n - 1] : s[h - 1], c = s[h], m = h === n - 1 ? s[0] : s[h + 1];
-      e.push(o(u, c, m));
+      const c = h === 0 ? s[n - 1] : s[h - 1], u = s[h], f = h === n - 1 ? s[0] : s[h + 1];
+      e.push(o(c, u, f));
     }
   else
     for (let h = 0; h < n; h++)
       if (h === 0) {
-        const u = s[1].subtract(s[0]).normalize();
-        e.push({ normal: u.perpendicular(), miters: 1 });
+        const c = s[1].subtract(s[0]).normalize();
+        e.push({ normal: c.perpendicular(), miters: 1 });
       } else if (h === n - 1) {
-        const u = s[h].subtract(s[h - 1]).normalize();
-        e.push({ normal: u.perpendicular(), miters: 1 });
+        const c = s[h].subtract(s[h - 1]).normalize();
+        e.push({ normal: c.perpendicular(), miters: 1 });
       } else
         e.push(o(s[h - 1], s[h], s[h + 1]));
   return { normals: e, length: a };
-}, Wt = (s) => {
+}, jt = (s) => {
   const t = s.points;
   if (t.length < 2) return { vertices: [], uv: [] };
-  const { normals: e, length: i } = Ft(t, s.closed), r = (s.width || 1) / 2, n = [], a = [], o = s.roundCap || !1, h = s.textureMode || 0;
-  let u = 0;
-  const c = s.texture?.rawWidth || 1, m = s.closed ? t.length : t.length - 1;
-  for (let f = 0; f < m; f++) {
-    const v = t[f], x = e[f].normal, T = e[f].miters, E = (f + 1) % t.length, R = t[E], _ = e[E].normal, A = e[E].miters, g = v.add(x.multiply(T * r)), M = v.subtract(x.multiply(T * r)), L = R.add(_.multiply(A * r)), S = R.subtract(_.multiply(A * r)), U = v.distanceTo(R);
-    let O = 0, B = 0;
-    h === 0 ? (O = u / i, B = (u + U) / i) : (O = u / c, B = O + U / c);
-    const K = new l(O, 0), P = new l(O, 1), I = new l(B, 0), Y = new l(B, 1);
-    n.push(g), a.push(K), n.push(M), a.push(P), n.push(L), a.push(I), n.push(L), a.push(I), n.push(S), a.push(Y), n.push(M), a.push(P), u += U;
+  const { normals: e, length: i } = $t(t, s.closed), r = (s.width || 1) / 2, n = [], a = [], o = s.roundCap || !1, h = s.textureMode || 0;
+  let c = 0;
+  const u = s.texture?.rawWidth || 1, f = s.closed ? t.length : t.length - 1;
+  for (let l = 0; l < f; l++) {
+    const p = t[l], x = e[l].normal, g = e[l].miters, v = (l + 1) % t.length, y = t[v], w = e[v].normal, T = e[v].miters, S = p.add(x.multiply(g * r)), F = p.subtract(x.multiply(g * r)), O = y.add(w.multiply(T * r)), N = y.subtract(w.multiply(T * r)), A = p.distanceTo(y);
+    let M = 0, b = 0;
+    h === 0 ? (M = c / i, b = (c + A) / i) : (M = c / u, b = M + A / u);
+    const U = new d(M, 0), L = new d(M, 1), $ = new d(b, 0), J = new d(b, 1);
+    n.push(S), a.push(U), n.push(F), a.push(L), n.push(O), a.push($), n.push(O), a.push($), n.push(N), a.push(J), n.push(F), a.push(L), c += A;
   }
   if (o && !s.closed) {
-    const f = t[0], v = e[0].normal, x = h === 0 ? i > 0 ? 1 / i : 0 : 1 / c, T = nt(f, v, r, !0, 0, x);
-    n.push(...T.vertices), a.push(...T.uv);
-    const E = t[t.length - 1], R = e[t.length - 1].normal, _ = h === 0 ? 1 : u / c, A = h === 0 ? i > 0 ? 1 / i : 0 : 1 / c, g = nt(E, R, r, !1, _, A);
+    const l = t[0], p = e[0].normal, x = h === 0 ? i > 0 ? 1 / i : 0 : 1 / u, g = dt(l, p, r, !0, 0, x);
     n.push(...g.vertices), a.push(...g.uv);
+    const v = t[t.length - 1], y = e[t.length - 1].normal, w = h === 0 ? 1 : c / u, T = h === 0 ? i > 0 ? 1 / i : 0 : 1 / u, S = dt(v, y, r, !1, w, T);
+    n.push(...S.vertices), a.push(...S.uv);
   }
   return { vertices: n, uv: a };
-}, Dt = (s) => s.saveTransform !== void 0 || s.afterSave !== void 0 || s.x !== void 0 || s.y !== void 0 || s.position !== void 0 || s.rotation !== void 0 || s.scale !== void 0 || s.offsetX !== void 0 || s.offsetY !== void 0 || s.offset !== void 0 || s.origin !== void 0, V = (s, t, e, i, r) => {
-  if (!Dt(t)) {
-    r();
-    return;
-  }
+}, X = (s, t, e, i, r) => {
   s.matrixStack.applyTransform(t, e, i);
   try {
     r();
   } finally {
-    (t.saveTransform ?? !0) && s.matrixStack.restore();
+    t.saveTransform !== !1 && s.matrixStack.restore();
   }
-}, J = (s, t) => t ? s.premultipliedAlpha ? t.premultipliedUint32 : t.uint32 : 4294967295, Bt = 2, ft = (s, t) => {
+}, Q = (s, t) => t ? s.premultipliedAlpha ? t.premultipliedUint32 : t.uint32 : 4294967295, Kt = 2, Et = (s, t) => {
   const e = t.texture;
   if (!e?.base || s.inCreateMask)
     return;
   const i = e.isAtlas ? s.atlasSpriteRegion : s.spriteRegion;
   s.enterRegion(i, t.shader);
   let r = e.uvX, n = e.uvY, a = e.uvW, o = e.uvH;
-  const h = !!t.flipX, u = !!t.flipY != !!e.flipY;
-  let c = t.padding ?? i.currentShader.padding;
-  e.isAtlas && (c += Bt);
-  const m = r <= a ? c : -c, f = n <= o ? c : -c;
+  const h = !!t.flipX, c = !!t.flipY != !!e.flipY;
+  let u = t.padding ?? i.currentShader.padding;
+  e.isAtlas && (u += Kt);
+  const f = r <= a ? u : -u, l = n <= o ? u : -u;
   i.drawSprite(
     e,
     t.customMatrix ?? s.matrixStack.curWorldM,
@@ -2294,19 +2362,66 @@ const $ = 10, nt = (s, t, e, i, r, n) => {
     n,
     a,
     o,
-    J(s, t.color),
-    m,
+    Q(s, t.color),
     f,
+    l,
     h,
-    u,
+    c,
     e.isRotated
   );
-}, kt = (s, t) => {
-  V(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
-    ft(s, t);
+}, qt = (s, t) => {
+  X(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
+    Et(s, t);
   });
-}, mt = (s, t) => {
-  t.points.length !== 0 && V(s, t, 0, 0, () => {
+}, Zt = (s, t) => {
+  const e = s.particleRegion;
+  s.enterRegion(e, t.shader);
+  const i = t.texture, r = i.uvX, n = i.uvY, a = i.uvW, o = i.uvH;
+  e.drawParticle(
+    i,
+    t.x,
+    t.y,
+    t.scaleX,
+    t.scaleY,
+    t.rotation,
+    r,
+    n,
+    a,
+    o,
+    Q(s, t.color),
+    t.flipX,
+    t.flipY,
+    t.isRotated
+  );
+}, Qt = (s, t) => {
+  const e = s.particleRegion;
+  s.enterRegion(e, t.shader);
+  const i = t.texture, r = t.count ?? t.x.length, n = t.color, a = n.length, o = new Array(a);
+  if (s.premultipliedAlpha)
+    for (let h = 0; h < a; h++)
+      o[h] = n[h].premultipliedUint32;
+  else
+    for (let h = 0; h < a; h++)
+      o[h] = n[h].uint32;
+  e.drawParticles(
+    i,
+    t.x,
+    t.y,
+    t.rotation,
+    o,
+    r,
+    t.scaleX,
+    t.scaleY,
+    i.uvX,
+    i.uvY,
+    i.uvW,
+    i.uvH,
+    t.flipX,
+    t.flipY,
+    t.isRotated
+  );
+}, wt = (s, t) => {
+  t.points.length !== 0 && X(s, t, 0, 0, () => {
     s.startGraphic(
       t.drawMode ?? s.gl.TRIANGLES,
       t.texture,
@@ -2320,31 +2435,31 @@ const $ = 10, nt = (s, t, e, i, r, n) => {
         i.y,
         r?.x ?? 0,
         r?.y ?? 0,
-        J(s, n)
+        Q(s, n)
       );
     }
     s.endGraphic();
   });
-}, Gt = (s, t) => {
+}, Jt = (s, t) => {
   if (s.inCreateMask)
     return;
-  const { vertices: e, uv: i } = Wt(t);
-  mt(s, {
+  const { vertices: e, uv: i } = jt(t);
+  wt(s, {
     ...t,
     points: e,
     uv: i,
     drawMode: s.gl.TRIANGLES
   });
-}, Ht = (s, t) => {
-  V(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
+}, te = (s, t) => {
+  X(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
     s.startMaskGraphic(
       s.gl.TRIANGLE_FAN,
       t.texture,
       t.customMatrix
     ), s.addRectVertex(t.texture.rawWidth, t.texture.rawHeight), s.endGraphic();
   });
-}, Vt = (s, t) => {
-  V(s, t, t.width, t.height, () => {
+}, ee = (s, t) => {
+  X(s, t, t.width, t.height, () => {
     s.startGraphic(
       s.gl.TRIANGLE_FAN,
       t.texture,
@@ -2352,19 +2467,19 @@ const $ = 10, nt = (s, t, e, i, r, n) => {
       t.customMatrix
     ), s.addRectVertex(t.width, t.height, t.color), s.endGraphic();
   });
-}, Yt = (s, t) => {
+}, ie = (s, t) => {
   const e = t.segments ?? 32;
-  V(s, t, 0, 0, () => {
+  X(s, t, 0, 0, () => {
     s.startGraphic(
       s.gl.TRIANGLE_FAN,
       void 0,
       t.shader,
       t.customMatrix
     );
-    const i = J(s, t.color);
+    const i = Q(s, t.color);
     s.addGraphicVertex(0, 0, 0.5, 0.5, i), s.addCircleVertex(t.radius, t.color, e), s.addGraphicVertex(t.radius, 0, 1, 0.5, i), s.endGraphic();
   });
-}, at = `#version 300 es\r
+}, ft = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -2414,22 +2529,137 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
 }\r
 `;
-class zt extends dt {
+class re extends at {
   KEY = "AtlasSprite";
   constructor(t) {
     super(t);
   }
   createCustomShader(t) {
-    const e = F(at, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = F(z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = W(ft, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = W(q, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, i, e);
   }
   createDefaultShader() {
-    const t = this.rapid, e = F(at, t.maxTextureUnits), i = F(z, t.maxTextureUnits);
+    const t = this.rapid, e = W(ft, t.maxTextureUnits), i = W(q, t.maxTextureUnits);
     return this.vs = i, this.fs = e, this.defaultShader = this.createShader(i, e), this.defaultShader;
   }
 }
-var Xt = /* @__PURE__ */ ((s) => (s[s.EQUAL = 0] = "EQUAL", s[s.NOT_EQUAL = 1] = "NOT_EQUAL", s))(Xt || {}), Kt = /* @__PURE__ */ ((s) => (s[s.NORMAL = 0] = "NORMAL", s[s.ADD = 1] = "ADD", s[s.MULTIPLY = 2] = "MULTIPLY", s[s.SCREEN = 3] = "SCREEN", s[s.ERASE = 4] = "ERASE", s))(Kt || {}), Q = /* @__PURE__ */ ((s) => (s[s.LINEAR = 0] = "LINEAR", s[s.NEAREST = 1] = "NEAREST", s))(Q || {}), $t = /* @__PURE__ */ ((s) => (s[s.CanvasItem = 0] = "CanvasItem", s[s.Viewport = 1] = "Viewport", s))($t || {});
-class Qt {
+const mt = `#version 300 es\r
+precision mediump float;\r
+\r
+// per-vertex\r
+in vec2 aVertex;\r
+\r
+// per-instance: 变换\r
+in vec2 aPosition;\r
+in vec2 aScale;\r
+in float aRotation;\r
+\r
+// per-instance：UV 区域 (u0, v0, u1, v1)\r
+in vec4 aUVRect;\r
+\r
+// per-instance：tint color\r
+in vec4 aColor;\r
+uniform mat4 u_projection;\r
+\r
+out vec2 vRegion;\r
+out vec4 vColor;\r
+// CUSTOM_CODE\r
+\r
+void main(void) {\r
+    vColor = aColor;\r
+\r
+    //vRegion = mix(aUVRect.xy, aUVRect.zw, vertex.xy);\r
+    vRegion = aUVRect.xy + aVertex * (aUVRect.zw - aUVRect.xy);\r
+    // CUSTOM_CODE_CALL\r
+\r
+    vec2 v;\r
+    v.x = (aVertex.x) * cos(aRotation) - (aVertex.y) * sin(aRotation);\r
+    v.y = (aVertex.x) * sin(aRotation) + (aVertex.y) * cos(aRotation);\r
+    v = v * aScale + aPosition;\r
+    gl_Position = u_projection * vec4(v, 0.0, 1.0);\r
+}\r
+`, xt = `#version 300 es\r
+precision mediump float;\r
+\r
+uniform sampler2D uTexture;\r
+\r
+in vec2 vRegion;\r
+in vec4 vColor;\r
+out vec4 fragColor;\r
+\r
+// CUSTOM_CODE\r
+\r
+void main(void) {\r
+    fragColor = texture(uTexture, vRegion) * vColor;\r
+\r
+    // CUSTOM_CODE_CALL\r
+}\r
+`, H = 40, j = H / 4;
+class se extends at {
+  KEY = "ParticleSprite";
+  texture;
+  constructor(t) {
+    super(t);
+  }
+  createCustomShader(t) {
+    return t.getGLShader(this, this.KEY, mt, xt);
+  }
+  createDefaultShader() {
+    const t = xt, e = mt;
+    return this.vs = e, this.fs = t, this.defaultShader = this.createShader(e, t), this.defaultShader;
+  }
+  enter(t) {
+    super.enter(t), this.currentShader.setUniform("u_projection", this.rapid.projection);
+  }
+  createShader(t, e) {
+    const i = super.createShader(t, e);
+    return i.use(), i.bindVAO(), this.instanceBuffer.bindBuffer(), i.setAttributes([
+      { name: "aPosition", size: 2, stride: H, offset: 0, divisor: 1 },
+      { name: "aScale", size: 2, stride: H, offset: 8, divisor: 1 },
+      { name: "aRotation", size: 1, stride: H, offset: 16, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: H, offset: 20, divisor: 1 },
+      { name: "aColor", size: 4, type: st, normalized: !0, stride: H, offset: 36, divisor: 1 }
+    ]), this.quadBuffer.bindBuffer(), i.setAttributes([
+      { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
+    ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
+  }
+  drawParticle(t, e = 0, i = 0, r = 1, n = 1, a = 0, o = 0, h = 0, c = 1, u = 1, f = 4294967295, l = !1, p = !1, x = !1) {
+    (this.instanceCount >= K || this.texture && t != this.texture) && this.flush(), t.glTexture && (this.texture = t, this.useTexture(t.glTexture, 0, 0));
+    const g = this.instanceBuffer, v = g.usedElemNum, y = t.rawWidth, w = t.rawHeight;
+    g.resize(j);
+    const T = g.float32, S = g.uint32;
+    T[v] = e, T[v + 1] = i, T[v + 2] = r * (l ? -1 : 1) * y, T[v + 3] = n * (p ? -1 : 1) * w, T[v + 4] = a, x && (T[v + 4] += Math.PI / 2), T[v + 5] = o, T[v + 6] = h, T[v + 7] = c, T[v + 8] = u, S[v + 9] = f, g.usedElemNum += j, g.makeDirty(), this.instanceCount++;
+  }
+  drawParticles(t, e, i, r, n, a, o = 1, h = 1, c = 0, u = 0, f = 1, l = 1, p = !1, x = !1, g = !1) {
+    if (!t.glTexture || a <= 0) return;
+    let v = 0;
+    const y = t.rawWidth * o * (p ? -1 : 1), w = t.rawHeight * h * (x ? -1 : 1), T = g ? Math.PI / 2 : 0;
+    for (; v < a; ) {
+      this.texture && t !== this.texture && this.flush(), this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
+      const S = a - v, F = K - this.instanceCount, O = Math.min(S, F), N = this.instanceBuffer;
+      let A = N.usedElemNum;
+      N.resize(O * j);
+      const M = N.float32, b = N.uint32;
+      for (let U = 0; U < O; U++) {
+        const L = v + U;
+        M[A] = e[L], M[A + 1] = i[L], M[A + 2] = y, M[A + 3] = w, M[A + 4] = r[L] + T, M[A + 5] = c, M[A + 6] = u, M[A + 7] = f, M[A + 8] = l, b[A + 9] = n[L], A += j;
+      }
+      N.usedElemNum = A, N.makeDirty(), this.instanceCount += O, v += O, this.instanceCount >= K && this.flush();
+    }
+  }
+  render() {
+    if (this.instanceCount === 0) return;
+    super.render();
+    const t = this.gl;
+    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 i = Yt(this.rapid.projection, this.worldSpriteMatrix);
+    this.currentShader.setUniform("u_projection", i), Tt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0;
+  }
+}
+var ne = /* @__PURE__ */ ((s) => (s[s.EQUAL = 0] = "EQUAL", s[s.NOT_EQUAL = 1] = "NOT_EQUAL", s))(ne || {}), ae = /* @__PURE__ */ ((s) => (s[s.NORMAL = 0] = "NORMAL", s[s.ADD = 1] = "ADD", s[s.MULTIPLY = 2] = "MULTIPLY", s[s.SCREEN = 3] = "SCREEN", s[s.ERASE = 4] = "ERASE", s))(ae || {}), nt = /* @__PURE__ */ ((s) => (s[s.LINEAR = 0] = "LINEAR", s[s.NEAREST = 1] = "NEAREST", s))(nt || {}), he = /* @__PURE__ */ ((s) => (s[s.CanvasItem = 0] = "CanvasItem", s[s.Viewport = 1] = "Viewport", s))(he || {});
+class le {
   /** The active WebGL context. */
   gl;
   /** The target HTMLCanvasElement. */
@@ -2441,7 +2671,7 @@ class Qt {
   /** The current device pixel ratio. */
   dpr;
   /** Background clear color [r, g, b, a], values range from 0 to 255. */
-  backgroundColor = d.Black;
+  backgroundColor = m.Black;
   /** Logical width in CSS pixels, used for coordinate system and projection matrix. */
   logicWidth = 0;
   /** Logical height in CSS pixels, used for coordinate system and projection matrix. */
@@ -2455,7 +2685,7 @@ class Qt {
   /** Maximum number of texture units supported by the device. */
   maxTextureUnits = 0;
   /** Matrix stack for hierarchical transformations. */
-  matrixStack = new gt(this);
+  matrixStack = new bt(this);
   /** Direct access to the underlying matrix store. */
   matrix;
   /** Region dedicated to fast sprite rendering. */
@@ -2463,6 +2693,7 @@ class Qt {
   /** Region dedicated to arbitrary geometry and shapes rendering. */
   graphicRegion;
   atlasSpriteRegion;
+  particleRegion;
   /** Counts the number of WebGL draw calls made in the current frame. */
   drawcallCount = 0;
   /** Indicates whether we are currently writing to the stencil buffer to create a mask. */
@@ -2479,7 +2710,7 @@ class Qt {
   scaleMode;
   /** Internal ping-pong RenderTextures for multi-filter chains. */
   _filterRT = [null, null];
-  _filterInput = new C();
+  _filterInput = new P();
   get height() {
     return this.logicHeight;
   }
@@ -2492,10 +2723,10 @@ class Qt {
    */
   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 = Rt(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 dt(this), this.graphicRegion = new Ot(this), this.atlasSpriteRegion = new zt(this);
+    const e = Pt(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 at(this), this.graphicRegion = new Vt(this), this.atlasSpriteRegion = new re(this), this.particleRegion = new se(this);
     const i = this.canvas.clientWidth || this.canvas.width, r = this.canvas.clientHeight || this.canvas.height;
-    this.physicsWidth = t.physicsWidth || Math.round(i * this.dpr), this.physicsHeight = t.physicsHeight || Math.round(r * this.dpr), this.logicWidth = t.logicWidth || this.physicsWidth / this.dpr, this.logicHeight = t.logicHeight || this.physicsHeight / this.dpr, this.resize(this.logicWidth, this.logicHeight, this.physicsWidth, this.physicsHeight), this.texture = new vt(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(i * this.dpr), this.physicsHeight = t.physicsHeight || Math.round(r * 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 At(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;
@@ -2514,20 +2745,26 @@ class Qt {
   enterRegion(t, e) {
     this.currentRegion === t && this.currentRegion.isSameShader(e) || (this.flush(), this.currentRegion = t, t.enter(e));
   }
+  drawParticle(t) {
+    Zt(this, t);
+  }
+  drawParticles(t) {
+    Qt(this, t);
+  }
   drawSprite(t) {
-    kt(this, t);
+    qt(this, t);
   }
   drawLine(t) {
-    Gt(this, t);
+    Jt(this, t);
   }
   drawGraphic(t) {
-    mt(this, t);
+    wt(this, t);
   }
   drawRect(t) {
-    Vt(this, t);
+    ee(this, t);
   }
   drawCircle(t) {
-    Yt(this, t);
+    ie(this, t);
   }
   /**
    * Starts rendering arbitrary graphics geometries.
@@ -2551,7 +2788,7 @@ class Qt {
    * @param texture The texture to be used as a mask.
    */
   drawMaskImage(t) {
-    Ht(this, t);
+    te(this, t);
   }
   /**
    * Pushes vertices for a rectangle geometry. Should be enclosed by startGraphic and endGraphic.
@@ -2572,8 +2809,8 @@ class Qt {
   addCircleVertex(t, e, i = 32) {
     const r = Math.PI * 2 / i, n = this.getColorUint32(e);
     for (let a = 0; a < i; a++) {
-      const o = r * a, h = Math.cos(o) * t, u = Math.sin(o) * t, c = 0.5 + Math.cos(o) * 0.5, m = 0.5 + Math.sin(o) * 0.5;
-      this.addGraphicVertex(h, u, c, m, n);
+      const o = r * a, h = Math.cos(o) * t, c = Math.sin(o) * t, u = 0.5 + Math.cos(o) * 0.5, f = 0.5 + Math.sin(o) * 0.5;
+      this.addGraphicVertex(h, c, u, f, n);
     }
   }
   /**
@@ -2659,21 +2896,21 @@ class Qt {
   applyFilters(t, e) {
     if (e.length === 0)
       throw new Error("applyFilters: shaders array must not be empty.");
-    const i = Math.max(...e.map((u) => u.padding)), r = i, n = t.rawWidth + i * 2, a = t.rawHeight + i * 2;
-    for (let u = 0; u < 2; u++)
-      this._filterRT[u] ? this._filterRT[u].resize(n, a) : this._filterRT[u] = this.texture.createRenderTexture({ width: n, height: a });
+    const i = Math.max(...e.map((c) => c.padding)), r = i, n = t.rawWidth + i * 2, a = t.rawHeight + i * 2;
+    for (let c = 0; c < 2; c++)
+      this._filterRT[c] ? this._filterRT[c].resize(n, a) : this._filterRT[c] = this.texture.createRenderTexture({ width: n, height: a });
     let o = t.clone(this._filterInput), h = 0;
     this.matrixStack.save(), this.matrixStack.identity();
-    for (let u = 0; u < e.length; u++) {
-      const c = this._filterRT[h % 2];
-      c.offsetX = 0, c.offsetY = 0, this.enterRenderTexture(c), this.clearRenderTexture(), this.drawSprite({
+    for (let c = 0; c < e.length; c++) {
+      const u = this._filterRT[h % 2];
+      u.offsetX = 0, u.offsetY = 0, this.enterRenderTexture(u), this.clearRenderTexture(), this.drawSprite({
         texture: o,
-        shader: e[u],
-        offsetX: u == 0 ? r : 0,
+        shader: e[c],
+        offsetX: c == 0 ? r : 0,
         // padding back
-        offsetY: u == 0 ? r : 0,
+        offsetY: c == 0 ? r : 0,
         padding: i
-      }), this.leaveRenderTexture(), o = c, h++;
+      }), this.leaveRenderTexture(), o = u, h++;
     }
     return this.matrixStack.restore(), o.offsetX = -r, o.offsetY = -r, o;
   }
@@ -2687,7 +2924,7 @@ class Qt {
    * @param rt    The render texture to clear.
    * @param color Clear color. Defaults to transparent black (0, 0, 0, 0).
    */
-  clearRenderTexture(t = new d(0, 0, 0, 0)) {
+  clearRenderTexture(t = new m(0, 0, 0, 0)) {
     this.flush();
     const e = this.gl;
     t.setClearColor(e), e.clear(e.COLOR_BUFFER_BIT);
@@ -2709,7 +2946,7 @@ class Qt {
    *     rapid.drawSprite({ texture: mySprite });
    * });
    */
-  drawToRenderTexture(t, e, i = new d(0, 0, 0, 0)) {
+  drawToRenderTexture(t, e, i = new m(0, 0, 0, 0)) {
     this.enterRenderTexture(t);
     try {
       i !== null && this.clearRenderTexture(i), e();
@@ -2907,8 +3144,8 @@ class Qt {
    */
   startScissor(t, e, i, r) {
     this.flush();
-    const n = this.gl, a = this.physicsWidth / this.logicWidth, o = this.physicsHeight / this.logicHeight, h = Math.round(t * a), u = Math.round(this.physicsHeight - (e + r) * o), c = Math.round(i * a), m = Math.round(r * o);
-    n.enable(n.SCISSOR_TEST), n.scissor(h, u, c, m);
+    const n = this.gl, a = this.physicsWidth / this.logicWidth, o = this.physicsHeight / this.logicHeight, h = Math.round(t * a), c = Math.round(this.physicsHeight - (e + r) * o), u = Math.round(i * a), f = Math.round(r * o);
+    n.enable(n.SCISSOR_TEST), n.scissor(h, c, u, f);
   }
   /**
    * Disables scissor clipping, restoring full-canvas rendering.
@@ -2922,13 +3159,13 @@ class Qt {
     this.matrix.invert(e);
   }
   logicToPhysics(t) {
-    return t.multiply(new l(
+    return t.multiply(new d(
       this.physicsWidth / this.logicWidth,
       this.physicsHeight / this.logicHeight
     ));
   }
   physicsToLogic(t) {
-    return t.multiply(new l(
+    return t.multiply(new d(
       this.logicWidth / this.physicsWidth,
       this.logicHeight / this.physicsHeight
     ));
@@ -2956,10 +3193,10 @@ class Qt {
     return this.matrix.toCSSMatrix(t ?? this.matrixStack.curWorldM, e, i);
   }
 }
-function jt(s) {
-  return !(s === null || typeof s != "object" || Array.isArray(s) || s instanceof l || s instanceof d);
+function oe(s) {
+  return !(s === null || typeof s != "object" || Array.isArray(s) || s instanceof d || s instanceof m);
 }
-class b {
+class C {
   /** Random float in [min, max). */
   static float(t, e) {
     return Math.random() * (e - t) + t;
@@ -2974,20 +3211,20 @@ class b {
   }
   /** Random Vec2 with components in the supplied per-axis ranges. */
   static vector(t, e, i, r) {
-    return new l(b.float(t, e), b.float(i, r));
+    return new d(C.float(t, e), C.float(i, r));
   }
   /** Random Color with each component interpolated between minColor and maxColor. */
   static randomColor(t, e) {
-    return new d(
-      b.float(t.r, e.r),
-      b.float(t.g, e.g),
-      b.float(t.b, e.b),
-      b.float(t.a, e.a)
+    return new m(
+      C.float(t.r, e.r),
+      C.float(t.g, e.g),
+      C.float(t.b, e.b),
+      C.float(t.a, e.a)
     );
   }
   /** Pick a random element from an array with uniform probability. */
   static pick(t) {
-    return t[b.int(0, t.length - 1)];
+    return t[C.int(0, t.length - 1)];
   }
   /**
    * Pick a random element using weighted probability.
@@ -3013,18 +3250,18 @@ class b {
     if (Array.isArray(t)) {
       const [i, r] = t;
       if (typeof i == "number")
-        return b.float(i, r);
-      if (i instanceof l)
-        return b.vector(i.x, r.x, i.y, r.y);
+        return C.float(i, r);
       if (i instanceof d)
-        return b.randomColor(i, r);
+        return C.vector(i.x, r.x, i.y, r.y);
+      if (i instanceof m)
+        return C.randomColor(i, r);
     }
     return typeof t == "number" ? t : t.clone();
   }
 }
-var qt = /* @__PURE__ */ ((s) => (s.POINT = "point", s.CIRCLE = "circle", s.RECT = "rect", s))(qt || {});
-const ht = 10, ot = 0, ut = !0;
-class Zt {
+var ce = /* @__PURE__ */ ((s) => (s.POINT = "point", s.CIRCLE = "circle", s.RECT = "rect", s))(ce || {});
+const pt = 10, gt = 0, vt = !0;
+class ue {
   life = 0;
   maxLife;
   texture;
@@ -3033,20 +3270,19 @@ class Zt {
   datas;
   rapid;
   constructor(t, e) {
-    this.rapid = t, this.options = e, e.texture instanceof C ? this.texture = e.texture : e.texture instanceof Array && e.texture[0] instanceof Array ? this.texture = b.pickWeight(e.texture) : e.texture instanceof Array && (this.texture = b.pick(e.texture)), this.maxLife = b.scalarOrRange(e.life, 1), this.datas = {
+    this.rapid = t, this.options = e, e.texture instanceof P ? this.texture = e.texture : e.texture instanceof Array && e.texture[0] instanceof Array ? this.texture = C.pickWeight(e.texture) : e.texture instanceof Array && (this.texture = C.pick(e.texture)), this.maxLife = C.scalarOrRange(e.life, 1), this.datas = {
       speed: this.processAttribute(e.animation.speed, 0),
       rotation: this.processAttribute(e.animation.rotation, 0),
       scale: this.processAttribute(e.animation.scale, 1),
-      color: this.processAttribute(e.animation.color, d.White.clone()),
-      velocity: this.processAttribute(e.animation.velocity, l.ZERO),
-      acceleration: this.processAttribute(e.animation.acceleration, l.ZERO)
-    }, this.position = l.ZERO, this.initializePosition();
+      color: this.processAttribute(e.animation.color, m.White.clone()),
+      velocity: this.processAttribute(e.animation.velocity, d.ZERO)
+    }, this.position = d.ZERO, this.initializePosition();
   }
   processAttribute(t, e) {
     if (t == null)
       return { value: e };
-    if (jt(t)) {
-      const i = t, r = b.scalarOrRange(i.start, e), n = i.end === void 0 ? r : b.scalarOrRange(i.end, e);
+    if (oe(t)) {
+      const i = t, r = C.scalarOrRange(i.start, e), n = i.end === void 0 ? r : C.scalarOrRange(i.end, e);
       return {
         delta: i.delta ?? this.getDelta(r, n, this.maxLife),
         value: r,
@@ -3066,14 +3302,12 @@ class Zt {
   }
   updateAttributes(t) {
     const e = this.datas;
-    this.updateNumberAttribute(e.speed, t), this.updateNumberAttribute(e.rotation, t), this.updateNumberAttribute(e.scale, t), this.updateColorAttribute(e.color, t), this.updateVec2Attribute(e.velocity, t), this.updateVec2Attribute(e.acceleration, t), e.velocity.value = e.velocity.value.add(
-      e.acceleration.value.multiply(t)
-    );
-    const r = l.fromAngle(e.rotation.value).multiply(e.speed.value * t);
+    this.updateNumberAttribute(e.speed, t), this.updateNumberAttribute(e.rotation, t), this.updateNumberAttribute(e.scale, t), this.updateColorAttribute(e.color, t), this.updateVec2Attribute(e.velocity, t);
+    const r = d.fromAngle(e.rotation.value).multiply(e.speed.value * t);
     this.position = this.position.add(r).add(e.velocity.value.multiply(t));
   }
   getDelta(t, e, i) {
-    return typeof t == "number" && typeof e == "number" ? (e - t) / i : t instanceof l && e instanceof l || t instanceof d && e instanceof d ? e.subtract(t).divide(i) : t;
+    return typeof t == "number" && typeof e == "number" ? (e - t) / i : t instanceof d && e instanceof d || t instanceof m && e instanceof m ? e.subtract(t).divide(i) : t;
   }
   /**
    * Updates particle state.
@@ -3091,41 +3325,41 @@ class Zt {
     const t = this.rapid.matrixStack, e = this.datas.scale.value, i = this.datas.rotation.value, r = this.datas.color.value;
     t.save(), t.translate(this.position.x, this.position.y), i !== 0 && t.rotate(i), e !== 1 && t.scale(e, e);
     const n = this.options.origin ? this.options.origin.x : 0.5, a = this.options.origin ? this.options.origin.y : 0.5;
-    (n !== 0 || a !== 0) && t.translate(-n * this.texture.rawWidth, -a * this.texture.rawHeight), ft(this.rapid, { texture: this.texture, color: r }), t.restore();
+    (n !== 0 || a !== 0) && t.translate(-n * this.texture.rawWidth, -a * this.texture.rawHeight), Et(this.rapid, { texture: this.texture, color: r }), t.restore();
   }
   initializePosition() {
     switch (this.options.emitShape) {
       case "circle": {
         const t = Math.random() * Math.PI * 2, e = (this.options.emitRadius ?? 0) * Math.sqrt(Math.random());
-        this.position = new l(Math.cos(t) * e, Math.sin(t) * e);
+        this.position = new d(Math.cos(t) * e, Math.sin(t) * e);
         break;
       }
       case "rect": {
-        this.position = new l(
+        this.position = new d(
           (Math.random() - 0.5) * (this.options.emitRect?.width ?? 0),
           (Math.random() - 0.5) * (this.options.emitRect?.height ?? 0)
         );
         break;
       }
       default:
-        this.position = l.ZERO;
+        this.position = d.ZERO;
         break;
     }
     !this.options.localSpace && this.options.position && (this.position = this.position.add(this.options.position));
   }
 }
-class xt {
+class Mt {
   particles = [];
   options;
   emitting = !1;
   emitTimer = 0;
-  emitRate = ht;
-  emitTime = ot;
+  emitRate = pt;
+  emitTime = gt;
   emitTimeCounter = 0;
   /** Whether spawned particles are positioned in local emitter space (default: true). */
-  localSpace = ut;
+  localSpace = vt;
   /** World position of the emitter. Used for both local-space transform and world-space spawn offset. */
-  position = l.ZERO;
+  position = d.ZERO;
   rapid;
   gameObject;
   /**
@@ -3134,7 +3368,7 @@ class xt {
    * @param options - Emitter configuration options
    */
   constructor(t, e) {
-    this.rapid = t, this.options = e, this.emitRate = e.emitRate !== void 0 ? e.emitRate : ht, this.emitTime = e.emitTime !== void 0 ? e.emitTime : ot, this.localSpace = e.localSpace !== void 0 ? e.localSpace : ut, this.position = e.position ?? l.ZERO;
+    this.rapid = t, this.options = e, this.emitRate = e.emitRate !== void 0 ? e.emitRate : pt, this.emitTime = e.emitTime !== void 0 ? e.emitTime : gt, this.localSpace = e.localSpace !== void 0 ? e.localSpace : vt, this.position = e.position ?? d.ZERO;
   }
   /** Replaces the emitter's texture at runtime. */
   setTexture(t) {
@@ -3145,7 +3379,7 @@ class xt {
    * Particle state is NOT copied.
    */
   clone() {
-    return new xt(this.rapid, { ...this.options });
+    return new Mt(this.rapid, { ...this.options });
   }
   /** Sets particles-per-second emission rate (continuous mode). */
   setEmitRate(t) {
@@ -3174,7 +3408,7 @@ class xt {
   emit(t) {
     const e = this.options.maxParticles ?? 1 / 0, i = Math.min(t, e - this.particles.length);
     for (let r = 0; r < i; r++)
-      this.particles.push(new Zt(this.rapid, { ...this.options }));
+      this.particles.push(new ue(this.rapid, { ...this.options, position: this.position }));
   }
   /**
    * Updates the emitter and all live particles.
@@ -3222,37 +3456,44 @@ class xt {
   }
 }
 export {
-  N as ArrayType,
-  D as BaseTexture,
-  Kt as BlendMode,
-  $t as CanvasScaleMode,
-  d as Color,
-  rt as CustomGlShader,
-  W as DynamicArrayBuffer,
-  ct as GLShader,
-  Ot as GraphicRegion,
-  Xt as MaskType,
-  gt as MatrixStack,
-  pt as MatrixStore,
-  Zt as Particle,
-  xt as ParticleEmitter,
-  qt as ParticleShape,
-  Qt as Rapid,
-  lt as Region,
-  Tt as RenderTexture,
-  dt as SpriteRegion,
-  Et as TextTexture,
-  C as Texture,
-  Q as TextureFilterMode,
-  vt as TextureManager,
-  H as TextureWrapMode,
-  l as Vec2,
-  j as WebglBufferArray,
-  Yt as drawCircle,
-  mt as drawGraphic,
-  Gt as drawLine,
-  Ht as drawMaskImage,
-  Vt as drawRect,
-  kt as drawSprite,
-  ft as drawSpriteRaw
+  I as ArrayType,
+  B as BaseTexture,
+  ae as BlendMode,
+  he as CanvasScaleMode,
+  m as Color,
+  ut as CustomGlShader,
+  D as DynamicArrayBuffer,
+  yt as GLShader,
+  Vt as GraphicRegion,
+  Xt as LineTextureMode,
+  K as MAX_INSTANCES,
+  ne as MaskType,
+  bt as MatrixStack,
+  St as MatrixStore,
+  ue as Particle,
+  Mt as ParticleEmitter,
+  ce as ParticleShape,
+  Dt as QUAD_VERTICES,
+  le as Rapid,
+  Rt as Region,
+  Ut as RenderTexture,
+  at as SpriteRegion,
+  Ct as TextTexture,
+  P as Texture,
+  nt as TextureFilterMode,
+  At as TextureManager,
+  z as TextureWrapMode,
+  d as Vec2,
+  et as WebglBufferArray,
+  Yt as composeProjectionWithAffine,
+  ie as drawCircle,
+  wt as drawGraphic,
+  Jt as drawLine,
+  te as drawMaskImage,
+  Zt as drawParticle,
+  Qt as drawParticles,
+  ee as drawRect,
+  qt as drawSprite,
+  Et as drawSpriteRaw,
+  zt as multiplyMat4
 };