rapid-render 1.0.8 → 1.0.10

package/dist/rapid-render.js

@@ -1,5 +1,5 @@
-var U = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(U || {});
-class C {
+var b = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(b || {});
+class _ {
   /** The number of elements currently used in the buffer. */
   usedElemNum;
   /** The main typed array view corresponding to the specified ArrayType. */
@@ -172,7 +172,7 @@ class C {
     this.usedElemNum = 0;
   }
 }
-class et extends C {
+class et extends _ {
   /** The actual WebGLBuffer object maintained by this instance. */
   buffer;
   /** The related WebGL rendering context. */
@@ -223,7 +223,7 @@ class et extends C {
     }
   }
 }
-class m {
+class x {
   _r;
   _g;
   _b;
@@ -304,7 +304,7 @@ 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), r = m.clampByte(this._g * t / 255), i = m.clampByte(this._b * t / 255);
+    const t = x.clampByte(this._a), e = x.clampByte(this._r * t / 255), r = x.clampByte(this._g * t / 255), i = x.clampByte(this._b * t / 255);
     this.premultipliedUint32 = (t << 24 | i << 16 | r << 8 | e) >>> 0;
   }
   reset() {
@@ -342,7 +342,7 @@ class m {
    * @returns A new `Color` instance with the same RGBA values.
    */
   clone() {
-    return new m(this._r, this._g, this._b, this._a);
+    return new x(this._r, this._g, this._b, this._a);
   }
   /**
    * Converts the color to a hexadecimal string representation (e.g., '#RRGGBBAA').
@@ -376,13 +376,13 @@ class m {
    * Color.fromNorm(0.9, 0.87, 0.55, 0.1) // moon glow
    */
   static FromHSL(t, e, r) {
-    return new m(0, 0, 0).setHSL(t, e, r);
+    return new x(0, 0, 0).setHSL(t, e, r);
   }
   static FromRGB(t, e, r) {
-    return new m(t, e, r);
+    return new x(t, e, r);
   }
   static fromNorm(t, e, r, i = 1) {
-    return new m(
+    return new x(
       Math.round(t * 255),
       Math.round(e * 255),
       Math.round(r * 255),
@@ -393,7 +393,7 @@ class m {
     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);
+    const a = x.clampColorByte(i), o = s ? a / 255 : 1, h = x.clampColorByte(t * o), c = x.clampColorByte(e * o), u = x.clampColorByte(r * o);
     return (a << 24 | u << 16 | c << 8 | h) >>> 0;
   }
   /**
@@ -405,7 +405,7 @@ class m {
     t.startsWith("#") && (t = t.slice(1));
     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);
+    return t.length >= 8 && (s = parseInt(t.slice(6, 8), 16)), new x(e, r, i, s);
   }
   /**
    * Adds the components of another color to this color, clamping the result to 255.
@@ -413,7 +413,7 @@ class m {
    * @returns A new Color instance with the result of the addition.
    */
   add(t) {
-    return new m(
+    return new x(
       Math.min(this.r + t.r, 255),
       Math.min(this.g + t.g, 255),
       Math.min(this.b + t.b, 255),
@@ -426,7 +426,7 @@ class m {
    * @returns A new Color instance with the result of the subtraction.
    */
   subtract(t) {
-    return new m(
+    return new x(
       this.r - t.r,
       this.g - t.g,
       this.b - t.b,
@@ -434,12 +434,12 @@ class m {
     );
   }
   divide(t) {
-    return t instanceof m ? new m(
+    return t instanceof x ? new x(
       this.r / t.r,
       this.g / t.g,
       this.b / t.b,
       this.a / t.a
-    ) : new m(
+    ) : new x(
       this.r / t,
       this.g / t,
       this.b / t,
@@ -447,12 +447,12 @@ class m {
     );
   }
   multiply(t) {
-    return t instanceof m ? new m(
+    return t instanceof x ? new x(
       this.r * t.r,
       this.g * t.g,
       this.b * t.b,
       this.a * t.a
-    ) : new m(
+    ) : new x(
       this.r * t,
       this.g * t,
       this.b * t,
@@ -462,25 +462,25 @@ class m {
   clamp() {
     this.r = Math.max(0, Math.min(255, this.r)), this.g = Math.max(0, Math.min(255, this.g)), this.b = Math.max(0, Math.min(255, this.b)), this.a = Math.max(0, Math.min(255, this.a));
   }
-  static Red = new m(255, 0, 0, 255);
-  static Green = new m(0, 255, 0, 255);
-  static Blue = new m(0, 0, 255, 255);
-  static Yellow = new m(255, 255, 0, 255);
-  static Purple = new m(128, 0, 128, 255);
-  static Orange = new m(255, 165, 0, 255);
-  static Pink = new m(255, 192, 203, 255);
-  static Gray = new m(128, 128, 128, 255);
-  static Brown = new m(139, 69, 19, 255);
-  static Cyan = new m(0, 255, 255, 255);
-  static Magenta = new m(255, 0, 255, 255);
-  static Lime = new m(192, 255, 0, 255);
-  static White = new m(255, 255, 255, 255);
-  static Black = new m(0, 0, 0, 255);
-  static Transparent = new m(0, 0, 0, 0);
-  static TRANSPARENT = new m(0, 0, 0, 0);
+  static Red = new x(255, 0, 0, 255);
+  static Green = new x(0, 255, 0, 255);
+  static Blue = new x(0, 0, 255, 255);
+  static Yellow = new x(255, 255, 0, 255);
+  static Purple = new x(128, 0, 128, 255);
+  static Orange = new x(255, 165, 0, 255);
+  static Pink = new x(255, 192, 203, 255);
+  static Gray = new x(128, 128, 128, 255);
+  static Brown = new x(139, 69, 19, 255);
+  static Cyan = new x(0, 255, 255, 255);
+  static Magenta = new x(255, 0, 255, 255);
+  static Lime = new x(192, 255, 0, 255);
+  static White = new x(255, 255, 255, 255);
+  static Black = new x(0, 0, 0, 255);
+  static Transparent = new x(0, 0, 0, 0);
+  static TRANSPARENT = new x(0, 0, 0, 0);
 }
 const E = 6;
-class Mt {
+class wt {
   /** Total number of matrices currently allocated in the store. */
   matrixCount = 0;
   /** The dynamic buffer used to hold matrix data. */
@@ -493,7 +493,7 @@ class Mt {
    * @param capacity - The initial capacity of the matrix store (default is 10).
    */
   constructor(t = 10) {
-    this.buffer = new C(U.Float32), this.buffer.resize(t * E), this.data = this.buffer.getArray(), this.reset();
+    this.buffer = new _(b.Float32), this.buffer.resize(t * E), this.data = this.buffer.getArray(), this.reset();
   }
   /**
    * Allocates a new matrix and initializes it to the identity matrix.
@@ -596,8 +596,8 @@ class Mt {
    * @param bIdx - The index of matrix B.
    */
   multiplyOut(t, e, r) {
-    const i = t * E, s = e * E, a = r * E, o = this.data, h = o[s], c = o[s + 1], u = o[s + 2], l = o[s + 3], d = o[s + 4], f = o[s + 5], 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;
+    const i = t * E, s = e * E, a = r * E, o = this.data, h = o[s], c = o[s + 1], u = o[s + 2], l = o[s + 3], d = o[s + 4], f = o[s + 5], m = o[a], g = o[a + 1], v = o[a + 2], y = o[a + 3], R = o[a + 4], A = o[a + 5];
+    o[i] = h * m + u * g, o[i + 1] = c * m + l * g, o[i + 2] = h * v + u * y, o[i + 3] = c * v + l * y, o[i + 4] = h * R + u * A + d, o[i + 5] = c * R + l * A + f;
   }
   /**
    * Inverts the matrix at the given index. If the matrix is not invertible, it defaults to the identity matrix.
@@ -721,29 +721,29 @@ class Mt {
     i[r] = e[0], i[r + 1] = e[1], i[r + 2] = e[2], i[r + 3] = e[3], i[r + 4] = e[4], i[r + 5] = e[5];
   }
   multiplyAffineInPlace(t, e, r, i, s, a, o) {
-    const h = t * 6, c = this.data, u = c[h], l = c[h + 1], d = c[h + 2], f = c[h + 3], 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;
+    const h = t * 6, c = this.data, u = c[h], l = c[h + 1], d = c[h + 2], f = c[h + 3], m = c[h + 4], g = c[h + 5];
+    c[h] = u * e + d * r, c[h + 1] = l * e + f * r, c[h + 2] = u * i + d * s, c[h + 3] = l * i + f * s, c[h + 4] = u * a + d * o + m, c[h + 5] = l * a + f * o + g;
   }
   multiplyAffine(t, e, r, i, s, a, o, h) {
-    const c = t * 6, u = e * 6, l = this.data, d = l[c], f = l[c + 1], 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;
+    const c = t * 6, u = e * 6, l = this.data, d = l[c], f = l[c + 1], m = l[c + 2], g = l[c + 3], v = l[c + 4], y = l[c + 5];
+    l[u] = d * r + m * i, l[u + 1] = f * r + g * i, l[u + 2] = d * s + m * a, l[u + 3] = f * s + g * a, l[u + 4] = d * o + m * h + v, l[u + 5] = f * o + g * h + y;
   }
 }
 class At {
   /** The underlying store for matrices. */
-  matrix = new Mt();
+  matrix = new wt();
   /** The current step or depth in the transformation hierarchy. */
   step = 0;
   /** Internal stack maintaining structural information. */
-  stack = new C(U.Uint32);
+  stack = new _(b.Uint32);
   /** Records the world matrices generated at each step. */
-  stepWorldM = new C(U.Uint32);
+  stepWorldM = new _(b.Uint32);
   /** Records actions (push/pop) taken during the traversal. */
-  stepAction = new C(U.Uint32);
+  stepAction = new _(b.Uint32);
   /** Records the parent world matrix for each step (used by updateMatrix). */
-  stepParentM = new C(U.Uint32);
+  stepParentM = new _(b.Uint32);
   /** Buffer used during hierarchy traversal updates. */
-  parentStack = new C(U.Uint32);
+  parentStack = new _(b.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. */
@@ -763,30 +763,29 @@ class At {
   save() {
     this.stack.push(this.curWorldM);
     const t = this.curWorldM;
-    return this.step++, this.curLocalM = this.matrix.alloc(), this.curWorldM = this.matrix.allocDirty(), this.stepWorldM.push(this.curWorldM), this.stepParentM.push(t), this.matrix.copy(this.curWorldM, t), this.stepAction.push(1), { world: this.curWorldM, local: this.curLocalM, step: this.step };
+    return this.curLocalM = this.matrix.alloc(), this.curWorldM = this.matrix.allocDirty(), this.stepWorldM.push(this.curWorldM), this.stepParentM.push(t), this.stepAction.push(1), this.matrix.copy(this.curWorldM, t), { world: this.curWorldM, local: this.curLocalM, step: this.step++ };
   }
   /**
    * Restores the matrix state from the top of the stack.
    * Equivalent to context.restore().
    */
   restore() {
-    this.stack.length != 0 && (this.curWorldM = this.stack.pop(), this.curLocalM = this.curWorldM - 1, this.stepAction.push(0));
+    this.stack.length != 0 && (this.curWorldM = this.stack.pop(), this.curLocalM = this.curWorldM - 1, this.stepParentM.push(this.stack.get(this.stack.length - 1)), this.stepWorldM.push(this.curWorldM), this.stepAction.push(0), this.step++);
   }
   /**
    * Evaluates and updates matrices from the given step. Used primarily for deferred transformation.
    * @param step - The initial step to update matrices from.
    */
   updateMatrix(t) {
-    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(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)
+    const e = typeof t == "number" ? t : t.step;
+    let r = 0, i = e;
+    for (; i < this.step; ) {
+      if (this.stepAction.get(i) === 1) {
+        const a = this.stepWorldM.get(i), o = a - 1, h = this.stepParentM.get(i);
+        this.matrix.multiplyOut(a, h, o), r++;
+      } else if (r--, r === 0)
         break;
-      s++;
+      i++;
     }
   }
   /**
@@ -920,36 +919,36 @@ class At {
     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;
+    const m = u ? Math.cos(u) : 1, g = u ? Math.sin(u) : 0, v = m * o, y = g * o, R = -g * h, A = m * h, P = s + v * l + R * d, U = a + y * l + A * d;
     if (i !== -1) {
       this.matrix.multiplyAffine(
         this.curWorldM,
         i,
         v,
-        T,
-        A,
+        y,
         R,
-        S,
-        P
+        A,
+        P,
+        U
       );
       return;
     }
     this.matrix.multiplyAffineInPlace(
       this.curLocalM,
       v,
-      T,
-      A,
+      y,
       R,
-      S,
-      P
+      A,
+      P,
+      U
     ), this.matrix.multiplyAffineInPlace(
       this.curWorldM,
       v,
-      T,
-      A,
+      y,
       R,
-      S,
-      P
+      A,
+      P,
+      U
     );
   }
 }
@@ -969,10 +968,10 @@ class St {
   async load(t, e) {
     let r = this.cache.get(t);
     if (r)
-      return new F(r);
+      return new W(r);
     try {
       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);
+      return r = X.fromSource(this.render, i, e), r.uid = t, this.cache.set(t, r), new W(r);
     } catch (i) {
       throw console.error(`[TextureManager] Failed to load: ${t}`, i), i;
     }
@@ -985,9 +984,9 @@ class St {
    */
   create(t, e) {
     if (e?.key && this.cache.has(e.key))
-      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);
+      return new W(this.cache.get(e.key));
+    const r = X.fromSource(this.render, t, e);
+    return e?.key && (r.uid = e.key, this.cache.set(e.key, r)), new W(r);
   }
   /**
    * Creates a generic Render Texture (FrameBuffer).
@@ -1016,7 +1015,7 @@ class St {
    */
   destroy(t, e = !1) {
     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));
+    typeof t == "string" ? (i = t, r = this.cache.get(i)) : t instanceof W ? (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.
@@ -1033,7 +1032,7 @@ class St {
     });
   }
 }
-class Y {
+class X {
   glTexture = null;
   width;
   height;
@@ -1051,7 +1050,7 @@ class Y {
    */
   static fromSource(t, e, r = {}) {
     const i = J(t, e, r);
-    return new Y(i, e.width, e.height);
+    return new X(i, e.width, e.height);
   }
   /**
    * Updates the content of the existing texture (e.g. for Video or dynamic Canvas).
@@ -1082,7 +1081,7 @@ class Y {
     this.glTexture && (t.deleteTexture(this.glTexture), this.glTexture = null);
   }
 }
-class F {
+class W {
   base;
   uvX = 0;
   uvY = 0;
@@ -1128,7 +1127,7 @@ class F {
    * @returns The current Texture instance.
    */
   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;
+    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.scale, this.rawHeight = i * this.scale, this) : this;
   }
   /**
    * Creates a new Texture representing a sub-region of this Texture.
@@ -1139,7 +1138,7 @@ class F {
    * @returns A new Texture pointing to the sub-region.
    */
   getSubTexture(t, e, r, i) {
-    if (!this.base) return new F();
+    if (!this.base) return new W();
     const s = this.clone(), a = this._px, o = this._py;
     return s.setRegion(a + t, o + e, r, i), s;
   }
@@ -1148,7 +1147,7 @@ class F {
    * @returns A new Texture instance.
    */
   clone(t) {
-    const e = t ?? new F(this.base);
+    const e = t ?? new W(this.base);
     return t && this.base && t.setBase(this.base), e.scale = this.scale, e.uvX = this.uvX, e.uvY = this.uvY, e.uvW = this.uvW, e.uvH = this.uvH, e.rawWidth = this.rawWidth, e.rawHeight = this.rawHeight, e.offsetX = this.offsetX, e.offsetY = this.offsetY, e.flipY = this.flipY, e.isRotated = this.isRotated, e.isAtlas = this.isAtlas, e._px = this._px, e._py = this._py, e._pw = this._pw, e._ph = this._ph, e;
   }
   /**
@@ -1164,9 +1163,9 @@ class F {
   splitGrid(t, e, r, i, s = 0) {
     if (!this.base) return [];
     const a = [], o = this.rawWidth, h = this.rawHeight, c = Math.max(0, s), u = t + c, l = e + c, d = r ?? Math.floor((o + c) / u), f = i ?? Math.floor((h + c) / l);
-    for (let x = 0; x < f; x++)
+    for (let m = 0; m < f; m++)
       for (let g = 0; g < d; g++)
-        a.push(this.getSubTexture(g * u, x * l, t, e));
+        a.push(this.getSubTexture(g * u, m * l, t, e));
     return a;
   }
   /**
@@ -1176,7 +1175,7 @@ class F {
    */
   static fromImageSource(t, e, r = {}) {
     const i = J(t, e, r);
-    return new F(new Y(i, e.width, e.height));
+    return new W(new X(i, e.width, e.height));
   }
   /**
    * Marks this Texture as destroyed, decrementing the BaseTexture reference count.
@@ -1185,7 +1184,7 @@ class F {
     this.base && (this.base.refCount--, this.base = void 0), this.glTexture = null;
   }
 }
-class bt extends F {
+class bt extends W {
   framebuffer;
   renderbuffer;
   gl;
@@ -1195,9 +1194,9 @@ class bt extends F {
   _allocW = 0;
   _allocH = 0;
   constructor(t, e) {
-    super(), this.gl = t.gl, this.clearColor = e.clearColor ?? m.Black;
+    super(), this.gl = t.gl, this.clearColor = e.clearColor ?? x.Black;
     const r = Math.max(Math.round(e.width), 1), i = Math.max(Math.round(e.height), 1), a = 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)
+    if (this.setBase(new X(a, r, i)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
       throw new Error("Failed to create Framebuffer or Renderbuffer");
     this.resize(r, i, !0);
   }
@@ -1256,8 +1255,8 @@ class bt extends F {
       return new Uint8Array(0);
     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 d.readPixels(s, l, c, u, d.RGBA, d.UNSIGNED_BYTE, x), d.bindFramebuffer(d.FRAMEBUFFER, f), x;
+    const m = new Uint8Array(c * u * 4);
+    return d.readPixels(s, l, c, u, d.RGBA, d.UNSIGNED_BYTE, m), d.bindFramebuffer(d.FRAMEBUFFER, f), m;
   }
   /**
    * Get the color at a pixel in the render texture.
@@ -1266,7 +1265,7 @@ class bt extends F {
    */
   GetColorAt(t, e) {
     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]);
+    return r.length < 4 ? new x(0, 0, 0, 0) : new x(r[0], r[1], r[2], r[3]);
   }
   /**
    * Destroys the framebuffer, renderbuffer, and base texture.
@@ -1280,11 +1279,11 @@ const Ut = {
   fontSize: 24,
   fontWeight: "normal",
   fill: "#000000",
-  strokeThickness: 1,
+  strokeThickness: 0,
   align: "left",
-  baseline: "top"
+  lineHeight: 1
 };
-class Ct extends F {
+class Ct extends W {
   canvas;
   ctx;
   render;
@@ -1298,7 +1297,7 @@ class Ct extends F {
     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();
+    this.setBase(new X(i, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -1321,51 +1320,36 @@ class Ct extends F {
   updateOffset(t, e) {
     switch (this._style.align) {
       case "center":
-        this.offsetX = -t / 2;
-        break;
+        return t / 2;
       case "right":
-        this.offsetX = -t;
-        break;
+        return t;
       default:
-        this.offsetX = 0;
-        break;
-    }
-    switch (this._style.baseline) {
-      case "middle":
-        this.offsetY = -e / 2;
-        break;
-      case "bottom":
-        this.offsetY = -e;
-        break;
-      default:
-        this.offsetY = 0;
-        break;
+        return e;
     }
   }
   /**
    * Updates the internal canvas and uploads it to WebGL
    */
   update() {
-    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(`
+    const t = this.ctx, e = this.style, r = e.fontSize, i = e.fontWeight, s = e.fontFamily, a = e.lineHeight, o = `${i} ${r}px ${s}`, h = this.render.dpr;
+    t.font = o, t.textBaseline = "top";
+    const c = this._text.split(`
 `);
-    let h = 0, c = 0;
-    t.textBaseline = "alphabetic";
-    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;
+    let u = 0, l = 0;
+    const d = t.measureText(c[0] || "M"), f = (d.fontBoundingBoxAscent || r) + (d.fontBoundingBoxDescent || r * 0.2);
+    for (const D of c) {
+      const N = t.measureText(D);
+      N.width > u && (u = N.width), l += f * a;
     }
-    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);
+    l -= f * (a - 1);
+    const m = this._style.strokeThickness || 0, g = Math.ceil(u + m * 2) || 1, v = Math.ceil(l + m * 2) || 1, y = Math.ceil(g * h), R = Math.ceil(v * h);
+    (this.canvas.width !== y || this.canvas.height !== R) && (this.canvas.width = y, this.canvas.height = R), t.setTransform(h, 0, 0, h, 0, 0), t.clearRect(0, 0, g, v), t.font = o, t.textBaseline = "top", t.textAlign = this._style.align;
+    const A = this.updateOffset(g, m), P = e.strokeThickness, U = P > 0;
+    U && (t.lineWidth = P, t.strokeStyle = e.stroke, t.lineJoin = "round"), e.fill && (t.fillStyle = e.fill);
+    let B = m;
+    for (const D of c)
+      U && t.strokeText(D, A, B), e.fill && t.fillText(D, A, B), B += f * a;
+    this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, y, R);
   }
 }
 const _t = (n, t = !1, e = !0) => {
@@ -1420,7 +1404,7 @@ function J(n, t, e) {
   }
   return r.bindTexture(r.TEXTURE_2D, null), i;
 }
-function G(n, t) {
+function V(n, t) {
   if (n.includes("%TEXTURE_NUM%") && (n = n.replace("%TEXTURE_NUM%", t.toString())), n.includes("%GET_COLOR%")) {
     let e = "";
     for (let r = 0; r < t; r++)
@@ -1667,6 +1651,9 @@ class ct {
     const s = t.createShader(r, i);
     return s.isCustom = !0, s.padding = this.padding, this.glshader.set(e, s), this.uniformDirty.add(e), s;
   }
+  destroy() {
+    this.glshader.forEach((t) => t.destroy());
+  }
 }
 class Et {
   constructor(t) {
@@ -1881,12 +1868,12 @@ class at extends Et {
   }
   createBuffer() {
     const t = this.gl;
-    this.quadBuffer = new et(t, U.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
+    this.quadBuffer = new et(t, b.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);
+    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new et(t, b.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
   }
   createDefaultShader() {
-    const t = this.rapid, e = G(ut, t.maxTextureUnits), r = G(Z, t.maxTextureUnits);
+    const t = this.rapid, e = V(ut, t.maxTextureUnits), r = V(Z, t.maxTextureUnits);
     return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
   }
   createShader(t, e) {
@@ -1902,7 +1889,7 @@ class at extends Et {
     ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
   createCustomShader(t) {
-    const e = G(ut, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = G(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = V(ut, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = V(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, r, e);
   }
   /**
@@ -1918,15 +1905,15 @@ class at extends Et {
    * @param color The tint color as packed ABGR uniform uint32 (default 0xFFFFFFFF).
    */
   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;
+    const f = e * 6, m = this.matrixStore.data;
     this.drawSpriteAffine(
       t,
-      x[f],
-      x[f + 1],
-      x[f + 2],
-      x[f + 3],
-      x[f + 4],
-      x[f + 5],
+      m[f],
+      m[f + 1],
+      m[f + 2],
+      m[f + 3],
+      m[f + 4],
+      m[f + 5],
       r,
       i,
       s,
@@ -1939,17 +1926,17 @@ class at extends Et {
       d
     );
   }
-  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(
+  drawSpriteAffine(t, e, r, i, s, a, o, h = 0, c = 0, u = 1, l = 1, d = 4294967295, f = 0, m = 0, g = !1, v = !1, y = !1) {
+    const R = t.base, A = t.rawWidth, P = t.rawHeight, U = t.offsetX, B = t.offsetY, D = this.useTexture(
       t.glTexture,
-      f / R / A.width,
-      x / R / A.height
-    ), N = this.instanceBuffer, b = N.usedElemNum;
+      f / R.width,
+      m / R.height
+    ), N = this.instanceBuffer, M = 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 C = N.float32, k = N.uint32, G = y ? P : A, H = y ? A : P, I = G + 2 * f, O = H + 2 * m, S = U - f, L = B - m, T = this.localSpriteMatrix;
+    y ? (T[0] = 0, T[1] = v ? O : -O, T[2] = g ? -I : I, T[3] = 0, T[4] = S + (g ? I : 0), T[5] = L + (v ? 0 : O)) : (T[0] = g ? -I : I, T[1] = 0, T[2] = 0, T[3] = v ? -O : O, T[4] = S + (g ? I : 0), T[5] = L + (v ? O : 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++;
+    w[0] = e * T[0] + i * T[1], w[1] = r * T[0] + s * T[1], w[2] = e * T[2] + i * T[3], w[3] = r * T[2] + s * T[3], w[4] = a + e * T[4] + i * T[5], w[5] = o + r * T[4] + s * T[5], C[M + 6] = h, C[M + 7] = c, C[M + 8] = u, C[M + 9] = l, k[M + 10] = d, k[M + 11] = D, this.rapid.roundPixels && (w[4] = Math.round(w[4]), w[5] = Math.round(w[5])), C[M] = w[0], C[M + 1] = w[2], C[M + 2] = w[4], C[M + 3] = w[1], C[M + 4] = w[3], C[M + 5] = w[5], N.usedElemNum += 12, N.makeDirty(), this.instanceCount++;
   }
   render() {
     if (this.instanceCount === 0) return;
@@ -2098,7 +2085,7 @@ class Ht extends Et {
   }
   createBuffer() {
     const t = this.gl;
-    this.vertexBuffer = new et(t, U.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(kt, Gt);
+    this.vertexBuffer = new et(t, b.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(kt, Gt);
   }
   createDefaultShader() {
     return this.vs = Bt, this.fs = Dt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
@@ -2315,15 +2302,15 @@ const Vt = (n, t) => {
     }
   return e;
 };
-var Xt = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))(Xt || {});
+var zt = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))(zt || {});
 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));
+    const d = l / tt, f = (l + 1) / tt, m = h + d * c, g = h + f * c, v = new p(Math.cos(m) * e, Math.sin(m) * e), y = new p(Math.cos(g) * e, Math.sin(g) * e);
+    a.push(n), o.push(new p(i, 0.5)), a.push(n.add(v)), o.push(new p(i + v.dot(u) * s, 0.5 - 0.5 * v.dot(t) / e)), a.push(n.add(y)), o.push(new p(i + y.dot(u) * s, 0.5 - 0.5 * y.dot(t) / e));
   }
   return { vertices: a, uv: o };
-}, zt = (n, t = !1) => {
+}, Xt = (n, t = !1) => {
   const e = [];
   if (n.length < 2 || t && n.length < 3) return { normals: e, length: 0 };
   const r = 4, i = 1e-3, s = n.length;
@@ -2341,10 +2328,10 @@ const tt = 10, lt = (n, t, e, r, i, s) => {
     if (f < -1 + i)
       return { normal: l.perpendicular(), miters: 1 };
     {
-      let x = d.add(l).normalize();
-      l.cross(d) < 0 && (x = x.multiply(-1));
+      let m = d.add(l).normalize();
+      l.cross(d) < 0 && (m = m.multiply(-1));
       let g = 1 / Math.sqrt((1 - f) / 2);
-      return { normal: x, miters: Math.min(g, r) };
+      return { normal: m, miters: Math.min(g, r) };
     }
   };
   if (t)
@@ -2366,21 +2353,21 @@ const tt = 10, lt = (n, t, e, r, i, s) => {
 }, jt = (n) => {
   const t = n.points;
   if (t.length < 2) return { vertices: [], uv: [] };
-  const { normals: e, length: r } = zt(t, n.closed), i = (n.width || 1) / 2, s = [], a = [], o = n.roundCap || !1, h = n.textureMode || 0;
+  const { normals: e, length: r } = Xt(t, n.closed), i = (n.width || 1) / 2, s = [], a = [], o = n.roundCap || !1, h = n.textureMode || 0;
   let c = 0;
   const u = n.texture?.rawWidth || 1, l = n.closed ? t.length : t.length - 1;
   for (let d = 0; d < l; d++) {
-    const f = t[d], 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;
+    const f = t[d], m = e[d].normal, g = e[d].miters, v = (d + 1) % t.length, y = t[v], R = e[v].normal, A = e[v].miters, P = f.add(m.multiply(g * i)), U = f.subtract(m.multiply(g * i)), B = y.add(R.multiply(A * i)), D = y.subtract(R.multiply(A * i)), N = f.distanceTo(y);
+    let M = 0, C = 0;
+    h === 0 ? (M = c / r, C = (c + N) / r) : (M = c / u, C = M + N / u);
+    const k = new p(M, 0), G = new p(M, 1), H = new p(C, 0), I = new p(C, 1);
+    s.push(P), a.push(k), s.push(U), a.push(G), s.push(B), a.push(H), s.push(B), a.push(H), s.push(D), a.push(I), s.push(U), a.push(G), c += N;
   }
   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);
+    const d = t[0], f = e[0].normal, m = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, g = lt(d, f, i, !0, 0, m);
     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);
+    const v = t[t.length - 1], y = e[t.length - 1].normal, R = h === 0 ? 1 : c / u, A = h === 0 ? r > 0 ? 1 / r : 0 : 1 / u, P = lt(v, y, i, !1, R, A);
+    s.push(...P.vertices), a.push(...P.uv);
   }
   return { vertices: s, uv: a };
 }, Q = (n, t, e, r) => {
@@ -2569,11 +2556,11 @@ class re extends at {
     super(t);
   }
   createCustomShader(t) {
-    const e = G(dt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = G(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = V(dt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = V(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, r, e);
   }
   createDefaultShader() {
-    const t = this.rapid, e = G(dt, t.maxTextureUnits), r = G(Z, t.maxTextureUnits);
+    const t = this.rapid, e = V(dt, t.maxTextureUnits), r = V(Z, t.maxTextureUnits);
     return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
   }
 }
@@ -2634,7 +2621,7 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, V = 48, xt = V / 4;
+`, z = 48, xt = z / 4;
 class ie extends at {
   KEY = "ParticleSprite";
   texture;
@@ -2655,46 +2642,46 @@ class ie extends at {
   createShader(t, e) {
     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 }
+      { name: "aPosition", size: 2, stride: z, offset: 0, divisor: 1 },
+      { name: "aScale", size: 2, stride: z, offset: 8, divisor: 1 },
+      { name: "aRotation", size: 1, stride: z, offset: 16, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: z, offset: 20, divisor: 1 },
+      { name: "aColor", size: 4, type: st, normalized: !0, stride: z, offset: 36, divisor: 1 },
+      { name: "aOrigin", size: 2, stride: z, offset: 40, divisor: 1 }
     ]), this.quadBuffer.bindBuffer(), r.setAttributes([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
     ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
   }
-  drawParticles(t, e, r, i = 0, s = 4294967295, a, o = 1, h = 1, c = 0, u = 0, l = 1, d = 1, f = !1, x = !1, g = !1, v = 0.5, T = 0.5, A, R = !1, S) {
+  drawParticles(t, e, r, i = 0, s = 4294967295, a, o = 1, h = 1, c = 0, u = 0, l = 1, d = 1, f = !1, m = !1, g = !1, v = 0.5, y = 0.5, R, A = !1, P) {
     if (!t.glTexture || a <= 0) return;
-    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; ) {
+    let U = 0;
+    const B = typeof o == "number", D = typeof h == "number", N = typeof i == "number", M = typeof s == "number", C = !M && typeof s[0] == "number";
+    let k = t.rawWidth * (f ? -1 : 1);
+    B && (k *= o);
+    let G = t.rawHeight * (m ? -1 : 1);
+    D && (G *= h);
+    let H = g ? Math.PI / 2 : 0;
+    for (N && (H += i); U < a; ) {
       this.texture && t !== this.texture && this.flush(), this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
-      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];
+      const I = a - U, O = this.instanceBuffer;
+      let S = O.usedElemNum;
+      O.resize(I * xt);
+      const L = O.float32, T = O.uint32;
+      for (let w = 0; w < I; w++) {
+        const Y = A ? a - 1 - U - w : U + w;
+        if (L[S] = e[Y], L[S + 1] = r[Y], L[S + 2] = B ? k : k * o[Y], L[S + 3] = D ? G : G * h[Y], L[S + 4] = N ? H : i[Y] + H, L[S + 5] = c, L[S + 6] = u, L[S + 7] = l, L[S + 8] = d, M)
+          T[S + 9] = 4294967295;
+        else if (C)
+          T[S + 9] = s[Y];
         else {
-          const ht = s[w];
-          z[M + 9] = A ? ht.premultipliedUint32 : ht.uint32;
+          const ht = s[Y];
+          T[S + 9] = R ? ht.premultipliedUint32 : ht.uint32;
         }
-        L[M + 10] = v, L[M + 11] = T, M += xt;
+        L[S + 10] = v, L[S + 11] = y, S += xt;
       }
-      I.usedElemNum = M, I.makeDirty(), this.instanceCount += k, P += k;
+      O.usedElemNum = S, O.makeDirty(), this.instanceCount += I, U += I;
     }
-    this.customMatrix = S, this.flush();
+    this.customMatrix = P, this.flush();
   }
   render() {
     if (this.instanceCount === 0) return;
@@ -2720,7 +2707,7 @@ class ce {
   /** The current device pixel ratio. */
   dpr;
   /** Background clear color [r, g, b, a], values range from 0 to 255. */
-  backgroundColor = m.Black;
+  backgroundColor = x.Black;
   /** Logical width in CSS pixels, used for coordinate system and projection matrix. */
   logicWidth = 0;
   /** Logical height in CSS pixels, used for coordinate system and projection matrix. */
@@ -2759,7 +2746,7 @@ class ce {
   scaleMode;
   /** Internal ping-pong RenderTextures for multi-filter chains. */
   _filterRT = [null, null];
-  _filterInput = new F();
+  _filterInput = new W();
   get height() {
     return this.logicHeight;
   }
@@ -2867,8 +2854,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, r = 0, i = 0, s = 4294967295) {
-    this.graphicRegion.addVertex(t, e, r, i, s);
+  addGraphicVertex(t, e, r = 0, i = 0, s) {
+    this.graphicRegion.addVertex(t, e, r, i, typeof s == "number" ? s : this.getColorUint32(s));
   }
   /**
    * Ends the current graphics geometry definition, readying it for rendering.
@@ -2970,7 +2957,7 @@ class ce {
    * @param rt    The render texture to clear.
    * @param color Clear color. Defaults to transparent black (0, 0, 0, 0).
    */
-  clearRenderTexture(t = new m(0, 0, 0, 0)) {
+  clearRenderTexture(t = new x(0, 0, 0, 0)) {
     this.flush();
     const e = this.gl;
     t.setClearColor(e), e.clear(e.COLOR_BUFFER_BIT);
@@ -2992,7 +2979,7 @@ class ce {
    *     rapid.drawSprite({ texture: mySprite });
    * });
    */
-  drawToRenderTexture(t, e, r = new m(0, 0, 0, 0)) {
+  drawToRenderTexture(t, e, r = new x(0, 0, 0, 0)) {
     this.enterRenderTexture(t);
     try {
       r !== null && this.clearRenderTexture(r), e();
@@ -3231,9 +3218,9 @@ class ce {
   }
 }
 function he(n) {
-  return !(n === null || typeof n != "object" || Array.isArray(n) || n instanceof p || n instanceof m);
+  return !(n === null || typeof n != "object" || Array.isArray(n) || n instanceof p || n instanceof x);
 }
-class O {
+class F {
   /** Random float in [min, max). */
   static float(t, e) {
     return Math.random() * (e - t) + t;
@@ -3248,20 +3235,20 @@ class O {
   }
   /** Random Vec2 with components in the supplied per-axis ranges. */
   static vector(t, e, r, i) {
-    return new p(O.float(t, e), O.float(r, i));
+    return new p(F.float(t, e), F.float(r, i));
   }
   /** Random Color with each component interpolated between minColor and maxColor. */
   static randomColor(t, e) {
-    return new m(
-      O.float(t.r, e.r),
-      O.float(t.g, e.g),
-      O.float(t.b, e.b),
-      O.float(t.a, e.a)
+    return new x(
+      F.float(t.r, e.r),
+      F.float(t.g, e.g),
+      F.float(t.b, e.b),
+      F.float(t.a, e.a)
     );
   }
   /** Pick a random element from an array with uniform probability. */
   static pick(t) {
-    return t[O.int(0, t.length - 1)];
+    return t[F.int(0, t.length - 1)];
   }
   /**
    * Pick a random element using weighted probability.
@@ -3287,11 +3274,11 @@ class O {
     if (Array.isArray(t)) {
       const [r, i] = t;
       if (typeof r == "number")
-        return O.float(r, i);
+        return F.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 F.vector(r.x, i.x, r.y, i.y);
+      if (r instanceof x)
+        return F.randomColor(r, i);
     }
     return typeof t == "number" ? t : t.clone();
   }
@@ -3304,9 +3291,9 @@ class K {
     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)
+      value: new _(b.Float32),
+      delta: new _(b.Float32),
+      damping: new _(b.Float32)
     }));
   }
   getArrayBuffer() {
@@ -3339,7 +3326,7 @@ class K {
     }
   }
   resolveComponent(t, e, r) {
-    return t === void 0 ? r : Array.isArray(t) ? O.float(
+    return t === void 0 ? r : Array.isArray(t) ? F.float(
       this.getComponent(t[0], e),
       this.getComponent(t[1], e)
     ) : this.getComponent(t, e);
@@ -3348,13 +3335,13 @@ class K {
     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);
+      const { value: c, delta: u, damping: l } = this.components[h], d = this.getComponent(e, h), f = s === void 0 ? this.resolveComponent(i?.start, h, d) : this.getComponent(s, h), m = i?.end === void 0 ? f : this.resolveComponent(i.end, h, d);
+      c.push(f), u.push(i?.delta === void 0 ? (m - f) / a : this.getComponent(i.delta, h)), l.push(i?.damping ?? 1), h === 0 && (o = f);
     }
     return o;
   }
 }
-class wt {
+class Mt {
   options;
   emitting = !1;
   emitTimer = 0;
@@ -3364,12 +3351,12 @@ class wt {
   /** Whether spawned particles are positioned in local emitter space (default: true). */
   localSpace = vt;
   rapid;
-  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);
+  x = new _(b.Float32);
+  y = new _(b.Float32);
+  scaleX = new _(b.Float32);
+  scaleY = new _(b.Float32);
+  rotation = new _(b.Float32);
+  color = new _(b.Uint32);
   animations = {
     speed: new K(),
     rotation: new K(),
@@ -3406,7 +3393,7 @@ class wt {
    * Particle state is NOT copied.
    */
   clone() {
-    return new wt(this.rapid, { ...this.options });
+    return new Mt(this.rapid, { ...this.options });
   }
   /** Sets particles-per-second emission rate (continuous mode). */
   setEmitRate(t) {
@@ -3440,7 +3427,7 @@ class wt {
       this.createParticle();
   }
   createParticle() {
-    const t = O.scalarOrRange(this.options.life, 1);
+    const t = F.scalarOrRange(this.options.life, 1);
     let e = 0, r = 0;
     switch (this.options.emitShape) {
       case "circle": {
@@ -3461,7 +3448,7 @@ class wt {
       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.speed.create(s.speed, 0, t), a.velocity.create(s.velocity, p.ZERO, t), a.color.create(s.color, x.White, t), this.rotation.push(h), this.scaleX.push(o), this.scaleY.push(o), this.color.pushUint32(x.packColor(
       a.color.get(this.count, 0),
       a.color.get(this.count, 1),
       a.color.get(this.count, 2),
@@ -3486,14 +3473,14 @@ class wt {
         r > 0 && (this.emit(r), this.emitTimer -= r / this.emitRate);
       }
     const e = this.updateParticle(t);
-    this.count -= e.length, C.removeAtIndices(e, this.getAllArrayBuffer());
+    this.count -= e.length, _.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(
+      this.rotation.typedArray[i] = s, this.scaleX.typedArray[i] = a, this.scaleY.typedArray[i] = a, this.color.uint32[i] = x.packColor(
         r.color.get(i, 0),
         r.color.get(i, 1),
         r.color.get(i, 2),
@@ -3537,20 +3524,20 @@ class wt {
   }
 }
 export {
-  U as ArrayType,
-  Y as BaseTexture,
+  b as ArrayType,
+  X as BaseTexture,
   ne as BlendMode,
   ae as CanvasScaleMode,
-  m as Color,
+  x as Color,
   ct as CustomGlShader,
-  C as DynamicArrayBuffer,
+  _ as DynamicArrayBuffer,
   Tt as GLShader,
   Ht as GraphicRegion,
-  Xt as LineTextureMode,
+  zt as LineTextureMode,
   se as MaskType,
   At as MatrixStack,
-  Mt as MatrixStore,
-  wt as ParticleEmitter,
+  wt as MatrixStore,
+  Mt as ParticleEmitter,
   oe as ParticleShape,
   Wt as QUAD_VERTICES,
   ce as Rapid,
@@ -3558,7 +3545,7 @@ export {
   bt as RenderTexture,
   at as SpriteRegion,
   Ct as TextTexture,
-  F as Texture,
+  W as Texture,
   nt as TextureFilterMode,
   St as TextureManager,
   q as TextureWrapMode,