rapid-render 1.0.6 → 1.0.8

package/dist/rapid-render.js

@@ -1,5 +1,5 @@
-var O = /* @__PURE__ */ ((s) => (s[s.Float32 = 0] = "Float32", s[s.Uint32 = 1] = "Uint32", s[s.Uint16 = 2] = "Uint16", s))(O || {});
-class B {
+var U = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(U || {});
+class C {
   /** The number of elements currently used in the buffer. */
   usedElemNum;
   /** The main typed array view corresponding to the specified ArrayType. */
@@ -63,6 +63,27 @@ class B {
   clear() {
     this.usedElemNum = 0;
   }
+  static removeAtIndices(t, e) {
+    const r = Math.max(...e.map((o) => o.usedElemNum)), i = [...new Set(t)].filter(
+      (o) => o >= 0 && o < r
+    ).sort((o, h) => o - h);
+    if (i.length === 0)
+      return 0;
+    let s = 0, a = 0;
+    for (let o = 0; o < r; o++) {
+      if (a < i.length && o === i[a]) {
+        a++;
+        continue;
+      }
+      if (s !== o)
+        for (const h of e)
+          h.typedArray[s] = h.typedArray[o];
+      s++;
+    }
+    for (const o of e)
+      o.usedElemNum = s;
+    return r - s;
+  }
   /**
    * Checks if the buffer has enough space for additional elements and resizes the buffer if necessary.
    * @param size - The number of new elements that need to be accommodated.
@@ -151,7 +172,7 @@ class B {
     this.usedElemNum = 0;
   }
 }
-class Q extends B {
+class et extends C {
   /** The actual WebGLBuffer object maintained by this instance. */
   buffer;
   /** The related WebGL rendering context. */
@@ -171,8 +192,8 @@ class Q extends B {
    * @param type - Determines the type of WebGLBuffer (defaults to gl.ARRAY_BUFFER).
    * @param usage - Determines the data usage pattern (defaults to gl.DYNAMIC_DRAW).
    */
-  constructor(t, e, i = t.ARRAY_BUFFER, r = t.DYNAMIC_DRAW) {
-    super(e), this.gl = t, this.buffer = t.createBuffer(), this.type = i, this.usage = r;
+  constructor(t, e, r = t.ARRAY_BUFFER, i = t.DYNAMIC_DRAW) {
+    super(e), this.gl = t, this.buffer = t.createBuffer(), this.type = r, this.usage = i;
   }
   /**
    * Flags the buffer as dirty, marking it for future data synchronization.
@@ -219,8 +240,8 @@ class m {
    * @param b - The blue component (0-255).
    * @param a - The alpha component (0-255).
    */
-  constructor(t, e, i, r = 255) {
-    this._r = t, this._g = e, this._b = i, this._a = r, this.updateUint();
+  constructor(t, e, r, i = 255) {
+    this._r = t, this._g = e, this._b = r, this._a = i, this.updateUint();
   }
   setClearColor(t) {
     t.clearColor(this.r / 255, this.g / 255, this.b / 255, this.a / 255);
@@ -283,8 +304,8 @@ class m {
    */
   updateUint() {
     this.uint32 = (this._a << 24 | this._b << 16 | this._g << 8 | this._r) >>> 0;
-    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;
+    const t = m.clampByte(this._a), e = m.clampByte(this._r * t / 255), r = m.clampByte(this._g * t / 255), i = m.clampByte(this._b * t / 255);
+    this.premultipliedUint32 = (t << 24 | i << 16 | r << 8 | e) >>> 0;
   }
   reset() {
     this._r = 0, this._g = 0, this._b = 0, this._a = 255, this.updateUint();
@@ -296,14 +317,14 @@ class m {
    * @param b - The blue component (0-255).
    * @param a - The alpha component (0-255).
    */
-  setRGBA(t, e, i, r) {
-    this.r = t, this.g = e, this.b = i, this.a = r, this.updateUint();
+  setRGBA(t, e, r, i) {
+    this.r = t, this.g = e, this.b = r, this.a = i, this.updateUint();
   }
-  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;
+  setHSL(t, e, r) {
+    t = (t % 360 + 360) % 360, e = Math.max(0, Math.min(100, e)) / 100, r = Math.max(0, Math.min(100, r)) / 100;
+    const i = (1 - Math.abs(2 * r - 1)) * e, s = i * (1 - Math.abs(t / 60 % 2 - 1)), a = r - i / 2;
     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;
+    return t < 60 ? [o, h, c] = [i, s, 0] : t < 120 ? [o, h, c] = [s, i, 0] : t < 180 ? [o, h, c] = [0, i, s] : t < 240 ? [o, h, c] = [0, s, i] : t < 300 ? [o, h, c] = [s, 0, i] : [o, h, c] = [i, 0, s], 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");
@@ -329,8 +350,8 @@ class m {
    * @returns The hexadecimal string representation of the color.
    */
   toHexString(t = !0) {
-    const e = this.r.toString(16).padStart(2, "0"), i = this.g.toString(16).padStart(2, "0"), r = this.b.toString(16).padStart(2, "0"), n = this.a.toString(16).padStart(2, "0");
-    return `#${e}${i}${r}${t ? n : ""}`;
+    const e = this.r.toString(16).padStart(2, "0"), r = this.g.toString(16).padStart(2, "0"), i = this.b.toString(16).padStart(2, "0"), s = this.a.toString(16).padStart(2, "0");
+    return `#${e}${r}${i}${t ? s : ""}`;
   }
   /**
    * Checks if the current color is equal to another color.
@@ -354,20 +375,27 @@ class m {
    * @example
    * Color.fromNorm(0.9, 0.87, 0.55, 0.1) // moon glow
    */
-  static FromHSL(t, e, i) {
-    return new m(0, 0, 0).setHSL(t, e, i);
+  static FromHSL(t, e, r) {
+    return new m(0, 0, 0).setHSL(t, e, r);
   }
-  static FromRGB(t, e, i) {
-    return new m(t, e, i);
+  static FromRGB(t, e, r) {
+    return new m(t, e, r);
   }
-  static fromNorm(t, e, i, r = 1) {
+  static fromNorm(t, e, r, i = 1) {
     return new m(
       Math.round(t * 255),
       Math.round(e * 255),
-      Math.round(i * 255),
-      Math.round(r * 255)
+      Math.round(r * 255),
+      Math.round(i * 255)
     );
   }
+  static clampColorByte(t) {
+    return t <= 0 ? 0 : t >= 255 ? 255 : Math.round(t);
+  }
+  static packColor(t, e, r, i, s) {
+    const a = m.clampColorByte(i), o = s ? a / 255 : 1, h = m.clampColorByte(t * o), c = m.clampColorByte(e * o), u = m.clampColorByte(r * o);
+    return (a << 24 | u << 16 | c << 8 | h) >>> 0;
+  }
   /**
    * Creates a Color instance from a hexadecimal color string.
    * @param hexString - The hexadecimal color string, e.g., '#RRGGBB' or '#RRGGBBAA'.
@@ -375,9 +403,9 @@ class m {
    */
   static fromHex(t) {
     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 m(e, i, r, n);
+    const e = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16);
+    let s = 255;
+    return t.length >= 8 && (s = parseInt(t.slice(6, 8), 16)), new m(e, r, i, s);
   }
   /**
    * Adds the components of another color to this color, clamping the result to 255.
@@ -451,7 +479,7 @@ class m {
   static Transparent = new m(0, 0, 0, 0);
   static TRANSPARENT = new m(0, 0, 0, 0);
 }
-const v = 6;
+const E = 6;
 class Mt {
   /** Total number of matrices currently allocated in the store. */
   matrixCount = 0;
@@ -459,12 +487,13 @@ class Mt {
   buffer;
   /** The raw floating-point data of all matrices. */
   data;
+  temporary = -1;
   /**
    * Creates a new MatrixStore.
    * @param capacity - The initial capacity of the matrix store (default is 10).
    */
   constructor(t = 10) {
-    this.buffer = new B(O.Float32), this.buffer.resize(t * v), this.data = this.buffer.getArray();
+    this.buffer = new C(U.Float32), this.buffer.resize(t * E), this.data = this.buffer.getArray(), this.reset();
   }
   /**
    * Allocates a new matrix and initializes it to the identity matrix.
@@ -479,21 +508,21 @@ class Mt {
    * @returns The index of the newly allocated matrix.
    */
   allocDirty() {
-    return this.buffer.resize(v) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += v, this.matrixCount++;
+    return this.buffer.resize(E) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += E, this.matrixCount++;
   }
   /**
    * Resets the store, clearing all allocated matrices.
    */
   reset() {
-    this.matrixCount = 0, this.buffer.usedElemNum = 0;
+    this.matrixCount = 0, this.buffer.usedElemNum = 0, this.temporary = this.alloc();
   }
   /**
    * Sets the matrix at the given index to the identity matrix.
    * @param index - The index of the matrix to modify.
    */
   identity(t) {
-    const e = t * v, 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;
+    const e = t * E, r = this.data;
+    r[e] = 1, r[e + 1] = 0, r[e + 2] = 0, r[e + 3] = 1, r[e + 4] = 0, r[e + 5] = 0;
   }
   /**
    * Translates the matrix at the given index by x and y.
@@ -501,9 +530,9 @@ class Mt {
    * @param x - The x translation.
    * @param y - The y translation.
    */
-  translate(t, e, i) {
-    const r = t * v, 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];
+  translate(t, e, r) {
+    const i = t * E, s = this.data;
+    s[i + 4] = s[i] * e + s[i + 2] * r + s[i + 4], s[i + 5] = s[i + 1] * e + s[i + 3] * r + s[i + 5];
   }
   /**
    * Scales the matrix at the given index by scaleX and scaleY.
@@ -511,9 +540,9 @@ class Mt {
    * @param scaleX - The scale factor along the x-axis.
    * @param scaleY - The scale factor along the y-axis.
    */
-  scale(t, e, i) {
-    const r = t * v, n = this.data;
-    n[r] *= e, n[r + 1] *= e, n[r + 2] *= i, n[r + 3] *= i;
+  scale(t, e, r) {
+    const i = t * E, s = this.data;
+    s[i] *= e, s[i + 1] *= e, s[i + 2] *= r, s[i + 3] *= r;
   }
   /**
    * Rotates the matrix at the given index by the specified radians.
@@ -521,8 +550,8 @@ class Mt {
    * @param radians - The rotation angle in radians.
    */
   rotate(t, e) {
-    const i = t * v, 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;
+    const r = t * E, i = this.data, s = Math.cos(e), a = Math.sin(e), o = i[r], h = i[r + 1], c = i[r + 2], u = i[r + 3];
+    i[r] = o * s + c * a, i[r + 1] = h * s + u * a, i[r + 2] = o * -a + c * s, i[r + 3] = h * -a + u * s;
   }
   /**
    * Rotates the matrix at the given index around a local offset point (pivot).
@@ -540,8 +569,8 @@ class Mt {
    * @param offsetX - The x component of the pivot point in local space.
    * @param offsetY - The y component of the pivot point in local space.
    */
-  rotateWithOffset(t, e, i, r) {
-    this.translate(t, i, r), this.rotate(t, e), this.translate(t, -i, -r);
+  rotateWithOffset(t, e, r, i) {
+    this.translate(t, r, i), this.rotate(t, e), this.translate(t, -r, -i);
   }
   /**
    * Copies the elements from the source matrix to the destination matrix.
@@ -549,8 +578,8 @@ class Mt {
    * @param src - The index of the source matrix.
    */
   copy(t, e) {
-    const i = t * v, r = e * v, 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];
+    const r = t * E, i = e * E, s = this.data;
+    s[r] = s[i], s[r + 1] = s[i + 1], s[r + 2] = s[i + 2], s[r + 3] = s[i + 3], s[r + 4] = s[i + 4], s[r + 5] = s[i + 5];
   }
   /**
    * Multiplies the destination matrix by the source matrix and stores the result in the destination.
@@ -566,22 +595,22 @@ class Mt {
    * @param aIdx - The index of matrix A.
    * @param bIdx - The index of matrix B.
    */
-  multiplyOut(t, e, i) {
-    const r = t * v, n = e * v, a = i * v, 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], T = o[a + 2], y = o[a + 3], w = o[a + 4], M = o[a + 5];
-    o[r] = h * x + u * g, o[r + 1] = c * x + f * g, o[r + 2] = h * T + u * y, o[r + 3] = c * T + f * y, o[r + 4] = h * w + u * M + l, o[r + 5] = c * w + f * M + p;
+  multiplyOut(t, e, r) {
+    const i = t * E, s = e * E, a = r * E, o = this.data, h = o[s], c = o[s + 1], u = o[s + 2], l = o[s + 3], d = o[s + 4], f = o[s + 5], x = o[a], g = o[a + 1], v = o[a + 2], T = o[a + 3], A = o[a + 4], R = o[a + 5];
+    o[i] = h * x + u * g, o[i + 1] = c * x + l * g, o[i + 2] = h * v + u * T, o[i + 3] = c * v + l * T, o[i + 4] = h * A + u * R + d, o[i + 5] = c * A + l * R + f;
   }
   /**
    * 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 * v, 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;
+    const e = t * E, r = this.data, i = r[e], s = r[e + 1], a = r[e + 2], o = r[e + 3], h = r[e + 4], c = r[e + 5];
+    let u = i * o - s * a;
     if (!u) {
       this.identity(t);
       return;
     }
-    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;
+    u = 1 / u, r[e] = o * u, r[e + 1] = -s * u, r[e + 2] = -a * u, r[e + 3] = i * u, r[e + 4] = (a * c - o * h) * u, r[e + 5] = (s * h - i * c) * u;
   }
   /**
    * Transforms a point by the matrix at the given index.
@@ -590,11 +619,11 @@ class Mt {
    * @param y - The y coordinate of the point.
    * @returns The transformed point {x, y}.
    */
-  transformPoint(t, e, i) {
-    const r = t * v, n = this.data;
+  transformPoint(t, e, r) {
+    const i = t * E, s = 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]
+      x: e * s[i] + r * s[i + 2] + s[i + 4],
+      y: e * s[i + 1] + r * s[i + 3] + s[i + 5]
     };
   }
   /**
@@ -605,11 +634,11 @@ class Mt {
    * @param y - World y coordinate.
    * @returns The transformed point in local coordinates.
    */
-  worldToLocal(t, e, i) {
-    const r = this.allocDirty();
-    this.copy(r, t), this.invert(r);
-    const n = this.transformPoint(r, e, i);
-    return this.matrixCount--, this.buffer.usedElemNum -= v, n;
+  worldToLocal(t, e, r) {
+    const i = this.allocDirty();
+    this.copy(i, t), this.invert(i);
+    const s = this.transformPoint(i, e, r);
+    return this.matrixCount--, this.buffer.usedElemNum -= E, s;
   }
   /**
    * Transforms a point from local coordinates to world coordinates.
@@ -618,8 +647,8 @@ class Mt {
    * @param y - Local y coordinate.
    * @returns The transformed point in world coordinates.
    */
-  localToWorld(t, e, i) {
-    return this.transformPoint(t, e, i);
+  localToWorld(t, e, r) {
+    return this.transformPoint(t, e, r);
   }
   /**
    * Extracts the global position (translation) from the matrix at the given index.
@@ -627,8 +656,8 @@ class Mt {
    * @returns An object containing `x` and `y` global coordinates.
    */
   getPosition(t) {
-    const e = t * v, i = this.data;
-    return { x: i[e + 4], y: i[e + 5] };
+    const e = t * E, r = this.data;
+    return { x: r[e + 4], y: r[e + 5] };
   }
   /**
    * Extracts the global scale from the matrix at the given index.
@@ -636,8 +665,8 @@ class Mt {
    * @returns An object containing `x` and `y` global scale factors.
    */
   getScale(t) {
-    const e = t * v, 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 };
+    const e = t * E, r = this.data, i = Math.sqrt(r[e] * r[e] + r[e + 1] * r[e + 1]), s = Math.sqrt(r[e + 2] * r[e + 2] + r[e + 3] * r[e + 3]);
+    return { x: i, y: s };
   }
   /**
    * Extracts the global rotation (in radians) from the matrix at the given index.
@@ -645,8 +674,8 @@ class Mt {
    * @returns The global rotation in radians.
    */
   getRotation(t) {
-    const e = t * v, i = this.data;
-    return Math.atan2(i[e + 1], i[e]);
+    const e = t * E, r = this.data;
+    return Math.atan2(r[e + 1], r[e]);
   }
   /**
    * Converts the matrix at the given index to a CSS matrix string.
@@ -655,9 +684,9 @@ class Mt {
    * @param scaleY - Extra scale applied to the b/d/ty components.
    * @returns A CSS matrix string.
    */
-  toCSSMatrix(t, e = 1, i = 1) {
-    const r = t * v, 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})`;
+  toCSSMatrix(t, e = 1, r = 1) {
+    const i = t * E, s = this.data;
+    return `matrix(${s[i] * e}, ${s[i + 1] * r}, ${s[i + 2] * e}, ${s[i + 3] * r}, ${s[i + 4] * e}, ${s[i + 5] * r})`;
   }
   /**
    * Retrieves a copy of the 6 elements [a, b, c, d, tx, ty] for the matrix at the specified index.
@@ -667,8 +696,8 @@ class Mt {
    * @returns A new Float32Array containing the 6 elements of the matrix.
    */
   getMatrix(t) {
-    const e = t * v;
-    return this.data.slice(e, e + v);
+    const e = t * E;
+    return this.data.slice(e, e + E);
   }
   /**
    * Retrieves a direct reference (view) to the 6 elements [a, b, c, d, tx, ty] for the matrix at the specified index.
@@ -678,8 +707,8 @@ class Mt {
    * @returns A Float32Array view pointing directly to the matrix's data in memory.
    */
   getMatrixRef(t) {
-    const e = t * v;
-    return this.data.subarray(e, e + v);
+    const e = t * E;
+    return this.data.subarray(e, e + E);
   }
   /**
    * Overwrites the matrix at the specified index with the provided 6 elements [a, b, c, d, tx, ty].
@@ -688,29 +717,33 @@ class Mt {
    * @param f - An array (Float32Array or standard number array) containing the 6 new elements.
    */
   setMatrix(t, e) {
-    const i = t * v, 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];
+    const r = t * E, i = this.data;
+    i[r] = e[0], i[r + 1] = e[1], i[r + 2] = e[2], i[r + 3] = e[3], i[r + 4] = e[4], i[r + 5] = e[5];
   }
-  multiplyAffineInPlace(t, e, 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;
+  multiplyAffineInPlace(t, e, r, i, s, a, o) {
+    const h = t * 6, c = this.data, u = c[h], l = c[h + 1], d = c[h + 2], f = c[h + 3], x = c[h + 4], g = c[h + 5];
+    c[h] = u * e + d * r, c[h + 1] = l * e + f * r, c[h + 2] = u * i + d * s, c[h + 3] = l * i + f * s, c[h + 4] = u * a + d * o + x, c[h + 5] = l * a + f * o + g;
+  }
+  multiplyAffine(t, e, r, i, s, a, o, h) {
+    const c = t * 6, u = e * 6, l = this.data, d = l[c], f = l[c + 1], x = l[c + 2], g = l[c + 3], v = l[c + 4], T = l[c + 5];
+    l[u] = d * r + x * i, l[u + 1] = f * r + g * i, l[u + 2] = d * s + x * a, l[u + 3] = f * s + g * a, l[u + 4] = d * o + x * h + v, l[u + 5] = f * o + g * h + T;
   }
 }
-class St {
+class At {
   /** The underlying store for matrices. */
   matrix = new Mt();
   /** The current step or depth in the transformation hierarchy. */
   step = 0;
   /** Internal stack maintaining structural information. */
-  stack = new B(O.Uint32);
+  stack = new C(U.Uint32);
   /** Records the world matrices generated at each step. */
-  stepWorldM = new B(O.Uint32);
+  stepWorldM = new C(U.Uint32);
   /** Records actions (push/pop) taken during the traversal. */
-  stepAction = new B(O.Uint32);
+  stepAction = new C(U.Uint32);
   /** Records the parent world matrix for each step (used by updateMatrix). */
-  stepParentM = new B(O.Uint32);
+  stepParentM = new C(U.Uint32);
   /** Buffer used during hierarchy traversal updates. */
-  parentStack = new B(O.Uint32);
+  parentStack = new C(U.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. */
@@ -744,16 +777,16 @@ class St {
    * @param step - The initial step to update matrices from.
    */
   updateMatrix(t) {
-    const e = (typeof t == "number" ? t : t.step) - 1, i = this.stepParentM.get(e);
-    let r = 0, n = e;
+    const e = (typeof t == "number" ? t : t.step) - 1, r = this.stepParentM.get(e);
+    let i = 0, s = e;
     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), c = h - 1, u = a.top();
-        this.matrix.multiplyOut(h, u, c), a.push(h), r++;
-      } else if (a.pop(), r--, r === 0)
+    for (a.reset(), a.push(r); s < this.stepAction.length; ) {
+      if (this.stepAction.get(s) === 1) {
+        const h = this.stepWorldM.get(s), c = h - 1, u = a.top();
+        this.matrix.multiplyOut(h, u, c), a.push(h), i++;
+      } else if (a.pop(), i--, i === 0)
         break;
-      n++;
+      s++;
     }
   }
   /**
@@ -796,8 +829,8 @@ class St {
    * @param offsetX - The x component of the pivot point in local space.
    * @param offsetY - The y component of the pivot point in local space.
    */
-  rotateWithOffset(t, e, i) {
-    this.matrix.rotateWithOffset(this.curLocalM, t, e, i), this.matrix.rotateWithOffset(this.curWorldM, t, e, i);
+  rotateWithOffset(t, e, r) {
+    this.matrix.rotateWithOffset(this.curLocalM, t, e, r), this.matrix.rotateWithOffset(this.curWorldM, t, e, r);
   }
   /**
    * Sets the current local and world matrices to the identity matrix.
@@ -859,57 +892,69 @@ class St {
    * Returns the current world matrix as Float32Array [a, b, c, d, tx, ty].
    */
   getTransform() {
-    const t = this.curWorldM * v;
-    return this.matrix.data.slice(t, t + v);
+    const t = this.curWorldM * E;
+    return this.matrix.data.slice(t, t + E);
   }
   /**
    * Directly overwrites the current world matrix with the given 6-element 2D transform.
    */
   setTransform(t) {
-    const e = this.curWorldM * v, 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];
+    const e = this.curWorldM * E, r = this.matrix.data;
+    r[e] = t[0], r[e + 1] = t[1], r[e + 2] = t[2], r[e + 3] = t[3], r[e + 4] = t[4], r[e + 5] = t[5];
   }
   transformPoint(t, e) {
     return this.matrix.transformPoint(this.curLocalM, t, e);
   }
   /**
    * Applies a transform options object to the current matrix state.
-   * Optionally saves the matrix first (saveTransform defaults to true).
-   */
-  applyTransform(t, e = 0, i = 0) {
-    (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, T = x * a, y = -x * o, w = p * o, M = r + g * u + y * f, A = n + T * u + w * f;
-    (t.afterSave !== void 0 || t.saveTransform === !1) && this.matrix.multiplyAffineInPlace(
+   * Optionally saves the matrix first
+   */
+  applyTransform(t, e = 0, r = 0, i = -1) {
+    let s = t.x ?? 0, a = t.y ?? 0;
+    t.position && (s += t.position.x, a += t.position.y);
+    let o = 1, h = 1;
+    const c = t.scale;
+    c && (typeof c == "number" ? (o = c, h = c) : (o = c.x, h = c.y));
+    const u = t.rotation ?? 0;
+    let l = t.offsetX ?? 0, d = t.offsetY ?? 0;
+    t.offset && (l += t.offset.x, d += t.offset.y);
+    const f = t.origin;
+    f !== void 0 && (typeof f == "number" ? (l -= f * e, d -= f * r) : (l -= f.x * e, d -= f.y * r));
+    const x = u ? Math.cos(u) : 1, g = u ? Math.sin(u) : 0, v = x * o, T = g * o, A = -g * h, R = x * h, S = s + v * l + A * d, P = a + T * l + R * d;
+    if (i !== -1) {
+      this.matrix.multiplyAffine(
+        this.curWorldM,
+        i,
+        v,
+        T,
+        A,
+        R,
+        S,
+        P
+      );
+      return;
+    }
+    this.matrix.multiplyAffineInPlace(
       this.curLocalM,
-      g,
+      v,
       T,
-      y,
-      w,
-      M,
-      A
+      A,
+      R,
+      S,
+      P
     ), this.matrix.multiplyAffineInPlace(
       this.curWorldM,
-      g,
+      v,
       T,
-      y,
-      w,
-      M,
-      A
-    ), t.afterSave?.();
+      A,
+      R,
+      S,
+      P
+    );
   }
 }
-var Y = /* @__PURE__ */ ((s) => (s[s.REPEAT = 0] = "REPEAT", s[s.CLAMP = 1] = "CLAMP", s[s.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", s))(Y || {});
-class bt {
+var q = /* @__PURE__ */ ((n) => (n[n.REPEAT = 0] = "REPEAT", n[n.CLAMP = 1] = "CLAMP", n[n.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", n))(q || {});
+class St {
   render;
   cache = /* @__PURE__ */ new Map();
   constructor(t) {
@@ -922,14 +967,14 @@ class bt {
    * @returns A promise that resolves to the loaded Texture.
    */
   async load(t, e) {
-    let i = this.cache.get(t);
-    if (i)
-      return new P(i);
+    let r = this.cache.get(t);
+    if (r)
+      return new F(r);
     try {
-      const r = await this._fetchImage(t);
-      return i = k.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;
+      const i = await this._fetchImage(t);
+      return r = Y.fromSource(this.render, i, e), r.uid = t, this.cache.set(t, r), new F(r);
+    } catch (i) {
+      throw console.error(`[TextureManager] Failed to load: ${t}`, i), i;
     }
   }
   /**
@@ -940,9 +985,9 @@ class bt {
    */
   create(t, e) {
     if (e?.key && this.cache.has(e.key))
-      return new P(this.cache.get(e.key));
-    const i = k.fromSource(this.render, t, e);
-    return e?.key && (i.uid = e.key, this.cache.set(e.key, i)), new P(i);
+      return new F(this.cache.get(e.key));
+    const r = Y.fromSource(this.render, t, e);
+    return e?.key && (r.uid = e.key, this.cache.set(e.key, r)), new F(r);
   }
   /**
    * Creates a generic Render Texture (FrameBuffer).
@@ -952,7 +997,7 @@ class bt {
    * @returns The newly created RenderTexture.
    */
   createRenderTexture(t) {
-    return new At(this.render, t);
+    return new bt(this.render, t);
   }
   /**
    * Creates a TextTexture for rendering text.
@@ -960,7 +1005,7 @@ class bt {
    * @returns The newly created TextTexture.
    */
   createTextTexture(t) {
-    return new _t(this.render, t);
+    return new Ct(this.render, t);
   }
   /**
    * Destroys a texture and potentially removes its BaseTexture from the cache.
@@ -970,8 +1015,8 @@ class bt {
    * @param force - If true, destroys the underlying BaseTexture immediately regardless of reference count.
    */
   destroy(t, e = !1) {
-    let i, 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));
+    let r, i;
+    typeof t == "string" ? (i = t, r = this.cache.get(i)) : t instanceof F ? (r = t.base, i = r?.uid, t.destroy()) : (r = t, i = r.uid), r && (r.refCount <= 0 || e) && (r.destroy(this.render.gl), i && this.cache.delete(i));
   }
   /**
    * Destroys all cached textures and clears the cache, ignoring reference counts.
@@ -982,20 +1027,20 @@ class bt {
     this.cache.clear();
   }
   _fetchImage(t) {
-    return new Promise((e, i) => {
-      const r = new Image();
-      r.crossOrigin = "anonymous", r.onload = () => e(r), r.onerror = () => i(new Error(`Failed to load image resource: ${t}`)), r.src = t;
+    return new Promise((e, r) => {
+      const i = new Image();
+      i.crossOrigin = "anonymous", i.onload = () => e(i), i.onerror = () => r(new Error(`Failed to load image resource: ${t}`)), i.src = t;
     });
   }
 }
-class k {
+class Y {
   glTexture = null;
   width;
   height;
   uid;
   refCount = 0;
-  constructor(t, e, i) {
-    this.glTexture = t, this.width = e, this.height = i;
+  constructor(t, e, r) {
+    this.glTexture = t, this.width = e, this.height = r;
   }
   /**
    * Creates a BaseTexture from an image source.
@@ -1004,9 +1049,9 @@ class k {
    * @param options - Optional configuration.
    * @returns The created BaseTexture.
    */
-  static fromSource(t, e, i = {}) {
-    const r = K(t, e, i);
-    return new k(r, e.width, e.height);
+  static fromSource(t, e, r = {}) {
+    const i = J(t, e, r);
+    return new Y(i, e.width, e.height);
   }
   /**
    * Updates the content of the existing texture (e.g. for Video or dynamic Canvas).
@@ -1014,20 +1059,20 @@ class k {
    * @param gl - The WebGL rendering context.
    * @param source - The new image source.
    */
-  updateSource(t, e, i = {}) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), i.textureFilter !== void 0 && tt(t, i.textureFilter), i.wrap !== void 0 && J(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));
+  updateSource(t, e, r = {}) {
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), r.textureFilter !== void 0 && it(t, r.textureFilter), r.wrap !== void 0 && rt(t, r.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, r.premultipliedAlpha), this.width === e.width && this.height === e.height ? t.texSubImage2D(t.TEXTURE_2D, 0, 0, 0, t.RGBA, t.UNSIGNED_BYTE, e) : (t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), this.width = e.width, this.height = e.height), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1));
   }
   /**
    * Dynamically updates the texture filtering mode.
    */
   setFilterMode(t, e) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), tt(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));
   }
   /**
    * Dynamically updates the texture wrap mode.
    */
   setWrapMode(t, e) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), J(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));
   }
   /**
    * Destroys the WebGL texture resource.
@@ -1037,7 +1082,7 @@ class k {
     this.glTexture && (t.deleteTexture(this.glTexture), this.glTexture = null);
   }
 }
-class P {
+class F {
   base;
   uvX = 0;
   uvY = 0;
@@ -1082,8 +1127,8 @@ class P {
    * @param h - The height in pixels.
    * @returns The current Texture instance.
    */
-  setRegion(t, e, i, r) {
-    return this.base ? (this._px = t, this._py = e, this._pw = i, this._ph = r, this.isAtlas = t !== 0 || e !== 0 || i !== this.base.width || r !== this.base.height, this.uvX = t / this.base.width, this.uvY = e / this.base.height, this.uvW = this.uvX + i / this.base.width, this.uvH = this.uvY + r / this.base.height, this.rawWidth = i, this.rawHeight = r, this) : this;
+  setRegion(t, e, r, i) {
+    return this.base ? (this._px = t, this._py = e, this._pw = r, this._ph = i, this.isAtlas = t !== 0 || e !== 0 || r !== this.base.width || i !== this.base.height, this.uvX = t / this.base.width, this.uvY = e / this.base.height, this.uvW = this.uvX + r / this.base.width, this.uvH = this.uvY + i / this.base.height, this.rawWidth = r, this.rawHeight = i, this) : this;
   }
   /**
    * Creates a new Texture representing a sub-region of this Texture.
@@ -1093,17 +1138,17 @@ class P {
    * @param height - The height of the sub-texture in pixels.
    * @returns A new Texture pointing to the sub-region.
    */
-  getSubTexture(t, e, i, r) {
-    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;
+  getSubTexture(t, e, r, i) {
+    if (!this.base) return new F();
+    const s = this.clone(), a = this._px, o = this._py;
+    return s.setRegion(a + t, o + e, r, i), s;
   }
   /**
    * Creates a shallow copy of this Texture, sharing the same BaseTexture.
    * @returns A new Texture instance.
    */
   clone(t) {
-    const e = t ?? new P(this.base);
+    const e = t ?? new F(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;
   }
   /**
@@ -1116,12 +1161,12 @@ class P {
    * @param gap - Optional pixel gap between cells.
    * @returns An array of split Textures.
    */
-  splitGrid(t, e, i, r, n = 0) {
+  splitGrid(t, e, r, i, s = 0) {
     if (!this.base) return [];
-    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));
+    const a = [], o = this.rawWidth, h = this.rawHeight, c = Math.max(0, s), u = t + c, l = e + c, d = r ?? Math.floor((o + c) / u), f = i ?? Math.floor((h + c) / l);
+    for (let x = 0; x < f; x++)
+      for (let g = 0; g < d; g++)
+        a.push(this.getSubTexture(g * u, x * l, t, e));
     return a;
   }
   /**
@@ -1129,9 +1174,9 @@ class P {
    * @param source - The image element, canvas, video, or bitmap.
    * @param options - Optional antialias and wrap mode settings.
    */
-  static fromImageSource(t, e, i = {}) {
-    const r = K(t, e, i);
-    return new P(new k(r, e.width, e.height));
+  static fromImageSource(t, e, r = {}) {
+    const i = J(t, e, r);
+    return new F(new Y(i, e.width, e.height));
   }
   /**
    * Marks this Texture as destroyed, decrementing the BaseTexture reference count.
@@ -1140,7 +1185,7 @@ class P {
     this.base && (this.base.refCount--, this.base = void 0), this.glTexture = null;
   }
 }
-class At extends P {
+class bt extends F {
   framebuffer;
   renderbuffer;
   gl;
@@ -1151,10 +1196,10 @@ class At extends P {
   _allocH = 0;
   constructor(t, e) {
     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 = K(t, { width: i, height: r }, { ...e, onlySize: !0 });
-    if (this.setBase(new k(a, i, r)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
+    const r = Math.max(Math.round(e.width), 1), i = Math.max(Math.round(e.height), 1), a = J(t, { width: r, height: i }, { ...e, onlySize: !0 });
+    if (this.setBase(new Y(a, r, i)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
       throw new Error("Failed to create Framebuffer or Renderbuffer");
-    this.resize(i, r, !0);
+    this.resize(r, i, !0);
   }
   /**
    * Resizes the render texture using a grow-only GPU allocation strategy.
@@ -1168,12 +1213,12 @@ class At extends P {
    * @param height - New logical height.
    * @param force  - Force full GPU reallocation regardless of current allocation size.
    */
-  resize(t, e, i = !1) {
+  resize(t, e, r = !1) {
     t = Math.max(Math.round(t), 1), e = Math.max(Math.round(e), 1);
-    const r = this.rawWidth === t && this.rawHeight === e;
-    if (!i && r) return;
-    const n = this.gl;
-    (i || t > this._allocW || e > this._allocH) && this.base && (this._allocW = Math.max(this._allocW, t), this._allocH = Math.max(this._allocH, e), this.base.width = this._allocW, this.base.height = this._allocH, n.bindTexture(n.TEXTURE_2D, this.base.glTexture), n.texImage2D(n.TEXTURE_2D, 0, n.RGBA, this._allocW, this._allocH, 0, n.RGBA, n.UNSIGNED_BYTE, null), n.bindRenderbuffer(n.RENDERBUFFER, this.renderbuffer), n.renderbufferStorage(n.RENDERBUFFER, n.STENCIL_INDEX8, this._allocW, this._allocH), n.bindFramebuffer(n.FRAMEBUFFER, this.framebuffer), n.framebufferTexture2D(n.FRAMEBUFFER, n.COLOR_ATTACHMENT0, n.TEXTURE_2D, this.base.glTexture, 0), n.framebufferRenderbuffer(n.FRAMEBUFFER, n.STENCIL_ATTACHMENT, n.RENDERBUFFER, this.renderbuffer), n.bindFramebuffer(n.FRAMEBUFFER, null), n.bindRenderbuffer(n.RENDERBUFFER, null), n.bindTexture(n.TEXTURE_2D, null)), this.rawWidth = t, this.rawHeight = e, this.uvX = 0, this.uvW = t / this._allocW, this.uvY = 0, this.uvH = e / this._allocH;
+    const i = this.rawWidth === t && this.rawHeight === e;
+    if (!r && i) return;
+    const s = this.gl;
+    (r || t > this._allocW || e > this._allocH) && this.base && (this._allocW = Math.max(this._allocW, t), this._allocH = Math.max(this._allocH, e), this.base.width = this._allocW, this.base.height = this._allocH, s.bindTexture(s.TEXTURE_2D, this.base.glTexture), s.texImage2D(s.TEXTURE_2D, 0, s.RGBA, this._allocW, this._allocH, 0, s.RGBA, s.UNSIGNED_BYTE, null), s.bindRenderbuffer(s.RENDERBUFFER, this.renderbuffer), s.renderbufferStorage(s.RENDERBUFFER, s.STENCIL_INDEX8, this._allocW, this._allocH), s.bindFramebuffer(s.FRAMEBUFFER, this.framebuffer), s.framebufferTexture2D(s.FRAMEBUFFER, s.COLOR_ATTACHMENT0, s.TEXTURE_2D, this.base.glTexture, 0), s.framebufferRenderbuffer(s.FRAMEBUFFER, s.STENCIL_ATTACHMENT, s.RENDERBUFFER, this.renderbuffer), s.bindFramebuffer(s.FRAMEBUFFER, null), s.bindRenderbuffer(s.RENDERBUFFER, null), s.bindTexture(s.TEXTURE_2D, null)), this.rawWidth = t, this.rawHeight = e, this.uvX = 0, this.uvW = t / this._allocW, this.uvY = 0, this.uvH = e / this._allocH;
   }
   /**
    * Activates this texture as the current render target.
@@ -1186,8 +1231,8 @@ class At extends P {
   }
   clear(t) {
     if (!this.framebuffer) return;
-    const e = this.gl, i = t ?? this.clearColor;
-    i && (i.setClearColor(e), e.clear(e.COLOR_BUFFER_BIT | e.STENCIL_BUFFER_BIT));
+    const e = this.gl, r = t ?? this.clearColor;
+    r && (r.setClearColor(e), e.clear(e.COLOR_BUFFER_BIT | e.STENCIL_BUFFER_BIT));
   }
   /**
    * Deactivates this texture, returning rendering to the default frame buffer.
@@ -1203,16 +1248,16 @@ class At extends P {
    * @param width - Width of the region to read.
    * @param height - Height of the region to read.
    */
-  GetPixels(t = 0, e = 0, i = this.rawWidth, r = this.rawHeight) {
+  GetPixels(t = 0, e = 0, r = this.rawWidth, i = this.rawHeight) {
     if (!this.framebuffer) return new Uint8Array(0);
-    const n = Math.floor(t), a = Math.floor(e), o = Math.floor(i), h = Math.floor(r);
+    const s = Math.floor(t), a = Math.floor(e), o = Math.floor(r), h = Math.floor(i);
     if (o <= 0 || h <= 0) return new Uint8Array(0);
-    if (n < 0 || a < 0 || n >= this.rawWidth || a >= this.rawHeight)
+    if (s < 0 || a < 0 || s >= this.rawWidth || a >= this.rawHeight)
       return new Uint8Array(0);
-    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 c = Math.min(o, this.rawWidth - s), u = Math.min(h, this.rawHeight - a), l = this.rawHeight - a - u, d = this.gl, f = d.getParameter(d.FRAMEBUFFER_BINDING);
+    d.bindFramebuffer(d.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;
+    return d.readPixels(s, l, c, u, d.RGBA, d.UNSIGNED_BYTE, x), d.bindFramebuffer(d.FRAMEBUFFER, f), x;
   }
   /**
    * Get the color at a pixel in the render texture.
@@ -1220,8 +1265,8 @@ class At extends P {
    * @param y - Y coordinate in logical pixel space (top-left origin).
    */
   GetColorAt(t, e) {
-    const i = this.GetPixels(t, e, 1, 1);
-    return i.length < 4 ? new m(0, 0, 0, 0) : new m(i[0], i[1], i[2], i[3]);
+    const r = this.GetPixels(t, e, 1, 1);
+    return r.length < 4 ? new m(0, 0, 0, 0) : new m(r[0], r[1], r[2], r[3]);
   }
   /**
    * Destroys the framebuffer, renderbuffer, and base texture.
@@ -1239,7 +1284,7 @@ const Ut = {
   align: "left",
   baseline: "top"
 };
-class _t extends P {
+class Ct extends F {
   canvas;
   ctx;
   render;
@@ -1249,11 +1294,11 @@ class _t extends P {
   flipY = !0;
   constructor(t, e) {
     super(), this.render = t, this._style = { ...Ut, ...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 = K(t, this.canvas, this.options);
-    this.setBase(new k(r, 1, 1)), this.update();
+    const r = this.canvas.getContext("2d", { willReadFrequently: !0 });
+    if (!r) throw new Error("Failed to get 2d context for TextTexture");
+    this.ctx = r, this.canvas.width = 1, this.canvas.height = 1;
+    const i = J(t, this.canvas, this.options);
+    this.setBase(new Y(i, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -1301,97 +1346,97 @@ class _t extends P {
    * Updates the internal canvas and uploads it to WebGL
    */
   update() {
-    const t = this.ctx, e = this._style.fontSize, i = this._style.fontWeight, r = this._style.fontFamily, n = `${i} ${e}px ${r}`, a = this.render.dpr;
-    t.font = n;
+    const t = this.ctx, e = this._style.fontSize, r = this._style.fontWeight, i = this._style.fontFamily, s = `${r} ${e}px ${i}`, a = this.render.dpr;
+    t.font = s;
     const o = this._text.split(`
 `);
     let h = 0, c = 0;
     t.textBaseline = "alphabetic";
-    const u = t.measureText(o[0]), f = u.fontBoundingBoxAscent, l = u.fontBoundingBoxDescent;
-    for (const M of o) {
-      const A = t.measureText(M);
-      A.width > h && (h = A.width), c += f + l;
+    const u = t.measureText(o[0]), l = u.fontBoundingBoxAscent, d = u.fontBoundingBoxDescent;
+    for (const R of o) {
+      const S = t.measureText(R);
+      S.width > h && (h = S.width), c += l + d;
     }
-    c -= l;
-    const p = (this._style.strokeThickness || 0) * 2, x = Math.ceil(h + p) || 1, g = Math.ceil(c + p) || 1, T = x * a, y = g * a;
-    (this.canvas.width !== T || this.canvas.height !== y) && (this.canvas.width = T, 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 M of o) {
-      let A = p / 2;
-      this._style.stroke && this._style.strokeThickness > 0 && (t.lineWidth = this._style.strokeThickness, t.strokeStyle = this._style.stroke, t.strokeText(M, A, w)), this._style.fill && (t.fillStyle = this._style.fill, t.fillText(M, A, w)), w += f + l;
+    c -= d;
+    const f = (this._style.strokeThickness || 0) * 2, x = Math.ceil(h + f) || 1, g = Math.ceil(c + f) || 1, v = x * a, T = g * a;
+    (this.canvas.width !== v || this.canvas.height !== T) && (this.canvas.width = v, this.canvas.height = T), t.setTransform(a, 0, 0, a, 0, 0), t.clearRect(0, 0, x, g), t.font = s, t.textBaseline = "top", t.textAlign = "left", this.updateOffset(x, g);
+    let A = f / 2;
+    for (const R of o) {
+      let S = f / 2;
+      this._style.stroke && this._style.strokeThickness > 0 && (t.lineWidth = this._style.strokeThickness, t.strokeStyle = this._style.stroke, t.strokeText(R, S, A)), this._style.fill && (t.fillStyle = this._style.fill, t.fillText(R, S, A)), A += l + d;
     }
     this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, this.canvas.width, this.canvas.height);
   }
 }
-const Ct = (s, t = !1, e = !0) => {
-  const i = s.getContext("webgl2", { stencil: !0, antialias: t, premultipliedAlpha: e });
-  if (!i)
+const _t = (n, t = !1, e = !0) => {
+  const r = n.getContext("webgl2", { stencil: !0, antialias: t, premultipliedAlpha: e });
+  if (!r)
     throw new Error("WebGL2 is not supported in this browser.");
-  return i;
-}, ht = (s, t, e) => {
-  const i = s.createShader(e);
-  if (!i)
+  return r;
+}, ot = (n, t, e) => {
+  const r = n.createShader(e);
+  if (!r)
     throw new Error("Unable to create webgl shader");
-  if (s.shaderSource(i, t), s.compileShader(i), !s.getShaderParameter(i, s.COMPILE_STATUS)) {
-    const n = s.getShaderInfoLog(i);
-    throw console.error("Shader compilation failed:", n), new Error("Unable to compile shader: " + n + t);
+  if (n.shaderSource(r, t), n.compileShader(r), !n.getShaderParameter(r, n.COMPILE_STATUS)) {
+    const s = n.getShaderInfoLog(r);
+    throw console.error("Shader compilation failed:", s), new Error("Unable to compile shader: " + s + t);
   }
-  return i;
-}, Pt = (s, t, e) => {
-  var i = s.createProgram(), r = ht(s, t, 35633), n = ht(s, e, 35632);
-  if (!i)
+  return r;
+}, Pt = (n, t, e) => {
+  var r = n.createProgram(), i = ot(n, t, 35633), s = ot(n, e, 35632);
+  if (!r)
     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)) {
-    const o = s.getProgramInfoLog(i);
+  if (n.attachShader(r, i), n.attachShader(r, s), n.linkProgram(r), !n.getProgramParameter(r, n.LINK_STATUS)) {
+    const o = n.getProgramInfoLog(r);
     throw new Error("Unable to link shader program: " + o);
   }
-  return i;
+  return r;
 };
-function J(s, t) {
+function rt(n, t) {
   const e = {
-    [Y.CLAMP]: s.CLAMP_TO_EDGE,
-    [Y.REPEAT]: s.REPEAT,
-    [Y.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);
+    [q.CLAMP]: n.CLAMP_TO_EDGE,
+    [q.REPEAT]: n.REPEAT,
+    [q.MIRRORED_REPEAT]: n.MIRRORED_REPEAT
+  }[t] || n.CLAMP_TO_EDGE;
+  n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, e);
 }
-function tt(s, t) {
+function it(n, t) {
   const e = {
-    [it.LINEAR]: s.LINEAR,
-    [it.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);
+    [nt.LINEAR]: n.LINEAR,
+    [nt.NEAREST]: n.NEAREST
+  }[t] ?? n.NEAREST;
+  n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, e);
 }
-function K(s, t, e) {
-  const i = s.gl, r = i.createTexture();
-  if (!r)
+function J(n, t, e) {
+  const r = n.gl, i = r.createTexture();
+  if (!i)
     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), J(i, e.wrap ?? Y.CLAMP), tt(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);
+  if (r.bindTexture(r.TEXTURE_2D, i), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, 0), r.pixelStorei(r.UNPACK_ALIGNMENT, 1), rt(r, e.wrap ?? q.CLAMP), it(r, e.textureFilter ?? n.textureFilter), e.onlySize) {
+    const s = t;
+    r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, s.width, s.height, 0, r.RGBA, r.UNSIGNED_BYTE, null);
   } else {
-    const n = e.premultipliedAlpha ?? s.premultipliedAlpha;
-    n && i.pixelStorei(i.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !0), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, i.RGBA, i.UNSIGNED_BYTE, t), n && i.pixelStorei(i.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
+    const s = e.premultipliedAlpha ?? n.premultipliedAlpha;
+    s && r.pixelStorei(r.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !0), r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, r.RGBA, r.UNSIGNED_BYTE, t), s && r.pixelStorei(r.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
   }
-  return i.bindTexture(i.TEXTURE_2D, null), r;
+  return r.bindTexture(r.TEXTURE_2D, null), i;
 }
-function W(s, t) {
-  if (s.includes("%TEXTURE_NUM%") && (s = s.replace("%TEXTURE_NUM%", t.toString())), s.includes("%GET_COLOR%")) {
+function G(n, t) {
+  if (n.includes("%TEXTURE_NUM%") && (n = n.replace("%TEXTURE_NUM%", t.toString())), n.includes("%GET_COLOR%")) {
     let e = "";
-    for (let i = 0; i < t; i++)
-      i == 0 ? e += `if(vTextureId == ${i})` : i == t - 1 ? e += "else" : e += `else if(vTextureId == ${i})`, e += `{return texture(uTextures[${i}], uv) * vColor;}`;
-    s = s.replace("%GET_COLOR%", e);
+    for (let r = 0; r < t; r++)
+      r == 0 ? e += `if(vTextureId == ${r})` : r == t - 1 ? e += "else" : e += `else if(vTextureId == ${r})`, e += `{return texture(uTextures[${r}], uv);}`;
+    n = n.replace("%GET_COLOR%", e);
   }
-  return s;
+  return n;
 }
-const Nt = 5126, et = 5121;
-function Lt(s, t, e) {
-  s.vertexAttribDivisor(t, e);
+const Nt = 5126, st = 5121;
+function Lt(n, t, e) {
+  n.vertexAttribDivisor(t, e);
 }
-function vt(s, t, e, i, r) {
-  s.drawArraysInstanced(t, e, i, r);
+function yt(n, t, e, r, i) {
+  n.drawArraysInstanced(t, e, r, i);
 }
-let Ot = 0;
+let It = 0;
 class Tt {
   program;
   attributeLoc = {};
@@ -1404,11 +1449,11 @@ class Tt {
   /** Whether the uniform is an array (e.g. sampler2D uTextures[8]) */
   uniformIsArray = {};
   gl;
-  shaderId = Ot++;
+  shaderId = It++;
   // for debug
   vao;
-  constructor(t, e, i, r) {
-    this.gl = t, this.program = Pt(t, e, i), this.parseShader(e), this.parseShader(i), this.vao = t.createVertexArray(), r && this.setAttributes(r);
+  constructor(t, e, r, i) {
+    this.gl = t, this.program = Pt(t, e, r), this.parseShader(e), this.parseShader(r), this.vao = t.createVertexArray(), i && this.setAttributes(i);
   }
   /** Switch GPU to use this shader program */
   use() {
@@ -1431,10 +1476,10 @@ class Tt {
    *   shader.setUniform("uMVP", mat4array);
    */
   setUniform(t, e) {
-    const i = this.uniformLoc[t];
-    if (i === void 0) return;
-    const r = this.uniformType[t], n = this.uniformIsArray[t];
-    It(this.gl, i, r, e, n);
+    const r = this.uniformLoc[t];
+    if (r === void 0) return;
+    const i = this.uniformType[t], s = this.uniformIsArray[t];
+    Ot(this.gl, r, i, e, s);
   }
   /**
    * Batch-set uniforms via a plain value map.
@@ -1457,15 +1502,15 @@ class Tt {
   setAttribute(t) {
     const e = this.attributeLoc[t.name];
     if (e === void 0) return;
-    const i = this.gl;
-    i.vertexAttribPointer(
+    const r = this.gl;
+    r.vertexAttribPointer(
       e,
       t.size,
       t.type ?? Nt,
       t.normalized ?? !1,
       t.stride,
       t.offset ?? 0
-    ), i.enableVertexAttribArray(e), Lt(i, e, t.divisor ?? 0);
+    ), r.enableVertexAttribArray(e), Lt(r, e, t.divisor ?? 0);
   }
   /** Bind all vertex attribute pointers at once */
   setAttributes(t) {
@@ -1479,79 +1524,79 @@ class Tt {
   }
   /** Parse attribute/uniform names and GLSL types from raw shader source */
   parseShader(t) {
-    const e = this.gl, i = t.match(/(?:in|attribute)\s+\w+\s+\w+/g);
-    if (i)
-      for (const n of i) {
-        const o = n.split(/\s+/)[2], h = e.getAttribLocation(this.program, o);
+    const e = this.gl, r = t.match(/(?:in|attribute)\s+\w+\s+\w+/g);
+    if (r)
+      for (const s of r) {
+        const o = s.split(/\s+/)[2], h = e.getAttribLocation(this.program, o);
         h !== -1 && (this.attributeLoc[o] = h);
       }
-    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+\]$/, ""), c = e.getUniformLocation(this.program, h);
+    const i = t.match(/uniform\s+\w+\s+\w+(?:\[\d+\])?/g);
+    if (i)
+      for (const s of i) {
+        const a = s.split(/\s+/), o = a[1], h = a[2].replace(/\[\d+\]$/, ""), c = e.getUniformLocation(this.program, h);
         c !== null && (this.uniformLoc[h] = c, this.uniformType[h] = o, this.uniformIsArray[h] = /\[\d+\]$/.test(a[2]));
       }
   }
 }
-function It(s, t, e, i, r = !1) {
+function Ot(n, t, e, r, i = !1) {
   switch (e) {
     // scalars
     case "float":
-      return s.uniform1f(t, i);
+      return n.uniform1f(t, r);
     case "int":
     case "bool":
     case "sampler2D":
     case "samplerCube":
-      return r ? s.uniform1iv(t, i) : s.uniform1i(t, i);
+      return i ? n.uniform1iv(t, r) : n.uniform1i(t, r);
     // float vectors
     case "vec2":
-      return s.uniform2fv(t, i);
+      return n.uniform2fv(t, r);
     case "vec3":
-      return s.uniform3fv(t, i);
+      return n.uniform3fv(t, r);
     case "vec4":
-      return s.uniform4fv(t, i);
+      return n.uniform4fv(t, r);
     // int / bool vectors
     case "ivec2":
     case "bvec2":
-      return s.uniform2iv(t, i);
+      return n.uniform2iv(t, r);
     case "ivec3":
     case "bvec3":
-      return s.uniform3iv(t, i);
+      return n.uniform3iv(t, r);
     case "ivec4":
     case "bvec4":
-      return s.uniform4iv(t, i);
+      return n.uniform4iv(t, r);
     // matrices (column-major, transpose = false)
     case "mat2":
-      return s.uniformMatrix2fv(t, !1, i);
+      return n.uniformMatrix2fv(t, !1, r);
     case "mat3":
-      return s.uniformMatrix3fv(t, !1, i);
+      return n.uniformMatrix3fv(t, !1, r);
     case "mat4":
-      return s.uniformMatrix4fv(t, !1, i);
+      return n.uniformMatrix4fv(t, !1, r);
     // fallback: guess by value shape
     default:
-      return Wt(s, t, i);
+      return Ft(n, t, r);
   }
 }
-function Wt(s, t, e) {
+function Ft(n, t, e) {
   if (typeof e == "number")
-    return s.uniform1f(t, e);
-  const i = e;
-  switch (i.length) {
+    return n.uniform1f(t, e);
+  const r = e;
+  switch (r.length) {
     case 2:
-      return s.uniform2fv(t, i);
+      return n.uniform2fv(t, r);
     case 3:
-      return s.uniform3fv(t, i);
+      return n.uniform3fv(t, r);
     case 4:
-      return s.uniform4fv(t, i);
+      return n.uniform4fv(t, r);
     case 9:
-      return s.uniformMatrix3fv(t, !1, i);
+      return n.uniformMatrix3fv(t, !1, r);
     case 16:
-      return s.uniformMatrix4fv(t, !1, i);
+      return n.uniformMatrix4fv(t, !1, r);
     default:
-      return s.uniform1fv(t, i);
+      return n.uniform1fv(t, r);
   }
 }
-class ot {
+class ct {
   /** Custom vertex shader code */
   vs;
   /** Custom fragment shader code */
@@ -1569,8 +1614,8 @@ class ot {
   /** Padding in pixels this shader needs beyond the sprite bounds (for outline/glow effects) */
   padding = 0;
   rapid;
-  constructor(t, e, i, r = 0, n) {
-    this.vs = e, this.fs = i, this.rapid = t, this.uniforms = n ?? {}, this.usedTextureUnitNum = r;
+  constructor(t, e, r, i = 0, s) {
+    this.vs = e, this.fs = r, this.rapid = t, this.uniforms = s ?? {}, this.usedTextureUnitNum = i;
   }
   /**
    * Updates uniform values or textures for the custom shader.
@@ -1578,12 +1623,12 @@ class ot {
    */
   setUniforms(t) {
     this.rapid.flush();
-    const e = {}, i = {};
-    for (const [r, n] of Object.entries(t))
-      n instanceof WebGLTexture ? i[r] = n : e[r] = n;
-    Object.assign(this.uniforms, e), Object.assign(this.uniformTextures, i);
-    for (const r of this.glshader.keys())
-      this.uniformDirty.add(r);
+    const e = {}, r = {};
+    for (const [i, s] of Object.entries(t))
+      s instanceof WebGLTexture ? r[i] = s : e[i] = s;
+    Object.assign(this.uniforms, e), Object.assign(this.uniformTextures, r);
+    for (const i of this.glshader.keys())
+      this.uniformDirty.add(i);
   }
   /**
    * Sets the padding (in pixels) for this shader and propagates to all compiled GLShaders.
@@ -1602,8 +1647,8 @@ class ot {
    * @param textureUniforms Map of texture uniform names to assigned texture unit indices.
    */
   applyUniform(t, e) {
-    const i = this.glshader.get(t);
-    i && (Object.keys(e).length > 0 && i.setUniforms(e), this.uniformDirty.has(t) && (i.setUniforms(this.uniforms), this.uniformDirty.delete(t)));
+    const r = this.glshader.get(t);
+    r && (Object.keys(e).length > 0 && r.setUniforms(e), this.uniformDirty.has(t) && (r.setUniforms(this.uniforms), this.uniformDirty.delete(t)));
   }
   /**
    * Retrieves or compiles a customized GLShader for a specific region.
@@ -1613,17 +1658,17 @@ class ot {
    * @param baseFS The base fragment shader template.
    * @returns The combined and compiled GLShader.
    */
-  getGLShader(t, e, i, r) {
+  getGLShader(t, e, r, i) {
     if (this.glshader.has(e))
       return this.glshader.get(e);
-    if (r == null || i == null)
+    if (i == null || r == null)
       return console.warn("CustomGlShader: missing base shader for " + e), null;
-    i = i.replace("// CUSTOM_CODE_CALL", "vertex(position, vRegion);"), r = r.replace("// CUSTOM_CODE_CALL", "fragment(fragColor);"), i = i.replace("// CUSTOM_CODE", this.vs), r = r.replace("// CUSTOM_CODE", this.fs);
-    const n = t.createShader(i, r);
-    return n.isCustom = !0, n.padding = this.padding, this.glshader.set(e, n), this.uniformDirty.add(e), n;
+    r = r.replace("// CUSTOM_CODE_CALL", "vertex(position, vRegion);"), i = i.replace("// CUSTOM_CODE_CALL", "fragment(fragColor);"), r = r.replace("// CUSTOM_CODE", this.vs), i = i.replace("// CUSTOM_CODE", this.fs);
+    const s = t.createShader(r, i);
+    return s.isCustom = !0, s.padding = this.padding, this.glshader.set(e, s), this.uniformDirty.add(e), s;
   }
 }
-class yt {
+class Et {
   constructor(t) {
     this.rapid = t, this.gl = t.gl, this.maxTextureUnits = t.maxTextureUnits, this.matrixStore = t.matrix;
   }
@@ -1653,17 +1698,17 @@ class yt {
       (t, e) => e
     );
   }
-  findTextureUnit(t, e = 0, i = 0) {
-    for (let r = 0; r < this.usedTextures.length; r++) {
-      const n = r * 2;
-      if (this.usedTextures[r] === t && this.usedTexturePadding[n] === e && this.usedTexturePadding[n + 1] === i)
-        return r;
+  findTextureUnit(t, e = 0, r = 0) {
+    for (let i = 0; i < this.usedTextures.length; i++) {
+      const s = i * 2;
+      if (this.usedTextures[i] === t && this.usedTexturePadding[s] === e && this.usedTexturePadding[s + 1] === r)
+        return i;
     }
     return -1;
   }
-  useTexture(t, e = 0, i = 0) {
-    const r = this.findTextureUnit(t, e, i);
-    return r == -1 ? (this.freeTextureUnitNum === 0 && this.flush(), this.usedTextures.push(t), this.usedTexturePadding.push(e), this.usedTexturePadding.push(i), this.usedTextures.length - 1) : r;
+  useTexture(t, e = 0, r = 0) {
+    const i = this.findTextureUnit(t, e, r);
+    return i == -1 ? (this.freeTextureUnitNum === 0 && this.flush(), this.usedTextures.push(t), this.usedTexturePadding.push(e), this.usedTexturePadding.push(r), this.usedTextures.length - 1) : i;
   }
   createShader(t, e) {
     return new Tt(this.gl, t, e);
@@ -1674,7 +1719,7 @@ class yt {
   getCustomShader(t) {
     if (!t)
       return this.defaultShader;
-    if (t instanceof ot) {
+    if (t instanceof ct) {
       const e = this.createCustomShader(t);
       return e ?? this.defaultShader;
     }
@@ -1689,7 +1734,7 @@ class yt {
     return this.isDefaultShader && !t ? !0 : this.getCustomShader(t) == this.currentShader;
   }
   enter(t) {
-    this.resetRender(), this.currentShader = this.getCustomShader(t), t instanceof ot ? (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 ct ? (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);
@@ -1703,20 +1748,20 @@ class yt {
   prepareRender() {
     const t = this.currentShader;
     if (t.use(), this.customShader) {
-      const i = this.customShader, r = {};
-      for (const n in i.uniformTextures)
-        r[n] = this.useTexture(i.uniformTextures[n]);
-      this.customShader.applyUniform(this.KEY, r);
+      const r = this.customShader, i = {};
+      for (const s in r.uniformTextures)
+        i[s] = this.useTexture(r.uniformTextures[s]);
+      this.customShader.applyUniform(this.KEY, i);
     }
     const e = this.gl;
-    for (let i = 0; i < this.usedTextures.length; i++)
-      e.activeTexture(e.TEXTURE0 + i), e.bindTexture(e.TEXTURE_2D, this.usedTextures[i]);
+    for (let r = 0; r < this.usedTextures.length; r++)
+      e.activeTexture(e.TEXTURE0 + r), e.bindTexture(e.TEXTURE_2D, this.usedTextures[r]);
     t.setUniform("uTextures", Int32Array.from(
       { length: this.usedTextures.length },
-      (i, r) => r
+      (r, i) => i
     )), t.setUniform("uPadding", Float32Array.from(
       { length: this.usedTexturePadding.length },
-      (i, r) => this.usedTexturePadding[r]
+      (r, i) => this.usedTexturePadding[i]
     ));
   }
   resetRender() {
@@ -1726,8 +1771,8 @@ class yt {
     return !1;
   }
 }
-const $ = `#version 300 es\r
-precision mediump float;\r
+const Z = `#version 300 es\r
+precision highp float;\r
 \r
 // per-vertex\r
 in vec2 aVertex;\r
@@ -1774,7 +1819,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * position;\r
 }\r
-`, ct = `#version 300 es\r
+`, ut = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -1814,7 +1859,7 @@ vec4 sampleTextureLocal(vec2 uv){\r
 // CUSTOM_CODE\r
 \r
 void main(void) {\r
-    fragColor = sampleTexture(vRegion);\r
+    fragColor = sampleTexture(vRegion) * vColor;\r
     // if (vPadding.x != 0.0) {\r
     //     if (clampUV(vRegion)) {\r
     //         fragColor = vec4(0.0, 0.0, 0.0, 0.0);\r
@@ -1823,8 +1868,8 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, V = 48, Ft = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
-class rt extends yt {
+`, j = 48, Wt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
+class at extends Et {
   instanceBuffer;
   quadBuffer;
   instanceCount = 0;
@@ -1836,29 +1881,29 @@ class rt extends yt {
   }
   createBuffer() {
     const t = this.gl;
-    this.quadBuffer = new Q(t, O.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
-    for (const e of Ft) this.quadBuffer.pushFloat32(e);
-    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new Q(t, O.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
+    this.quadBuffer = new et(t, U.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
+    for (const e of Wt) this.quadBuffer.pushFloat32(e);
+    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new et(t, U.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
   }
   createDefaultShader() {
-    const t = this.rapid, e = W(ct, t.maxTextureUnits), i = W($, t.maxTextureUnits);
-    return this.vs = i, this.fs = e, this.defaultShader = this.createShader(i, e), this.defaultShader;
+    const t = this.rapid, e = G(ut, t.maxTextureUnits), r = G(Z, t.maxTextureUnits);
+    return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, 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: 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: et, normalized: !0, stride: V, offset: 40, divisor: 1 },
-      { name: "aTextureId", size: 1, type: et, stride: V, offset: 44, divisor: 1 }
-    ]), this.quadBuffer.bindBuffer(), i.setAttributes([
+    const r = super.createShader(t, e);
+    return r.use(), r.bindVAO(), this.instanceBuffer.bindBuffer(), r.setAttributes([
+      { name: "aMatrixRow0", size: 3, stride: j, offset: 0, divisor: 1 },
+      { name: "aMatrixRow1", size: 3, stride: j, offset: 12, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: j, offset: 24, divisor: 1 },
+      { name: "aColor", size: 4, type: st, normalized: !0, stride: j, offset: 40, divisor: 1 },
+      { name: "aTextureId", size: 1, type: st, stride: j, offset: 44, divisor: 1 }
+    ]), this.quadBuffer.bindBuffer(), r.setAttributes([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
-    ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
+    ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
   createCustomShader(t) {
-    const e = W(ct, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = W($, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
-    return t.getGLShader(this, this.KEY, i, e);
+    const e = G(ut, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = G(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    return t.getGLShader(this, this.KEY, r, e);
   }
   /**
    * Draws a textured sprite via instanced rendering to significantly improve performance.
@@ -1872,45 +1917,45 @@ class rt extends yt {
    * @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, c = 0, u = !1, f = !1, l = !1) {
-    const p = e * 6, x = this.matrixStore.data;
+  drawSprite(t, e, r = 0, i = 0, s = 1, a = 1, o = 4294967295, h = 0, c = 0, u = !1, l = !1, d = !1) {
+    const f = 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,
+      x[f],
+      x[f + 1],
+      x[f + 2],
+      x[f + 3],
+      x[f + 4],
+      x[f + 5],
       r,
-      n,
+      i,
+      s,
       a,
       o,
       h,
       c,
       u,
-      f,
-      l
+      l,
+      d
     );
   }
-  drawSpriteAffine(t, e, i, r, n, a, o, h = 0, c = 0, u = 1, f = 1, l = 4294967295, p = 0, x = 0, g = !1, T = !1, y = !1) {
-    const w = t.base, M = t.scale ?? 1, A = t.rawWidth, F = t.rawHeight, I = t.offsetX, N = t.offsetY, S = this.useTexture(
+  drawSpriteAffine(t, e, r, i, s, a, o, h = 0, c = 0, u = 1, l = 1, d = 4294967295, f = 0, x = 0, g = !1, v = !1, T = !1) {
+    const A = t.base, R = t.scale ?? 1, S = t.rawWidth, P = t.rawHeight, H = t.offsetX, X = t.offsetY, B = this.useTexture(
       t.glTexture,
-      p / M / w.width,
-      x / M / w.height
-    ), R = this.instanceBuffer, b = R.usedElemNum;
-    R.resize(12);
-    const U = R.float32, L = R.uint32, j = (y ? F : A) * M, q = (y ? A : F) * M, G = j + 2 * p, H = q + 2 * x, nt = I - p, at = N - x, E = this.localSpriteMatrix;
-    y ? (E[0] = 0, E[1] = T ? H : -H, E[2] = g ? -G : G, E[3] = 0, E[4] = nt + (g ? G : 0), E[5] = at + (T ? 0 : H)) : (E[0] = g ? -G : G, E[1] = 0, E[2] = 0, E[3] = T ? -H : H, E[4] = nt + (g ? G : 0), E[5] = at + (T ? H : 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] = S, 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], R.usedElemNum += 12, R.makeDirty(), this.instanceCount++;
+      f / R / A.width,
+      x / R / A.height
+    ), N = this.instanceBuffer, b = N.usedElemNum;
+    N.resize(12);
+    const _ = N.float32, W = N.uint32, D = (T ? P : S) * R, k = (T ? S : P) * R, I = D + 2 * f, M = k + 2 * x, L = H - f, z = X - x, y = this.localSpriteMatrix;
+    T ? (y[0] = 0, y[1] = v ? M : -M, y[2] = g ? -I : I, y[3] = 0, y[4] = L + (g ? I : 0), y[5] = z + (v ? 0 : M)) : (y[0] = g ? -I : I, y[1] = 0, y[2] = 0, y[3] = v ? -M : M, y[4] = L + (g ? I : 0), y[5] = z + (v ? M : 0));
+    const w = this.worldSpriteMatrix;
+    w[0] = e * y[0] + i * y[1], w[1] = r * y[0] + s * y[1], w[2] = e * y[2] + i * y[3], w[3] = r * y[2] + s * y[3], w[4] = a + e * y[4] + i * y[5], w[5] = o + r * y[4] + s * y[5], _[b + 6] = h, _[b + 7] = c, _[b + 8] = u, _[b + 9] = l, W[b + 10] = d, W[b + 11] = B, this.rapid.roundPixels && (w[4] = Math.round(w[4]), w[5] = Math.round(w[5])), _[b] = w[0], _[b + 1] = w[2], _[b + 2] = w[4], _[b + 3] = w[1], _[b + 4] = w[3], _[b + 5] = w[5], N.usedElemNum += 12, N.makeDirty(), this.instanceCount++;
   }
   render() {
     if (this.instanceCount === 0) return;
     this.prepareRender();
     const t = this.gl, e = this.currentShader;
-    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), vt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
+    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), yt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
   }
   resetRender() {
     super.resetRender(), this.instanceBuffer.clear(), this.instanceCount = 0;
@@ -1919,8 +1964,8 @@ class rt extends yt {
     return this.instanceCount > 0;
   }
 }
-const Dt = `#version 300 es\r
-precision mediump float;\r
+const Bt = `#version 300 es\r
+precision highp float;\r
 \r
 in vec2 aPosition;\r
 in vec4 aColor;\r
@@ -1950,7 +1995,7 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
     gl_Position = u_projection * position;\r
 }\r
-`, Bt = `#version 300 es\r
+`, Dt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec4 vColor;\r
@@ -1970,9 +2015,9 @@ bool clampUV(vec2 uv) {\r
 \r
 vec4 sampleTexture(vec2 uv) {\r
     if (uUseTexture > 0) {\r
-        return texture(uTexture, uv) * vColor;\r
+        return texture(uTexture, uv);\r
     }\r
-    return vColor;\r
+    return vec4(1,1,1,1);\r
 }\r
 \r
 vec4 sampleClampTexture(vec2 uv) {\r
@@ -1993,11 +2038,11 @@ vec4 sampleTextureLocal(vec2 uv) {\r
 // CUSTOM_CODE\r
 \r
 void main(void) {\r
-    fragColor = sampleTexture(vRegion);\r
+    fragColor = sampleTexture(vRegion) * vColor;\r
     // CUSTOM_CODE_CALL\r
 }\r
 `, kt = `#version 300 es\r
-precision mediump float;\r
+precision highp float;\r
 \r
 in vec2 aPosition;\r
 in vec2 aUV;\r
@@ -2039,8 +2084,8 @@ void main(void) {\r
         discard;\r
     }\r
 }\r
-`, z = 20;
-class Ht extends yt {
+`, $ = 20;
+class Ht extends Et {
   vertexBuffer;
   vertexCount = 0;
   matrixIndex = -1;
@@ -2053,25 +2098,25 @@ class Ht extends yt {
   }
   createBuffer() {
     const t = this.gl;
-    this.vertexBuffer = new Q(t, O.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(kt, Gt);
+    this.vertexBuffer = new et(t, U.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(kt, Gt);
   }
   createDefaultShader() {
-    return this.vs = Dt, this.fs = Bt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
+    return this.vs = Bt, this.fs = Dt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
   }
   createMaskShader(t, e) {
-    const i = this.gl, r = new Tt(i, t, e);
-    return r.use(), r.bindVAO(), this.vertexBuffer.bindBuffer(), r.setAttributes([
-      { name: "aPosition", size: 2, type: i.FLOAT, stride: z - 4, offset: 0, divisor: 0 },
-      { name: "aUV", size: 2, type: i.FLOAT, stride: z - 4, offset: 8, divisor: 0 }
-    ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
+    const r = this.gl, i = new Tt(r, t, e);
+    return i.use(), i.bindVAO(), this.vertexBuffer.bindBuffer(), i.setAttributes([
+      { name: "aPosition", size: 2, type: r.FLOAT, stride: $ - 4, offset: 0, divisor: 0 },
+      { name: "aUV", size: 2, type: r.FLOAT, stride: $ - 4, offset: 8, divisor: 0 }
+    ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   createShader(t, e) {
-    const 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: z, offset: 0, divisor: 0 },
-      { name: "aColor", size: 4, type: i.UNSIGNED_BYTE, normalized: !0, stride: z, offset: 8, divisor: 0 },
-      { name: "aUV", size: 2, type: i.FLOAT, stride: z, offset: 12, divisor: 0 }
-    ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
+    const r = this.gl, i = super.createShader(t, e);
+    return i.use(), i.bindVAO(), this.vertexBuffer.bindBuffer(), i.setAttributes([
+      { name: "aPosition", size: 2, type: r.FLOAT, stride: $, offset: 0, divisor: 0 },
+      { name: "aColor", size: 4, type: r.UNSIGNED_BYTE, normalized: !0, stride: $, offset: 8, divisor: 0 },
+      { name: "aUV", size: 2, type: r.FLOAT, stride: $, offset: 12, divisor: 0 }
+    ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   /**
    * Begins a new polygon drawing sequence. Must be followed by addVertex() calls and endGraphic().
@@ -2079,8 +2124,8 @@ class Ht extends yt {
    * @param drawMode The WebGL drawing primitive mode (e.g., gl.TRIANGLES).
    * @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.texture?.glTexture && this.useTexture(this.texture.glTexture, 0, 0);
+  startGraphic(t, e = this.gl.TRIANGLES, r) {
+    this.vertexBuffer.clear(), this.vertexCount = 0, this.matrixIndex = t, this.drawMode = e, this.texture = r, this.texture?.glTexture && this.useTexture(this.texture.glTexture, 0, 0);
   }
   /**
    * Adds a vertex to the current polygon. Local coordinates and color settings.
@@ -2090,22 +2135,22 @@ class Ht extends yt {
    * @param v UV mapped Y value (0-1, default 0).
    * @param color Pre-multiplied hex color combined using ABGR byte order (default 0xFFFFFFFF).
    */
-  addVertex(t, e, i = 0, r = 0, n = 4294967295) {
+  addVertex(t, e, r = 0, i = 0, s = 4294967295) {
     const a = this.vertexBuffer;
-    a.pushFloat32(t), a.pushFloat32(e), this.currentShader != this.maskShader && a.pushUint32(n), a.pushFloat32(i), a.pushFloat32(r), this.vertexCount++, this.vertexBuffer.makeDirty();
+    a.pushFloat32(t), a.pushFloat32(e), this.currentShader != this.maskShader && a.pushUint32(s), a.pushFloat32(r), a.pushFloat32(i), this.vertexCount++, this.vertexBuffer.makeDirty();
   }
   /**
    * Finishes the graphic construction and dispatches the rendering call immediately.
    */
   endGraphic() {
-    this.render();
+    this.flush();
   }
   render() {
     if (this.vertexCount === 0) return;
     this.prepareRender();
-    const t = this.gl, e = this.currentShader, i = this.matrixIndex * 6, r = this.matrixStore.data;
-    let n = r[i + 4], a = r[i + 5];
-    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(
+    const t = this.gl, e = this.currentShader, r = this.matrixIndex * 6, i = this.matrixStore.data;
+    let s = i[r + 4], a = i[r + 5];
+    this.rapid.roundPixels && (s = Math.round(s), a = Math.round(a)), e.setUniform("uMatrixRow0", [i[r], i[r + 2], s]), e.setUniform("uMatrixRow1", [i[r + 1], i[r + 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 = void 0;
@@ -2114,15 +2159,15 @@ class Ht extends yt {
     return !1;
   }
 }
-class d {
+class p {
   x;
   y;
-  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);
+  static ZERO = new p(0, 0);
+  static ONE = new p(1, 1);
+  static UP = new p(0, 1);
+  static DOWN = new p(0, -1);
+  static LEFT = new p(-1, 0);
+  static RIGHT = new p(1, 0);
   constructor(t, e) {
     this.x = t !== void 0 ? t : 0, this.y = e !== void 0 ? e : 0;
   }
@@ -2130,22 +2175,22 @@ class d {
     return e === void 0 ? (this.x = t, this.y = t) : (this.x = t, this.y = e), this;
   }
   add(t) {
-    return new d(this.x + t.x, this.y + t.y);
+    return new p(this.x + t.x, this.y + t.y);
   }
   subtract(t) {
-    return new d(this.x - t.x, this.y - t.y);
+    return new p(this.x - t.x, this.y - t.y);
   }
   sub(t) {
-    return new d(this.x - t.x, this.y - t.y);
+    return new p(this.x - t.x, this.y - t.y);
   }
   multiply(t) {
-    return t instanceof d ? new d(this.x * t.x, this.y * t.y) : new d(this.x * t, this.y * t);
+    return t instanceof p ? new p(this.x * t.x, this.y * t.y) : new p(this.x * t, this.y * t);
   }
   mul(t) {
     return this.multiply(t);
   }
   divide(t) {
-    return t instanceof d ? new d(this.x / t.x, this.y / t.y) : new d(this.x / t, this.y / t);
+    return t instanceof p ? new p(this.x / t.x, this.y / t.y) : new p(this.x / t, this.y / t);
   }
   dot(t) {
     return this.x * t.x + this.y * t.y;
@@ -2154,17 +2199,17 @@ class d {
     return this.x * t.y - this.y * t.x;
   }
   distanceTo(t) {
-    const e = this.x - t.x, i = this.y - t.y;
-    return Math.sqrt(e * e + i * i);
+    const e = this.x - t.x, r = this.y - t.y;
+    return Math.sqrt(e * e + r * r);
   }
   clone() {
-    return new d(this.x, this.y);
+    return new p(this.x, this.y);
   }
   to(t) {
     this.x = t.x, this.y = t.y;
   }
   copy() {
-    return new d(this.x, this.y);
+    return new p(this.x, this.y);
   }
   equals(t) {
     return t.x == this.x && t.y == this.y;
@@ -2177,7 +2222,7 @@ class d {
     return this.x = -this.x, this.y = -this.y, this;
   }
   inverted() {
-    return new d(this.x * -1, this.y * -1);
+    return new p(this.x * -1, this.y * -1);
   }
   length() {
     return Math.sqrt(this.x * this.x + this.y * this.y);
@@ -2191,13 +2236,13 @@ class d {
   }
   normalized() {
     const t = this.length();
-    return new d(this.x / t || 0, this.y / t || 0);
+    return new p(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 d(
+    return new p(
       Math.abs(this.x) < t ? 0 : this.x,
       Math.abs(this.y) < t ? 0 : this.y
     );
@@ -2206,13 +2251,13 @@ class d {
     return Math.atan2(this.y, this.x);
   }
   abs() {
-    return new d(Math.abs(this.x), Math.abs(this.y));
+    return new p(Math.abs(this.x), Math.abs(this.y));
   }
   floor() {
-    return new d(Math.floor(this.x), Math.floor(this.y));
+    return new p(Math.floor(this.x), Math.floor(this.y));
   }
   ceil() {
-    return new d(Math.ceil(this.x), Math.ceil(this.y));
+    return new p(Math.ceil(this.x), Math.ceil(this.y));
   }
   stringify() {
     return `Vec2(${this.x}, ${this.y})`;
@@ -2233,236 +2278,242 @@ class d {
     return this.x = Math.cos(t) * e, this.y = Math.sin(t) * e, this;
   }
   static FromArray(t) {
-    return t.map((e) => new d(e[0], e[1]));
+    return t.map((e) => new p(e[0], e[1]));
   }
   static fromAngle(t) {
-    return new d(Math.cos(t), Math.sin(t));
+    return new p(Math.cos(t), Math.sin(t));
   }
 }
-const Vt = (s, t) => {
-  const [e, i, r, n, a, o] = t, h = new Float32Array([
+const Vt = (n, t) => {
+  const [e, r, i, s, a, o] = t, h = new Float32Array([
     e,
-    n,
-    0,
-    0,
     i,
-    a,
     0,
     0,
     r,
-    o,
-    1,
+    s,
     0,
     0,
     0,
     0,
+    1,
+    0,
+    a,
+    o,
+    0,
     1
   ]);
-  return zt(s, h);
-}, zt = (s, t) => {
+  return Yt(h, n);
+}, Yt = (n, 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 r = 0; r < 4; r++)
+    for (let i = 0; i < 4; i++) {
+      let s = 0;
       for (let a = 0; a < 4; a++)
-        n += s[r * 4 + a] * t[a * 4 + i];
-      e[r * 4 + i] = n;
+        s += n[i * 4 + a] * t[a * 4 + r];
+      e[i * 4 + r] = s;
     }
   return e;
 };
-var Yt = /* @__PURE__ */ ((s) => (s[s.STRETCH = 0] = "STRETCH", s[s.REPEAT = 1] = "REPEAT", s))(Yt || {});
-const Z = 10, ut = (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 < Z; f++) {
-    const l = f / Z, p = (f + 1) / Z, x = h + l * c, g = h + p * c, T = 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(T)), o.push(new d(r + T.dot(u) * n, 0.5 - 0.5 * T.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));
+var Xt = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))(Xt || {});
+const tt = 10, lt = (n, t, e, r, i, s) => {
+  const a = [], o = [], h = r ? Math.atan2(t.y, t.x) : Math.atan2(-t.y, -t.x), c = Math.PI, u = new p(t.y, -t.x);
+  for (let l = 0; l < tt; l++) {
+    const d = l / tt, f = (l + 1) / tt, x = h + d * c, g = h + f * c, v = new p(Math.cos(x) * e, Math.sin(x) * e), T = new p(Math.cos(g) * e, Math.sin(g) * e);
+    a.push(n), o.push(new p(i, 0.5)), a.push(n.add(v)), o.push(new p(i + v.dot(u) * s, 0.5 - 0.5 * v.dot(t) / e)), a.push(n.add(T)), o.push(new p(i + T.dot(u) * s, 0.5 - 0.5 * T.dot(t) / e));
   }
   return { vertices: a, uv: o };
-}, Xt = (s, t = !1) => {
+}, zt = (n, 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;
+  if (n.length < 2 || t && n.length < 3) return { normals: e, length: 0 };
+  const r = 4, i = 1e-3, s = n.length;
   let a = 0;
   if (t)
-    for (let h = 0; h < n; h++) {
-      const c = s[h], u = s[(h + 1) % n];
+    for (let h = 0; h < s; h++) {
+      const c = n[h], u = n[(h + 1) % s];
       a += c.distanceTo(u);
     }
   else
-    for (let h = 0; h < n - 1; h++)
-      a += s[h].distanceTo(s[h + 1]);
+    for (let h = 0; h < s - 1; h++)
+      a += n[h].distanceTo(n[h + 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 };
+    const l = c.subtract(h).normalize(), d = c.subtract(u).normalize(), f = d.dot(l);
+    if (f < -1 + i)
+      return { normal: l.perpendicular(), miters: 1 };
     {
-      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) };
+      let x = d.add(l).normalize();
+      l.cross(d) < 0 && (x = x.multiply(-1));
+      let g = 1 / Math.sqrt((1 - f) / 2);
+      return { normal: x, miters: Math.min(g, r) };
     }
   };
   if (t)
-    for (let h = 0; h < n; h++) {
-      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));
+    for (let h = 0; h < s; h++) {
+      const c = h === 0 ? n[s - 1] : n[h - 1], u = n[h], l = h === s - 1 ? n[0] : n[h + 1];
+      e.push(o(c, u, l));
     }
   else
-    for (let h = 0; h < n; h++)
+    for (let h = 0; h < s; h++)
       if (h === 0) {
-        const c = s[1].subtract(s[0]).normalize();
+        const c = n[1].subtract(n[0]).normalize();
         e.push({ normal: c.perpendicular(), miters: 1 });
-      } else if (h === n - 1) {
-        const c = s[h].subtract(s[h - 1]).normalize();
+      } else if (h === s - 1) {
+        const c = n[h].subtract(n[h - 1]).normalize();
         e.push({ normal: c.perpendicular(), miters: 1 });
       } else
-        e.push(o(s[h - 1], s[h], s[h + 1]));
+        e.push(o(n[h - 1], n[h], n[h + 1]));
   return { normals: e, length: a };
-}, jt = (s) => {
-  const t = s.points;
+}, jt = (n) => {
+  const t = n.points;
   if (t.length < 2) return { vertices: [], uv: [] };
-  const { normals: e, length: i } = Xt(t, s.closed), r = (s.width || 1) / 2, n = [], a = [], o = s.roundCap || !1, h = s.textureMode || 0;
+  const { normals: e, length: r } = zt(t, n.closed), i = (n.width || 1) / 2, s = [], a = [], o = n.roundCap || !1, h = n.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, T = (l + 1) % t.length, y = t[T], w = e[T].normal, M = e[T].miters, A = p.add(x.multiply(g * r)), F = p.subtract(x.multiply(g * r)), I = y.add(w.multiply(M * r)), N = y.subtract(w.multiply(M * r)), S = p.distanceTo(y);
-    let R = 0, b = 0;
-    h === 0 ? (R = c / i, b = (c + S) / i) : (R = c / u, b = R + S / u);
-    const U = new d(R, 0), L = new d(R, 1), j = new d(b, 0), q = new d(b, 1);
-    n.push(A), a.push(U), n.push(F), a.push(L), n.push(I), a.push(j), n.push(I), a.push(j), n.push(N), a.push(q), n.push(F), a.push(L), c += S;
-  }
-  if (o && !s.closed) {
-    const l = t[0], p = e[0].normal, x = h === 0 ? i > 0 ? 1 / i : 0 : 1 / u, g = ut(l, p, r, !0, 0, x);
-    n.push(...g.vertices), a.push(...g.uv);
-    const T = t[t.length - 1], y = e[t.length - 1].normal, w = h === 0 ? 1 : c / u, M = h === 0 ? i > 0 ? 1 / i : 0 : 1 / u, A = ut(T, y, r, !1, w, M);
-    n.push(...A.vertices), a.push(...A.uv);
-  }
-  return { vertices: n, uv: a };
-}, X = (s, t, e, i, r) => {
-  s.matrixStack.applyTransform(t, e, i);
-  try {
-    r();
-  } finally {
-    t.saveTransform !== !1 && s.matrixStack.restore();
-  }
-}, st = (s, t) => t ? s.premultipliedAlpha ? t.premultipliedUint32 : t.uint32 : 4294967295, $t = 2, Rt = (s, t) => {
-  const e = t.texture;
-  if (!e?.base || s.inCreateMask)
+  const u = n.texture?.rawWidth || 1, l = n.closed ? t.length : t.length - 1;
+  for (let d = 0; d < l; d++) {
+    const f = t[d], x = e[d].normal, g = e[d].miters, v = (d + 1) % t.length, T = t[v], A = e[v].normal, R = e[v].miters, S = f.add(x.multiply(g * i)), P = f.subtract(x.multiply(g * i)), H = T.add(A.multiply(R * i)), X = T.subtract(A.multiply(R * i)), B = f.distanceTo(T);
+    let N = 0, b = 0;
+    h === 0 ? (N = c / r, b = (c + B) / r) : (N = c / u, b = N + B / u);
+    const _ = new p(N, 0), W = new p(N, 1), D = new p(b, 0), k = new p(b, 1);
+    s.push(S), a.push(_), s.push(P), a.push(W), s.push(H), a.push(D), s.push(H), a.push(D), s.push(X), a.push(k), s.push(P), a.push(W), c += B;
+  }
+  if (o && !n.closed) {
+    const d = t[0], f = e[0].normal, x = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, g = lt(d, f, i, !0, 0, x);
+    s.push(...g.vertices), a.push(...g.uv);
+    const v = t[t.length - 1], T = e[t.length - 1].normal, A = h === 0 ? 1 : c / u, R = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, S = lt(v, T, i, !1, A, R);
+    s.push(...S.vertices), a.push(...S.uv);
+  }
+  return { vertices: s, uv: a };
+}, Q = (n, t, e, r) => {
+  if (t.customMatrix !== void 0)
+    return t.customMatrix;
+  if (t.modifyStack) {
+    n.matrixStack.applyTransform(
+      t,
+      e,
+      r
+    );
     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, c = !!t.flipY != !!e.flipY;
-  let u = t.padding ?? i.currentShader.padding;
-  e.isAtlas && (u += $t);
-  const f = r <= a ? u : -u, l = n <= o ? u : -u;
+  } else {
+    const i = n.matrix.temporary;
+    return n.matrixStack.applyTransform(
+      t,
+      e,
+      r,
+      i
+    ), i;
+  }
+}, $t = (n, t) => t ? n ? t.premultipliedUint32 : t.uint32 : 4294967295, Kt = 2, qt = (n, t) => {
+  const e = Q(n, t, t.texture.rawWidth, t.texture.rawHeight), r = t.texture;
+  if (!r?.base || n.inCreateMask)
+    return;
+  const i = r.isAtlas ? n.atlasSpriteRegion : n.spriteRegion;
+  n.enterRegion(i, t.shader);
+  let s = r.uvX, a = r.uvY, o = r.uvW, h = r.uvH;
+  const c = !!t.flipX, u = !!t.flipY != !!r.flipY;
+  let l = t.padding ?? i.currentShader.padding;
+  r.isAtlas && (l += Kt);
+  const d = s <= o ? l : -l, f = a <= h ? l : -l;
   i.drawSprite(
-    e,
-    t.customMatrix ?? s.matrixStack.curWorldM,
     r,
-    n,
+    e ?? t.customMatrix ?? n.matrixStack.curWorldM,
+    s,
     a,
     o,
-    st(s, t.color),
-    f,
-    l,
     h,
+    n.getColorUint32(t.color),
+    d,
+    f,
     c,
-    e.isRotated
+    u,
+    r.isRotated
   );
-}, Kt = (s, t) => {
-  X(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
-    Rt(s, t);
-  });
-}, 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;
+}, Qt = (n, t) => {
+  const e = n.particleRegion;
+  n.enterRegion(e, t.shader);
+  const r = t.texture, i = t.count ?? t.x.length, s = t.color;
   e.drawParticles(
-    i,
+    r,
     t.x,
     t.y,
     t.rotation,
-    o,
-    r,
+    s,
+    i,
     t.scaleX,
     t.scaleY,
-    i.uvX,
-    i.uvY,
-    i.uvW,
-    i.uvH,
+    r.uvX,
+    r.uvY,
+    r.uvW,
+    r.uvH,
     t.flipX,
     t.flipY,
-    t.isRotated,
+    r.isRotated,
     t.originX,
-    t.originY
+    t.originY,
+    n.premultipliedAlpha,
+    t.reverseOrder,
+    t.customMatrix
+  );
+}, Rt = (n, t) => {
+  if (t.points.length === 0) return;
+  const e = Q(n, t, 0, 0);
+  n.startGraphic(
+    t.drawMode ?? n.gl.TRIANGLES,
+    t.texture,
+    t.shader,
+    e ?? t.customMatrix
   );
-}, Et = (s, t) => {
-  t.points.length !== 0 && X(s, t, 0, 0, () => {
-    s.startGraphic(
-      t.drawMode ?? s.gl.TRIANGLES,
-      t.texture,
-      t.shader,
-      t.customMatrix
+  for (let r = 0; r < t.points.length; r++) {
+    const i = t.points[r], s = t.uv?.[r], a = Array.isArray(t.color) ? t.color[r] : t.color;
+    n.addGraphicVertex(
+      i.x,
+      i.y,
+      s?.x ?? 0,
+      s?.y ?? 0,
+      n.getColorUint32(a)
     );
-    for (let e = 0; e < t.points.length; e++) {
-      const i = t.points[e], r = t.uv?.[e], n = Array.isArray(t.color) ? t.color[e] : t.color;
-      s.addGraphicVertex(
-        i.x,
-        i.y,
-        r?.x ?? 0,
-        r?.y ?? 0,
-        st(s, n)
-      );
-    }
-    s.endGraphic();
-  });
-}, Zt = (s, t) => {
-  if (s.inCreateMask)
+  }
+  n.endGraphic();
+}, Zt = (n, t) => {
+  if (n.inCreateMask)
     return;
-  const { vertices: e, uv: i } = jt(t);
-  Et(s, {
+  const { vertices: e, uv: r } = jt(t);
+  Rt(n, {
     ...t,
     points: e,
-    uv: i,
-    drawMode: s.gl.TRIANGLES
-  });
-}, Qt = (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();
-  });
-}, Jt = (s, t) => {
-  X(s, t, t.width, t.height, () => {
-    s.startGraphic(
-      s.gl.TRIANGLE_FAN,
-      t.texture,
-      t.shader,
-      t.customMatrix
-    ), s.addRectVertex(t.width, t.height, t.color), s.endGraphic();
-  });
-}, te = (s, t) => {
-  const e = t.segments ?? 32;
-  X(s, t, 0, 0, () => {
-    s.startGraphic(
-      s.gl.TRIANGLE_FAN,
-      void 0,
-      t.shader,
-      t.customMatrix
-    );
-    const i = st(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();
+    uv: r,
+    drawMode: n.gl.TRIANGLES
   });
-}, lt = `#version 300 es\r
+}, Jt = (n, t) => {
+  const e = Q(
+    n,
+    t,
+    t.texture.rawWidth,
+    t.texture.rawHeight
+  );
+  n.startMaskGraphic(
+    n.gl.TRIANGLE_FAN,
+    t.texture,
+    e ?? t.customMatrix
+  ), n.addRectVertex(t.texture.rawWidth, t.texture.rawHeight), n.endGraphic();
+}, te = (n, t) => {
+  const e = Q(n, t, t.width, t.height);
+  n.startGraphic(
+    n.gl.TRIANGLE_FAN,
+    t.texture,
+    t.shader,
+    e ?? t.customMatrix
+  ), n.addRectVertex(t.width, t.height, t.color), n.endGraphic();
+}, ee = (n, t) => {
+  const e = t.segments ?? 32, r = Q(n, t, 0, 0);
+  n.startGraphic(
+    n.gl.TRIANGLE_FAN,
+    void 0,
+    t.shader,
+    r ?? t.customMatrix
+  );
+  const i = n.getColorUint32(t.color);
+  n.addGraphicVertex(0, 0, 0.5, 0.5, i), n.addCircleVertex(t.radius, t.color, e), n.addGraphicVertex(t.radius, 0, 1, 0.5, i), n.endGraphic();
+}, dt = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -2502,7 +2553,7 @@ vec4 sampleTextureLocal(vec2 uv){\r
 // CUSTOM_CODE\r
 \r
 void main(void) {\r
-    fragColor = sampleClampTexture(vRegion);\r
+    fragColor = sampleClampTexture(vRegion) * vColor;\r
     // if (vPadding.x != 0.0) {\r
     //     if (clampUV(vRegion)) {\r
     //         fragColor = vec4(0.0, 0.0, 0.0, 0.0);\r
@@ -2512,31 +2563,31 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
 }\r
 `;
-class ee extends rt {
+class re extends at {
   KEY = "AtlasSprite";
   constructor(t) {
     super(t);
   }
   createCustomShader(t) {
-    const e = W(lt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = W($, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
-    return t.getGLShader(this, this.KEY, i, e);
+    const e = G(dt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = G(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    return t.getGLShader(this, this.KEY, r, e);
   }
   createDefaultShader() {
-    const t = this.rapid, e = W(lt, t.maxTextureUnits), i = W($, t.maxTextureUnits);
-    return this.vs = i, this.fs = e, this.defaultShader = this.createShader(i, e), this.defaultShader;
+    const t = this.rapid, e = G(dt, t.maxTextureUnits), r = G(Z, t.maxTextureUnits);
+    return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
   }
 }
-const dt = `#version 300 es\r
-precision mediump float;\r
+const ft = `#version 300 es\r
+precision highp float;\r
 \r
 // per-vertex\r
 in vec2 aVertex;\r
 \r
 // per-instance: 变换\r
 in vec2 aPosition;\r
-in vec2 aScale;
-in float aRotation;
-in vec2 aOrigin;
+in vec2 aScale;\r
+in float aRotation;\r
+in vec2 aOrigin;\r
 \r
 // per-instance：UV 区域 (u0, v0, u1, v1)\r
 in vec4 aUVRect;\r
@@ -2556,7 +2607,7 @@ void main(void) {\r
     vRegion = aUVRect.xy + aVertex * (aUVRect.zw - aUVRect.xy);\r
     // CUSTOM_CODE_CALL\r
 \r
-    vec2 scaled = (aVertex - aOrigin) * aScale;
+    vec2 scaled = (aVertex - aOrigin) * aScale;\r
     float c = cos(aRotation);\r
     float s = sin(aRotation);\r
 \r
@@ -2567,7 +2618,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * vec4(v, 0.0, 1.0);\r
 }\r
-`, ft = `#version 300 es\r
+`, mt = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTexture;\r
@@ -2583,52 +2634,67 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, D = 48, mt = D / 4;
-class ie extends rt {
+`, V = 48, xt = V / 4;
+class ie extends at {
   KEY = "ParticleSprite";
   texture;
+  customMatrix;
   constructor(t) {
     super(t);
   }
   createCustomShader(t) {
-    return t.getGLShader(this, this.KEY, dt, ft);
+    return t.getGLShader(this, this.KEY, ft, mt);
   }
   createDefaultShader() {
-    const t = ft, e = dt;
+    const t = mt, e = ft;
     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: D, offset: 0, divisor: 1 },
-      { name: "aScale", size: 2, stride: D, offset: 8, divisor: 1 },
-      { name: "aRotation", size: 1, stride: D, offset: 16, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: D, offset: 20, divisor: 1 },
-      { name: "aColor", size: 4, type: et, normalized: !0, stride: D, offset: 36, divisor: 1 },
-      { name: "aOrigin", size: 2, stride: D, offset: 40, divisor: 1 }
-    ]), this.quadBuffer.bindBuffer(), i.setAttributes([
+    const r = super.createShader(t, e);
+    return r.use(), r.bindVAO(), this.instanceBuffer.bindBuffer(), r.setAttributes([
+      { name: "aPosition", size: 2, stride: V, offset: 0, divisor: 1 },
+      { name: "aScale", size: 2, stride: V, offset: 8, divisor: 1 },
+      { name: "aRotation", size: 1, stride: V, offset: 16, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: V, offset: 20, divisor: 1 },
+      { name: "aColor", size: 4, type: st, normalized: !0, stride: V, offset: 36, divisor: 1 },
+      { name: "aOrigin", size: 2, stride: V, offset: 40, divisor: 1 }
+    ]), this.quadBuffer.bindBuffer(), r.setAttributes([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
-    ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
+    ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
-  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, T = 0.5, y = 0.5) {
+  drawParticles(t, e, r, i = 0, s = 4294967295, a, o = 1, h = 1, c = 0, u = 0, l = 1, d = 1, f = !1, x = !1, g = !1, v = 0.5, T = 0.5, A, R = !1, S) {
     if (!t.glTexture || a <= 0) return;
-    let w = 0;
-    const M = t.rawWidth * o * (p ? -1 : 1), A = t.rawHeight * h * (x ? -1 : 1), F = g ? Math.PI / 2 : 0;
-    for (; w < a; ) {
+    let P = 0;
+    const H = typeof o == "number", X = typeof h == "number", B = typeof i == "number", N = typeof s == "number", b = !N && typeof s[0] == "number";
+    let _ = t.rawWidth * (f ? -1 : 1);
+    H && (_ *= o);
+    let W = t.rawHeight * (x ? -1 : 1);
+    X && (W *= h);
+    let D = g ? Math.PI / 2 : 0;
+    for (B && (D += i); P < a; ) {
       this.texture && t !== this.texture && this.flush(), this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
-      const I = a - w, N = this.instanceBuffer;
-      let S = N.usedElemNum;
-      N.resize(I * mt);
-      const R = N.float32, b = N.uint32;
-      for (let U = 0; U < I; U++) {
-        const L = w + U;
-        R[S] = e[L], R[S + 1] = i[L], R[S + 2] = M, R[S + 3] = A, R[S + 4] = r[L] + F, R[S + 5] = c, R[S + 6] = u, R[S + 7] = f, R[S + 8] = l, b[S + 9] = n[L], R[S + 10] = T, R[S + 11] = y, S += mt;
+      const k = a - P, I = this.instanceBuffer;
+      let M = I.usedElemNum;
+      I.resize(k * xt);
+      const L = I.float32, z = I.uint32;
+      for (let y = 0; y < k; y++) {
+        const w = R ? a - 1 - P - y : P + y;
+        if (L[M] = e[w], L[M + 1] = r[w], L[M + 2] = H ? _ : _ * o[w], L[M + 3] = X ? W : W * h[w], L[M + 4] = B ? D : i[w] + D, L[M + 5] = c, L[M + 6] = u, L[M + 7] = l, L[M + 8] = d, N)
+          z[M + 9] = 4294967295;
+        else if (b)
+          z[M + 9] = s[w];
+        else {
+          const ht = s[w];
+          z[M + 9] = A ? ht.premultipliedUint32 : ht.uint32;
+        }
+        L[M + 10] = v, L[M + 11] = T, M += xt;
       }
-      N.usedElemNum = S, N.makeDirty(), this.instanceCount += I, w += I;
+      I.usedElemNum = M, I.makeDirty(), this.instanceCount += k, P += k;
     }
+    this.customMatrix = S, this.flush();
   }
   render() {
     if (this.instanceCount === 0) return;
@@ -2637,11 +2703,11 @@ class ie extends rt {
     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 = this.rapid.matrixStack, n = this.rapid.matrix.getMatrix(i.curWorldM), a = Vt(this.rapid.projection, n);
-    this.currentShader.setUniform("u_projection", a), this.currentShader.setUniform("u_projection", this.rapid.projection), vt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0;
+    const r = this.rapid.matrixStack, s = this.rapid.matrix.getMatrix(this.customMatrix ?? r.curWorldM), a = Vt(this.rapid.projection, s);
+    this.currentShader.setUniform("u_projection", a), yt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0, this.customMatrix = void 0;
   }
 }
-var re = /* @__PURE__ */ ((s) => (s[s.EQUAL = 0] = "EQUAL", s[s.NOT_EQUAL = 1] = "NOT_EQUAL", s))(re || {}), se = /* @__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))(se || {}), it = /* @__PURE__ */ ((s) => (s[s.LINEAR = 0] = "LINEAR", s[s.NEAREST = 1] = "NEAREST", s))(it || {}), ne = /* @__PURE__ */ ((s) => (s[s.CanvasItem = 0] = "CanvasItem", s[s.Viewport = 1] = "Viewport", s))(ne || {});
+var se = /* @__PURE__ */ ((n) => (n[n.EQUAL = 0] = "EQUAL", n[n.NOT_EQUAL = 1] = "NOT_EQUAL", n))(se || {}), ne = /* @__PURE__ */ ((n) => (n[n.NORMAL = 0] = "NORMAL", n[n.ADD = 1] = "ADD", n[n.MULTIPLY = 2] = "MULTIPLY", n[n.SCREEN = 3] = "SCREEN", n[n.ERASE = 4] = "ERASE", n))(ne || {}), nt = /* @__PURE__ */ ((n) => (n[n.LINEAR = 0] = "LINEAR", n[n.NEAREST = 1] = "NEAREST", n))(nt || {}), ae = /* @__PURE__ */ ((n) => (n[n.CanvasItem = 0] = "CanvasItem", n[n.Viewport = 1] = "Viewport", n))(ae || {});
 class ce {
   /** The active WebGL context. */
   gl;
@@ -2668,7 +2734,7 @@ class ce {
   /** Maximum number of texture units supported by the device. */
   maxTextureUnits = 0;
   /** Matrix stack for hierarchical transformations. */
-  matrixStack = new St(this);
+  matrixStack = new At(this);
   /** Direct access to the underlying matrix store. */
   matrix;
   /** Region dedicated to fast sprite rendering. */
@@ -2693,7 +2759,7 @@ class ce {
   scaleMode;
   /** Internal ping-pong RenderTextures for multi-filter chains. */
   _filterRT = [null, null];
-  _filterInput = new P();
+  _filterInput = new F();
   get height() {
     return this.logicHeight;
   }
@@ -2706,10 +2772,10 @@ class ce {
    */
   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 = Ct(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 rt(this), this.graphicRegion = new Ht(this), this.atlasSpriteRegion = new ee(this), this.particleRegion = new ie(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 || 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 bt(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);
+    const e = _t(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 Ht(this), this.atlasSpriteRegion = new re(this), this.particleRegion = new ie(this);
+    const r = this.canvas.clientWidth || this.canvas.width, i = this.canvas.clientHeight || this.canvas.height;
+    this.physicsWidth = t.physicsWidth || Math.round(r * this.dpr), this.physicsHeight = t.physicsHeight || Math.round(i * this.dpr), this.logicWidth = t.logicWidth || t.width || this.physicsWidth / this.dpr, this.logicHeight = t.logicHeight || t.height || this.physicsHeight / this.dpr, this.resize(this.logicWidth, this.logicHeight, this.physicsWidth, this.physicsHeight), this.texture = new St(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;
@@ -2718,7 +2784,7 @@ class ce {
     this.antialias = t;
   }
   getColorUint32(t) {
-    return t ? this.premultipliedAlpha ? t.premultipliedUint32 : t.uint32 : 4294967295;
+    return $t(this.premultipliedAlpha, t);
   }
   /**
    * Enters a specific rendering region, flushing the previous one if necessary.
@@ -2729,22 +2795,22 @@ class ce {
     this.currentRegion === t && this.currentRegion.isSameShader(e) || (this.flush(), this.currentRegion = t, t.enter(e));
   }
   drawParticles(t) {
-    qt(this, t), this.flush();
+    Qt(this, t);
   }
   drawSprite(t) {
-    Kt(this, t);
+    qt(this, t);
   }
   drawLine(t) {
     Zt(this, t);
   }
   drawGraphic(t) {
-    Et(this, t);
+    Rt(this, t);
   }
   drawRect(t) {
-    Jt(this, t);
+    te(this, t);
   }
   drawCircle(t) {
-    te(this, t);
+    ee(this, t);
   }
   /**
    * Starts rendering arbitrary graphics geometries.
@@ -2752,23 +2818,23 @@ class ce {
    * @param texture  An optional texture applied to the graphic vertices.
    * @param customShader An optional custom shader overriding the region's default shader.
    */
-  startGraphic(t = this.gl.TRIANGLES, e, i, r) {
-    this.enterRegion(this.graphicRegion, i), this.graphicRegion.startGraphic(r ?? this.matrixStack.curWorldM, t, e);
+  startGraphic(t = this.gl.TRIANGLES, e, r, i) {
+    this.enterRegion(this.graphicRegion, r), this.graphicRegion.startGraphic(i ?? this.matrixStack.curWorldM, t, e);
   }
   /**
    * Starts rendering graphics explicitly for use as a mask, overriding the shader.
    * @param drawMode The WebGL drawing mode (e.g., gl.TRIANGLES).
    * @param texture  An optional texture whose alpha channel may dictate masking rules.
    */
-  startMaskGraphic(t = this.gl.TRIANGLES, e, i) {
-    this.startGraphic(t, e, this.graphicRegion.maskShader, i);
+  startMaskGraphic(t = this.gl.TRIANGLES, e, r) {
+    this.startGraphic(t, e, this.graphicRegion.maskShader, r);
   }
   /**
    * Utility method: Draws an image directly as a mask using a generic rectangle geometry.
    * @param texture The texture to be used as a mask.
    */
   drawMaskImage(t) {
-    Qt(this, t);
+    Jt(this, t);
   }
   /**
    * Pushes vertices for a rectangle geometry. Should be enclosed by startGraphic and endGraphic.
@@ -2776,9 +2842,9 @@ class ce {
    * @param h The height of the rectangle.
    * @param color An optional tint color.
    */
-  addRectVertex(t, e, i) {
-    const r = this.getColorUint32(i);
-    this.addGraphicVertex(0, 0, 0, 0, r), this.addGraphicVertex(t, 0, 1, 0, r), this.addGraphicVertex(t, e, 1, 1, r), this.addGraphicVertex(0, e, 0, 1, r);
+  addRectVertex(t, e, r) {
+    const i = this.getColorUint32(r);
+    this.addGraphicVertex(0, 0, 0, 0, i), this.addGraphicVertex(t, 0, 1, 0, i), this.addGraphicVertex(t, e, 1, 1, i), this.addGraphicVertex(0, e, 0, 1, i);
   }
   /**
    * Pushes vertices for a circle geometry using TRIANGLES or similar primitives.
@@ -2786,11 +2852,11 @@ class ce {
    * @param color An optional tint color.
    * @param segments The number of segments (polygons) used to approximate the circle.
    */
-  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, 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);
+  addCircleVertex(t, e, r = 32) {
+    const i = Math.PI * 2 / r, s = this.getColorUint32(e);
+    for (let a = 0; a < r; a++) {
+      const o = i * a, h = Math.cos(o) * t, c = Math.sin(o) * t, u = 0.5 + Math.cos(o) * 0.5, l = 0.5 + Math.sin(o) * 0.5;
+      this.addGraphicVertex(h, c, u, l, s);
     }
   }
   /**
@@ -2801,8 +2867,8 @@ class ce {
    * @param v The V texture coordinate (0 to 1).
    * @param color The vertex color as a 32-bit unsigned integer.
    */
-  addGraphicVertex(t, e, i = 0, r = 0, n = 4294967295) {
-    this.graphicRegion.addVertex(t, e, i, r, n);
+  addGraphicVertex(t, e, r = 0, i = 0, s = 4294967295) {
+    this.graphicRegion.addVertex(t, e, r, i, s);
   }
   /**
    * Ends the current graphics geometry definition, readying it for rendering.
@@ -2817,10 +2883,10 @@ class ce {
    * @param cssWidth Optional CSS display width.
    * @param cssHeight Optional CSS display height.
    */
-  resize(t, e, i, r) {
+  resize(t, e, r, i) {
     this.flush();
-    const n = i ?? this.canvas.clientWidth ?? this.canvas.width, a = r ?? this.canvas.clientHeight ?? this.canvas.height;
-    switch (i !== void 0 && (this.canvas.style.width = n + "px"), r !== void 0 && (this.canvas.style.height = a + "px"), this.physicsWidth = n * this.dpr, this.physicsHeight = a * this.dpr, this.logicWidth = t, this.logicHeight = e, this.scaleMode) {
+    const s = r ?? this.canvas.clientWidth ?? this.canvas.width, a = i ?? this.canvas.clientHeight ?? this.canvas.height;
+    switch (r !== void 0 && (this.canvas.style.width = s + "px"), i !== void 0 && (this.canvas.style.height = a + "px"), this.physicsWidth = s * this.dpr, this.physicsHeight = a * this.dpr, this.logicWidth = t, this.logicHeight = e, this.scaleMode) {
       case 1:
         this.canvas.width = t, this.canvas.height = e, this.canvas.style.imageRendering = "pixelated", this.gl.viewport(0, 0, t, e);
         break;
@@ -2836,8 +2902,8 @@ class ce {
    * Updates the projection matrix using an orthographic mapping.
    * Automatically sets local flag projectionDirty.
    */
-  updateProjection(t, e, i, r) {
-    this.updateOrthMatrix(this.projection, t, e, i, r), this.projectionDirty = !0;
+  updateProjection(t, e, r, i) {
+    this.updateOrthMatrix(this.projection, t, e, r, i), this.projectionDirty = !0;
   }
   /**
    * Clears the active framebuffer applying the default background color.
@@ -2850,8 +2916,8 @@ class ce {
    * Populates an orthographic projection matrix in place.
    * Avoids continuous Float32Array allocations for performance reasons.
    */
-  updateOrthMatrix(t, e, i, r, n) {
-    t[0] = 2 / (i - e), t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = 2 / (n - r), t[6] = 0, t[7] = 0, t[8] = 0, t[9] = 0, t[10] = -1, t[11] = 0, t[12] = -(i + e) / (i - e), t[13] = -(n + r) / (n - r), t[14] = 0, t[15] = 1;
+  updateOrthMatrix(t, e, r, i, s) {
+    t[0] = 2 / (r - e), t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = 2 / (s - i), t[6] = 0, t[7] = 0, t[8] = 0, t[9] = 0, t[10] = -1, t[11] = 0, t[12] = -(r + e) / (r - e), t[13] = -(s + i) / (s - i), t[14] = 0, t[15] = 1;
   }
   /**
    * Flushes currently buffered rendering operations across all active regions.
@@ -2876,9 +2942,9 @@ class ce {
   applyFilters(t, e) {
     if (e.length === 0)
       throw new Error("applyFilters: shaders array must not be empty.");
-    const i = Math.max(...e.map((c) => c.padding)), r = i, n = t.rawWidth + i * 2, a = t.rawHeight + i * 2;
+    const r = Math.max(...e.map((c) => c.padding)), i = r, s = t.rawWidth + r * 2, a = t.rawHeight + r * 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 });
+      this._filterRT[c] ? this._filterRT[c].resize(s, a) : this._filterRT[c] = this.texture.createRenderTexture({ width: s, height: a });
     let o = t.clone(this._filterInput), h = 0;
     this.matrixStack.save(), this.matrixStack.identity();
     for (let c = 0; c < e.length; c++) {
@@ -2886,13 +2952,13 @@ class ce {
       u.offsetX = 0, u.offsetY = 0, this.enterRenderTexture(u), this.clearRenderTexture(), this.drawSprite({
         texture: o,
         shader: e[c],
-        offsetX: c == 0 ? r : 0,
+        offsetX: c == 0 ? i : 0,
         // padding back
-        offsetY: c == 0 ? r : 0,
-        padding: i
+        offsetY: c == 0 ? i : 0,
+        padding: r
       }), this.leaveRenderTexture(), o = u, h++;
     }
-    return this.matrixStack.restore(), o.offsetX = -r, o.offsetY = -r, o;
+    return this.matrixStack.restore(), o.offsetX = -i, o.offsetY = -i, o;
   }
   enterRenderTexture(t) {
     this.flush(), t.activate(), this.gl.viewport(0, 0, t.rawWidth, t.rawHeight), this.updateProjection(0, t.rawWidth, t.rawHeight, 0);
@@ -2926,10 +2992,10 @@ class ce {
    *     rapid.drawSprite({ texture: mySprite });
    * });
    */
-  drawToRenderTexture(t, e, i = new m(0, 0, 0, 0)) {
+  drawToRenderTexture(t, e, r = new m(0, 0, 0, 0)) {
     this.enterRenderTexture(t);
     try {
-      i !== null && this.clearRenderTexture(i), e();
+      r !== null && this.clearRenderTexture(r), e();
     } finally {
       this.leaveRenderTexture();
     }
@@ -2947,14 +3013,14 @@ class ce {
    *     () => rapid.drawSprite({ texture: myTexture }),
    * );
    */
-  withMask(t, e, i = 0, r = 1) {
-    this.clearMask(), this.startDrawMask(r);
+  withMask(t, e, r = 0, i = 1) {
+    this.clearMask(), this.startDrawMask(i);
     try {
       t();
     } finally {
       this.endDrawMask();
     }
-    this.enterMask(i, r);
+    this.enterMask(r, i);
     try {
       e();
     } finally {
@@ -2983,21 +3049,12 @@ class ce {
    *     rapid.drawSprite({ texture: myTexture });
    * }, { x: 100, y: 50, rotation: Math.PI / 4, origin: 0.5 }, myTexture.width, myTexture.height);
    */
-  withTransform(t, e, i = 0, r = 0) {
-    if (e) {
-      const n = e.saveTransform ?? !0;
-      try {
-        this.matrixStack.applyTransform(e, i, r), t();
-      } finally {
-        n && this.matrixStack.restore();
-      }
-    } else {
-      this.matrixStack.save();
-      try {
-        t();
-      } finally {
-        this.matrixStack.restore();
-      }
+  withTransform(t, e, r = 0, i = 0) {
+    this.matrixStack.save();
+    try {
+      e && this.matrixStack.applyTransform(e, r, i), t();
+    } finally {
+      this.matrixStack.restore();
     }
   }
   /**
@@ -3013,10 +3070,10 @@ class ce {
    *     rapid.drawSprite({ texture: myTexture });
    * });
    */
-  withScissor(t, e, i, r, n) {
-    this.startScissor(t, e, i, r);
+  withScissor(t, e, r, i, s) {
+    this.startScissor(t, e, r, i);
     try {
-      n();
+      s();
     } finally {
       this.endScissor();
     }
@@ -3049,8 +3106,8 @@ class ce {
    */
   startDrawMask(t = 1, e = 255) {
     this.flush();
-    const i = this.gl;
-    i.stencilMask(e), i.colorMask(!1, !1, !1, !1), i.stencilFunc(i.ALWAYS, t, e), i.stencilOp(i.KEEP, i.KEEP, i.REPLACE), this.enterRegion(this.graphicRegion, this.graphicRegion.maskShader), this.inCreateMask = !0;
+    const r = this.gl;
+    r.stencilMask(e), r.colorMask(!1, !1, !1, !1), r.stencilFunc(r.ALWAYS, t, e), r.stencilOp(r.KEEP, r.KEEP, r.REPLACE), this.enterRegion(this.graphicRegion, this.graphicRegion.maskShader), this.inCreateMask = !0;
   }
   /**
    * Finishes the mask drawing phase and restores color buffer writing.
@@ -3075,10 +3132,10 @@ class ce {
    * @param ref The reference value to test against.
    * @param mask The bitmask specifying which stencil bits to consider.
    */
-  enterMask(t, e = 1, i = 255) {
+  enterMask(t, e = 1, r = 255) {
     this.flush();
-    const r = this.gl;
-    r.colorMask(!0, !0, !0, !0), r.stencilMask(0), r.stencilFunc(t === 0 ? r.EQUAL : r.NOTEQUAL, e, i), r.stencilOp(r.KEEP, r.KEEP, r.KEEP), this.inCreateMask = !1;
+    const i = this.gl;
+    i.colorMask(!0, !0, !0, !0), i.stencilMask(0), i.stencilFunc(t === 0 ? i.EQUAL : i.NOTEQUAL, e, r), i.stencilOp(i.KEEP, i.KEEP, i.KEEP), this.inCreateMask = !1;
   }
   /**
    * Exits the masked rendering phase, restoring default full-screen stencil values tests.
@@ -3122,10 +3179,10 @@ class ce {
    * @param width Width in logical pixels.
    * @param height Height in logical pixels.
    */
-  startScissor(t, e, i, r) {
+  startScissor(t, e, r, i) {
     this.flush();
-    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);
+    const s = this.gl, a = this.physicsWidth / this.logicWidth, o = this.physicsHeight / this.logicHeight, h = Math.round(t * a), c = Math.round(this.physicsHeight - (e + i) * o), u = Math.round(r * a), l = Math.round(i * o);
+    s.enable(s.SCISSOR_TEST), s.scissor(h, c, u, l);
   }
   /**
    * Disables scissor clipping, restoring full-canvas rendering.
@@ -3139,13 +3196,13 @@ class ce {
     this.matrix.invert(e);
   }
   logicToPhysics(t) {
-    return t.multiply(new d(
+    return t.multiply(new p(
       this.physicsWidth / this.logicWidth,
       this.physicsHeight / this.logicHeight
     ));
   }
   physicsToLogic(t) {
-    return t.multiply(new d(
+    return t.multiply(new p(
       this.logicWidth / this.physicsWidth,
       this.logicHeight / this.physicsHeight
     ));
@@ -3169,14 +3226,14 @@ class ce {
    * @param index - Matrix index to export. Defaults to the current world matrix.
    */
   toCSSMatrix(t) {
-    const e = this.physicsWidth / this.dpr / this.logicWidth, i = this.physicsHeight / this.dpr / this.logicHeight;
-    return this.matrix.toCSSMatrix(t ?? this.matrixStack.curWorldM, e, i);
+    const e = this.physicsWidth / this.dpr / this.logicWidth, r = this.physicsHeight / this.dpr / this.logicHeight;
+    return this.matrix.toCSSMatrix(t ?? this.matrixStack.curWorldM, e, r);
   }
 }
-function ae(s) {
-  return !(s === null || typeof s != "object" || Array.isArray(s) || s instanceof d || s instanceof m);
+function he(n) {
+  return !(n === null || typeof n != "object" || Array.isArray(n) || n instanceof p || n instanceof m);
 }
-class C {
+class O {
   /** Random float in [min, max). */
   static float(t, e) {
     return Math.random() * (e - t) + t;
@@ -3190,21 +3247,21 @@ class C {
     return Math.random() * Math.PI * 2;
   }
   /** Random Vec2 with components in the supplied per-axis ranges. */
-  static vector(t, e, i, r) {
-    return new d(C.float(t, e), C.float(i, r));
+  static vector(t, e, r, i) {
+    return new p(O.float(t, e), O.float(r, i));
   }
   /** Random Color with each component interpolated between minColor and maxColor. */
   static randomColor(t, e) {
     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)
+      O.float(t.r, e.r),
+      O.float(t.g, e.g),
+      O.float(t.b, e.b),
+      O.float(t.a, e.a)
     );
   }
   /** Pick a random element from an array with uniform probability. */
   static pick(t) {
-    return t[C.int(0, t.length - 1)];
+    return t[O.int(0, t.length - 1)];
   }
   /**
    * Pick a random element using weighted probability.
@@ -3213,10 +3270,10 @@ class C {
   static pickWeight(t) {
     if (!t || t.length === 0) return null;
     let e = 0;
-    for (const [, r] of t) e += r;
-    let i = Math.random() * e;
-    for (const [r, n] of t)
-      if (i -= n, i <= 0) return r;
+    for (const [, i] of t) e += i;
+    let r = Math.random() * e;
+    for (const [i, s] of t)
+      if (r -= s, r <= 0) return i;
     return t[t.length - 1][0];
   }
   /**
@@ -3228,127 +3285,117 @@ class C {
   static scalarOrRange(t, e) {
     if (t == null) return e;
     if (Array.isArray(t)) {
-      const [i, r] = t;
-      if (typeof i == "number")
-        return C.float(i, r);
-      if (i instanceof d)
-        return C.vector(i.x, r.x, i.y, r.y);
-      if (i instanceof m)
-        return C.randomColor(i, r);
+      const [r, i] = t;
+      if (typeof r == "number")
+        return O.float(r, i);
+      if (r instanceof p)
+        return O.vector(r.x, i.x, r.y, i.y);
+      if (r instanceof m)
+        return O.randomColor(r, i);
     }
     return typeof t == "number" ? t : t.clone();
   }
 }
-var he = /* @__PURE__ */ ((s) => (s.POINT = "point", s.CIRCLE = "circle", s.RECT = "rect", s))(he || {});
-const xt = 10, pt = 0, gt = !0;
-class oe {
-  life = 0;
-  maxLife;
-  texture;
-  options;
-  position;
-  datas;
-  rapid;
-  constructor(t, e) {
-    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, 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 (ae(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,
-        damping: i.damping
-      };
-    } else
-      return this.processAttribute({ start: t }, e);
-  }
-  updateNumberAttribute(t, e) {
-    t.damping !== void 0 && (t.value *= Math.pow(t.damping, e)), t.delta !== void 0 && (t.value += t.delta * e);
-  }
-  updateVec2Attribute(t, e) {
-    t.damping !== void 0 && (t.value = t.value.multiply(Math.pow(t.damping, e))), t.delta !== void 0 && (t.value = t.value.add(t.delta.multiply(e)));
-  }
-  updateColorAttribute(t, e) {
-    t.damping !== void 0 && (t.value = t.value.multiply(Math.pow(t.damping, e))), t.delta !== void 0 && (t.value = t.value.add(t.delta.multiply(e))), t.value.clamp();
-  }
-  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);
-    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 d && e instanceof d || t instanceof m && e instanceof m ? e.subtract(t).divide(i) : t;
-  }
-  /**
-   * Updates particle state.
-   * @param deltaTime - Seconds elapsed since last frame
-   * @returns `true` while the particle is alive, `false` when it should be removed
-   */
-  update(t) {
-    return this.life += t, this.life >= this.maxLife ? !1 : (this.updateAttributes(t), !0);
+var oe = /* @__PURE__ */ ((n) => (n.POINT = "point", n.CIRCLE = "circle", n.RECT = "rect", n))(oe || {});
+const pt = 10, gt = 0, vt = !0;
+class K {
+  components;
+  constructor(t = 1) {
+    if (!Number.isInteger(t) || t <= 0)
+      throw new RangeError("ParticleAttributeStore size must be a positive integer");
+    this.components = Array.from({ length: t }, () => ({
+      value: new C(U.Float32),
+      delta: new C(U.Float32),
+      damping: new C(U.Float32)
+    }));
+  }
+  getArrayBuffer() {
+    return this.components.flatMap(({ value: t, delta: e, damping: r }) => [t, e, r]);
   }
-  /**
-   * Renders the particle using the Rapid engine's matrixStack + drawSprite.
-   * The emitter is responsible for calling save/restore around a batch of particles.
-   */
-  render() {
-    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), Rt(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 d(Math.cos(t) * e, Math.sin(t) * e);
-        break;
-      }
-      case "rect": {
-        this.position = new d(
-          (Math.random() - 0.5) * (this.options.emitRect?.width ?? 0),
-          (Math.random() - 0.5) * (this.options.emitRect?.height ?? 0)
-        );
-        break;
-      }
+  update(t) {
+    for (const { value: e, delta: r, damping: i } of this.components)
+      for (let s = 0; s < e.usedElemNum; s++)
+        e.typedArray[s] *= Math.pow(i.get(s), t), e.typedArray[s] += r.get(s) * t;
+  }
+  get(t, e = 0) {
+    return this.components[e].value.get(t);
+  }
+  getComponent(t, e) {
+    if (typeof t == "number")
+      return t;
+    if (t instanceof p)
+      return e === 0 ? t.x : t.y;
+    switch (e) {
+      case 0:
+        return t.r;
+      case 1:
+        return t.g;
+      case 2:
+        return t.b;
+      case 3:
+        return t.a;
       default:
-        this.position = d.ZERO;
-        break;
+        return 0;
     }
-    !this.options.localSpace && this.options.position && (this.position = this.position.add(this.options.position));
+  }
+  resolveComponent(t, e, r) {
+    return t === void 0 ? r : Array.isArray(t) ? O.float(
+      this.getComponent(t[0], e),
+      this.getComponent(t[1], e)
+    ) : this.getComponent(t, e);
+  }
+  create(t, e, r = 1) {
+    const i = he(t) ? t : void 0, s = i === void 0 ? t : void 0, a = r > 0 ? r : 1;
+    let o = 0;
+    for (let h = 0; h < this.components.length; h++) {
+      const { value: c, delta: u, damping: l } = this.components[h], d = this.getComponent(e, h), f = s === void 0 ? this.resolveComponent(i?.start, h, d) : this.getComponent(s, h), x = i?.end === void 0 ? f : this.resolveComponent(i.end, h, d);
+      c.push(f), u.push(i?.delta === void 0 ? (x - f) / a : this.getComponent(i.delta, h)), l.push(i?.damping ?? 1), h === 0 && (o = f);
+    }
+    return o;
   }
 }
 class wt {
-  particles = [];
   options;
   emitting = !1;
   emitTimer = 0;
-  emitRate = xt;
-  emitTime = pt;
+  emitRate = pt;
+  emitTime = gt;
   emitTimeCounter = 0;
   /** Whether spawned particles are positioned in local emitter space (default: true). */
-  localSpace = gt;
-  /** World position of the emitter. Used for both local-space transform and world-space spawn offset. */
-  position = d.ZERO;
+  localSpace = vt;
   rapid;
-  gameObject;
+  x = new C(U.Float32);
+  y = new C(U.Float32);
+  scaleX = new C(U.Float32);
+  scaleY = new C(U.Float32);
+  rotation = new C(U.Float32);
+  color = new C(U.Uint32);
+  animations = {
+    speed: new K(),
+    rotation: new K(),
+    scale: new K(),
+    color: new K(4),
+    velocity: new K(2)
+  };
+  count = 0;
   /**
    * Creates a new particle emitter.
    * @param rapid   - The Rapid renderer instance
    * @param options - Emitter configuration options
    */
   constructor(t, e) {
-    this.rapid = t, this.options = e, this.emitRate = e.emitRate !== void 0 ? e.emitRate : xt, this.emitTime = e.emitTime !== void 0 ? e.emitTime : pt, this.localSpace = e.localSpace !== void 0 ? e.localSpace : gt, this.position = e.position ?? d.ZERO;
+    this.rapid = t, this.options = e, this.emitRate = e.emitRate ?? pt, this.emitTime = e.emitTime ?? gt, this.localSpace = e.localSpace ?? vt;
+  }
+  getAllArrayBuffer() {
+    return [
+      this.x,
+      this.y,
+      this.scaleX,
+      this.scaleY,
+      this.rotation,
+      this.color,
+      ...Object.values(this.animations).flatMap((t) => t.getArrayBuffer())
+    ];
   }
   /** Replaces the emitter's texture at runtime. */
   setTexture(t) {
@@ -3379,16 +3426,48 @@ class wt {
   }
   /** Removes all particles and resets timers. */
   clear() {
-    this.particles = [], this.emitTimeCounter = 0;
+    for (const t of this.getAllArrayBuffer())
+      t.clear();
+    this.count = 0, this.emitTimeCounter = 0;
   }
   /**
    * Spawns `count` particles immediately.
    * Respects `maxParticles` if set.
    */
   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 oe(this.rapid, { ...this.options, position: this.position }));
+    const e = this.options.maxParticles ?? 1 / 0, r = Math.min(t, e - this.count);
+    for (let i = 0; i < r; i++)
+      this.createParticle();
+  }
+  createParticle() {
+    const t = O.scalarOrRange(this.options.life, 1);
+    let e = 0, r = 0;
+    switch (this.options.emitShape) {
+      case "circle": {
+        const c = Math.random() * Math.PI * 2, u = (this.options.emitRadius ?? 0) * Math.sqrt(Math.random());
+        e = Math.cos(c) * u, r = Math.sin(c) * u;
+        break;
+      }
+      case "rect": {
+        e = (Math.random() - 0.5) * (this.options.emitRect?.width ?? 0), r = (Math.random() - 0.5) * (this.options.emitRect?.height ?? 0);
+        break;
+      }
+    }
+    const i = this.rapid.matrixStack;
+    if (this.localSpace)
+      this.x.push(e), this.y.push(r);
+    else {
+      const { x: c, y: u } = i.localToWorld(e, r);
+      this.x.push(c), this.y.push(u);
+    }
+    const s = this.options.animation, a = this.animations, o = a.scale.create(s.scale, 1, t), h = a.rotation.create(s.rotation, 0, t);
+    a.speed.create(s.speed, 0, t), a.velocity.create(s.velocity, p.ZERO, t), a.color.create(s.color, m.White, t), this.rotation.push(h), this.scaleX.push(o), this.scaleY.push(o), this.color.pushUint32(m.packColor(
+      a.color.get(this.count, 0),
+      a.color.get(this.count, 1),
+      a.color.get(this.count, 2),
+      a.color.get(this.count, 3),
+      this.rapid.premultipliedAlpha
+    )), this.count += 1;
   }
   /**
    * Updates the emitter and all live particles.
@@ -3398,35 +3477,57 @@ class wt {
     if (this.emitting && this.emitRate > 0)
       if (this.emitTime > 0) {
         if (this.emitTimeCounter += t, this.emitTimeCounter >= this.emitTime) {
-          const e = Math.floor(this.emitTimeCounter / this.emitTime);
-          this.emit(this.emitRate * e), this.emitTimeCounter -= e * this.emitTime;
+          const r = Math.floor(this.emitTimeCounter / this.emitTime);
+          this.emit(this.emitRate * r), this.emitTimeCounter -= r * this.emitTime;
         }
       } else {
         this.emitTimer += t;
-        const e = Math.floor(this.emitTimer * this.emitRate);
-        e > 0 && (this.emit(e), this.emitTimer -= e / this.emitRate);
+        const r = Math.floor(this.emitTimer * this.emitRate);
+        r > 0 && (this.emit(r), this.emitTimer -= r / this.emitRate);
       }
-    for (let e = this.particles.length - 1; e >= 0; e--)
-      this.particles[e].update(t) || this.particles.splice(e, 1);
+    const e = this.updateParticle(t);
+    this.count -= e.length, C.removeAtIndices(e, this.getAllArrayBuffer());
+  }
+  updateParticle(t) {
+    const e = [], r = this.animations;
+    Object.values(r).forEach((i) => i.update(t));
+    for (let i = 0; i < this.count; i++) {
+      const s = r.rotation.get(i), a = r.scale.get(i), o = r.speed.get(i);
+      this.rotation.typedArray[i] = s, this.scaleX.typedArray[i] = a, this.scaleY.typedArray[i] = a, this.color.uint32[i] = m.packColor(
+        r.color.get(i, 0),
+        r.color.get(i, 1),
+        r.color.get(i, 2),
+        r.color.get(i, 3),
+        this.rapid.premultipliedAlpha
+      ), this.x.typedArray[i] += (o * Math.cos(s) + r.velocity.get(i, 0)) * t, this.y.typedArray[i] += (o * Math.sin(s) + r.velocity.get(i, 1)) * t;
+    }
+    return e;
   }
   /**
    * Renders all live particles.
    * In local-space mode the emitter's own transform is applied around the batch.
    */
   render() {
-    const t = this.rapid.matrixStack;
-    this.localSpace && (t.save(), t.translate(this.position.x, this.position.y));
-    for (const e of this.particles)
-      e.render();
-    this.localSpace && t.restore();
-  }
-  /** Returns the current number of live particles. */
-  getParticleCount() {
-    return this.particles.length;
+    const t = this.options, e = this.localSpace ? void 0 : this.rapid.matrix.alloc();
+    this.rapid.drawParticles({
+      texture: t.texture,
+      shader: t.shader,
+      x: this.x.typedArray,
+      y: this.y.typedArray,
+      scaleX: this.scaleX.typedArray,
+      scaleY: this.scaleY.typedArray,
+      rotation: this.rotation.typedArray,
+      color: this.color.typedArray,
+      count: this.count,
+      reverseOrder: !0,
+      originX: t.origin?.x ?? 0.5,
+      originY: t.origin?.y ?? 0.5,
+      customMatrix: e
+    });
   }
   /** Returns `true` if the emitter is running or still has live particles. */
   isActive() {
-    return this.emitting || this.particles.length > 0;
+    return this.emitting || this.count > 0;
   }
   /**
    * Convenience: emit `emitRate` particles in one shot (fire-and-forget burst).
@@ -3436,42 +3537,41 @@ class wt {
   }
 }
 export {
-  O as ArrayType,
-  k as BaseTexture,
-  se as BlendMode,
-  ne as CanvasScaleMode,
+  U as ArrayType,
+  Y as BaseTexture,
+  ne as BlendMode,
+  ae as CanvasScaleMode,
   m as Color,
-  ot as CustomGlShader,
-  B as DynamicArrayBuffer,
+  ct as CustomGlShader,
+  C as DynamicArrayBuffer,
   Tt as GLShader,
   Ht as GraphicRegion,
-  Yt as LineTextureMode,
-  re as MaskType,
-  St as MatrixStack,
+  Xt as LineTextureMode,
+  se as MaskType,
+  At as MatrixStack,
   Mt as MatrixStore,
-  oe as Particle,
   wt as ParticleEmitter,
-  he as ParticleShape,
-  Ft as QUAD_VERTICES,
+  oe as ParticleShape,
+  Wt as QUAD_VERTICES,
   ce as Rapid,
-  yt as Region,
-  At as RenderTexture,
-  rt as SpriteRegion,
-  _t as TextTexture,
-  P as Texture,
-  it as TextureFilterMode,
-  bt as TextureManager,
-  Y as TextureWrapMode,
-  d as Vec2,
-  Q as WebglBufferArray,
+  Et as Region,
+  bt as RenderTexture,
+  at as SpriteRegion,
+  Ct as TextTexture,
+  F as Texture,
+  nt as TextureFilterMode,
+  St as TextureManager,
+  q as TextureWrapMode,
+  p as Vec2,
+  et as WebglBufferArray,
   Vt as composeProjectionWithAffine,
-  te as drawCircle,
-  Et as drawGraphic,
+  ee as drawCircle,
+  Rt as drawGraphic,
   Zt as drawLine,
-  Qt as drawMaskImage,
-  qt as drawParticles,
-  Jt as drawRect,
-  Kt as drawSprite,
-  Rt as drawSpriteRaw,
-  zt as multiplyMat4
+  Jt as drawMaskImage,
+  Qt as drawParticles,
+  te as drawRect,
+  qt as drawSprite,
+  $t as getColorUint32,
+  Yt as multiplyMat4
 };