rapid-render 1.0.5 → 1.0.6

package/dist/rapid-render.js

@@ -1,5 +1,5 @@
-var L = /* @__PURE__ */ ((s) => (s[s.Float32 = 0] = "Float32", s[s.Uint32 = 1] = "Uint32", s[s.Uint16 = 2] = "Uint16", s))(L || {});
-class k {
+var O = /* @__PURE__ */ ((s) => (s[s.Float32 = 0] = "Float32", s[s.Uint32 = 1] = "Uint32", s[s.Uint16 = 2] = "Uint16", s))(O || {});
+class B {
   /** The number of elements currently used in the buffer. */
   usedElemNum;
   /** The main typed array view corresponding to the specified ArrayType. */
@@ -151,7 +151,7 @@ class k {
     this.usedElemNum = 0;
   }
 }
-class et extends k {
+class Q extends B {
   /** The actual WebGLBuffer object maintained by this instance. */
   buffer;
   /** The related WebGL rendering context. */
@@ -451,8 +451,8 @@ class m {
   static Transparent = new m(0, 0, 0, 0);
   static TRANSPARENT = new m(0, 0, 0, 0);
 }
-const E = 6;
-class St {
+const v = 6;
+class Mt {
   /** Total number of matrices currently allocated in the store. */
   matrixCount = 0;
   /** The dynamic buffer used to hold matrix data. */
@@ -464,7 +464,7 @@ class St {
    * @param capacity - The initial capacity of the matrix store (default is 10).
    */
   constructor(t = 10) {
-    this.buffer = new k(L.Float32), this.buffer.resize(t * E), this.data = this.buffer.getArray();
+    this.buffer = new B(O.Float32), this.buffer.resize(t * v), this.data = this.buffer.getArray();
   }
   /**
    * Allocates a new matrix and initializes it to the identity matrix.
@@ -479,7 +479,7 @@ class St {
    * @returns The index of the newly allocated matrix.
    */
   allocDirty() {
-    return this.buffer.resize(E) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += E, this.matrixCount++;
+    return this.buffer.resize(v) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += v, this.matrixCount++;
   }
   /**
    * Resets the store, clearing all allocated matrices.
@@ -492,7 +492,7 @@ class St {
    * @param index - The index of the matrix to modify.
    */
   identity(t) {
-    const e = t * E, i = this.data;
+    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;
   }
   /**
@@ -502,7 +502,7 @@ class St {
    * @param y - The y translation.
    */
   translate(t, e, i) {
-    const r = t * E, n = this.data;
+    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];
   }
   /**
@@ -512,7 +512,7 @@ class St {
    * @param scaleY - The scale factor along the y-axis.
    */
   scale(t, e, i) {
-    const r = t * E, n = this.data;
+    const r = t * v, n = this.data;
     n[r] *= e, n[r + 1] *= e, n[r + 2] *= i, n[r + 3] *= i;
   }
   /**
@@ -521,7 +521,7 @@ class St {
    * @param radians - The rotation angle in radians.
    */
   rotate(t, e) {
-    const i = t * E, 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];
+    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;
   }
   /**
@@ -549,7 +549,7 @@ class St {
    * @param src - The index of the source matrix.
    */
   copy(t, e) {
-    const i = t * E, r = e * E, n = this.data;
+    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];
   }
   /**
@@ -567,15 +567,15 @@ class St {
    * @param bIdx - The index of matrix B.
    */
   multiplyOut(t, e, i) {
-    const r = t * E, n = e * E, a = i * E, 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], v = o[a + 1], R = o[a + 2], T = o[a + 3], g = o[a + 4], w = o[a + 5];
-    o[r] = h * x + u * v, o[r + 1] = c * x + f * v, o[r + 2] = h * R + u * T, o[r + 3] = c * R + f * T, o[r + 4] = h * g + u * w + l, o[r + 5] = c * g + f * w + p;
+    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;
   }
   /**
    * 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 * E, 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];
+    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;
     if (!u) {
       this.identity(t);
@@ -591,7 +591,7 @@ class St {
    * @returns The transformed point {x, y}.
    */
   transformPoint(t, e, i) {
-    const r = t * E, n = this.data;
+    const r = t * v, n = this.data;
     return {
       x: e * n[r] + i * n[r + 2] + n[r + 4],
       y: e * n[r + 1] + i * n[r + 3] + n[r + 5]
@@ -609,7 +609,7 @@ class St {
     const r = this.allocDirty();
     this.copy(r, t), this.invert(r);
     const n = this.transformPoint(r, e, i);
-    return this.matrixCount--, this.buffer.usedElemNum -= E, n;
+    return this.matrixCount--, this.buffer.usedElemNum -= v, n;
   }
   /**
    * Transforms a point from local coordinates to world coordinates.
@@ -627,7 +627,7 @@ class St {
    * @returns An object containing `x` and `y` global coordinates.
    */
   getPosition(t) {
-    const e = t * E, i = this.data;
+    const e = t * v, i = this.data;
     return { x: i[e + 4], y: i[e + 5] };
   }
   /**
@@ -636,7 +636,7 @@ class St {
    * @returns An object containing `x` and `y` global scale factors.
    */
   getScale(t) {
-    const e = t * E, i = this.data, r = Math.sqrt(i[e] * i[e] + i[e + 1] * i[e + 1]), n = Math.sqrt(i[e + 2] * i[e + 2] + i[e + 3] * i[e + 3]);
+    const e = t * 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 };
   }
   /**
@@ -645,7 +645,7 @@ class St {
    * @returns The global rotation in radians.
    */
   getRotation(t) {
-    const e = t * E, i = this.data;
+    const e = t * v, i = this.data;
     return Math.atan2(i[e + 1], i[e]);
   }
   /**
@@ -656,7 +656,7 @@ class St {
    * @returns A CSS matrix string.
    */
   toCSSMatrix(t, e = 1, i = 1) {
-    const r = t * E, n = this.data;
+    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})`;
   }
   /**
@@ -667,8 +667,8 @@ class St {
    * @returns A new Float32Array containing the 6 elements of the matrix.
    */
   getMatrix(t) {
-    const e = t * E;
-    return this.data.slice(e, e + E);
+    const e = t * v;
+    return this.data.slice(e, e + v);
   }
   /**
    * Retrieves a direct reference (view) to the 6 elements [a, b, c, d, tx, ty] for the matrix at the specified index.
@@ -678,8 +678,8 @@ class St {
    * @returns A Float32Array view pointing directly to the matrix's data in memory.
    */
   getMatrixRef(t) {
-    const e = t * E;
-    return this.data.subarray(e, e + E);
+    const e = t * v;
+    return this.data.subarray(e, e + v);
   }
   /**
    * Overwrites the matrix at the specified index with the provided 6 elements [a, b, c, d, tx, ty].
@@ -688,29 +688,29 @@ class St {
    * @param f - An array (Float32Array or standard number array) containing the 6 new elements.
    */
   setMatrix(t, e) {
-    const i = t * E, r = this.data;
+    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];
   }
   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], v = 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 + v;
+    const h = t * 6, c = this.data, u = c[h], f = c[h + 1], l = c[h + 2], p = c[h + 3], x = c[h + 4], g = c[h + 5];
+    c[h] = u * e + l * i, c[h + 1] = f * e + p * i, c[h + 2] = u * r + l * n, c[h + 3] = f * r + p * n, c[h + 4] = u * a + l * o + x, c[h + 5] = f * a + p * o + g;
   }
 }
-class bt {
+class St {
   /** The underlying store for matrices. */
-  matrix = new St();
+  matrix = new Mt();
   /** The current step or depth in the transformation hierarchy. */
   step = 0;
   /** Internal stack maintaining structural information. */
-  stack = new k(L.Uint32);
+  stack = new B(O.Uint32);
   /** Records the world matrices generated at each step. */
-  stepWorldM = new k(L.Uint32);
+  stepWorldM = new B(O.Uint32);
   /** Records actions (push/pop) taken during the traversal. */
-  stepAction = new k(L.Uint32);
+  stepAction = new B(O.Uint32);
   /** Records the parent world matrix for each step (used by updateMatrix). */
-  stepParentM = new k(L.Uint32);
+  stepParentM = new B(O.Uint32);
   /** Buffer used during hierarchy traversal updates. */
-  parentStack = new k(L.Uint32);
+  parentStack = new B(O.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. */
@@ -859,14 +859,14 @@ class bt {
    * Returns the current world matrix as Float32Array [a, b, c, d, tx, ty].
    */
   getTransform() {
-    const t = this.curWorldM * E;
-    return this.matrix.data.slice(t, t + E);
+    const t = this.curWorldM * v;
+    return this.matrix.data.slice(t, t + v);
   }
   /**
    * Directly overwrites the current world matrix with the given 6-element 2D transform.
    */
   setTransform(t) {
-    const e = this.curWorldM * E, i = this.matrix.data;
+    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];
   }
   transformPoint(t, e) {
@@ -888,28 +888,28 @@ class bt {
     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, v = p * a, R = x * a, T = -x * o, g = p * o, w = r + v * u + T * f, b = n + R * u + g * f;
+    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(
       this.curLocalM,
-      v,
-      R,
-      T,
       g,
+      T,
+      y,
       w,
-      b
+      M,
+      A
     ), this.matrix.multiplyAffineInPlace(
       this.curWorldM,
-      v,
-      R,
-      T,
       g,
+      T,
+      y,
       w,
-      b
+      M,
+      A
     ), t.afterSave?.();
   }
 }
-var $ = /* @__PURE__ */ ((s) => (s[s.REPEAT = 0] = "REPEAT", s[s.CLAMP = 1] = "CLAMP", s[s.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", s))($ || {});
-class At {
+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 {
   render;
   cache = /* @__PURE__ */ new Map();
   constructor(t) {
@@ -927,7 +927,7 @@ class At {
       return new P(i);
     try {
       const r = await this._fetchImage(t);
-      return i = G.fromSource(this.render, r, e), i.uid = t, this.cache.set(t, i), new P(i);
+      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;
     }
@@ -941,7 +941,7 @@ class At {
   create(t, e) {
     if (e?.key && this.cache.has(e.key))
       return new P(this.cache.get(e.key));
-    const i = G.fromSource(this.render, t, e);
+    const i = k.fromSource(this.render, t, e);
     return e?.key && (i.uid = e.key, this.cache.set(e.key, i)), new P(i);
   }
   /**
@@ -952,7 +952,7 @@ class At {
    * @returns The newly created RenderTexture.
    */
   createRenderTexture(t) {
-    return new Ut(this.render, t);
+    return new At(this.render, t);
   }
   /**
    * Creates a TextTexture for rendering text.
@@ -960,7 +960,7 @@ class At {
    * @returns The newly created TextTexture.
    */
   createTextTexture(t) {
-    return new Ct(this.render, t);
+    return new _t(this.render, t);
   }
   /**
    * Destroys a texture and potentially removes its BaseTexture from the cache.
@@ -988,7 +988,7 @@ class At {
     });
   }
 }
-class G {
+class k {
   glTexture = null;
   width;
   height;
@@ -1005,8 +1005,8 @@ class G {
    * @returns The created BaseTexture.
    */
   static fromSource(t, e, i = {}) {
-    const r = Q(t, e, i);
-    return new G(r, e.width, e.height);
+    const r = K(t, e, i);
+    return new k(r, e.width, e.height);
   }
   /**
    * Updates the content of the existing texture (e.g. for Video or dynamic Canvas).
@@ -1015,19 +1015,19 @@ class G {
    * @param source - The new image source.
    */
   updateSource(t, e, i = {}) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), i.textureFilter !== void 0 && rt(t, i.textureFilter), i.wrap !== void 0 && it(t, i.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), i.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, i.premultipliedAlpha), this.width === e.width && this.height === e.height ? t.texSubImage2D(t.TEXTURE_2D, 0, 0, 0, t.RGBA, t.UNSIGNED_BYTE, e) : (t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), this.width = e.width, this.height = e.height), i.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1));
+    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));
   }
   /**
    * Dynamically updates the texture filtering mode.
    */
   setFilterMode(t, e) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), rt(t, e), t.bindTexture(t.TEXTURE_2D, null));
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), tt(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), it(t, e), t.bindTexture(t.TEXTURE_2D, null));
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), J(t, e), t.bindTexture(t.TEXTURE_2D, null));
   }
   /**
    * Destroys the WebGL texture resource.
@@ -1120,8 +1120,8 @@ class P {
     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 v = 0; v < l; v++)
-        a.push(this.getSubTexture(v * u, x * f, t, e));
+      for (let g = 0; g < l; g++)
+        a.push(this.getSubTexture(g * u, x * f, t, e));
     return a;
   }
   /**
@@ -1130,8 +1130,8 @@ class P {
    * @param options - Optional antialias and wrap mode settings.
    */
   static fromImageSource(t, e, i = {}) {
-    const r = Q(t, e, i);
-    return new P(new G(r, e.width, e.height));
+    const r = K(t, e, i);
+    return new P(new k(r, e.width, e.height));
   }
   /**
    * Marks this Texture as destroyed, decrementing the BaseTexture reference count.
@@ -1140,7 +1140,7 @@ class P {
     this.base && (this.base.refCount--, this.base = void 0), this.glTexture = null;
   }
 }
-class Ut extends P {
+class At extends P {
   framebuffer;
   renderbuffer;
   gl;
@@ -1151,8 +1151,8 @@ class Ut 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 = Q(t, { width: i, height: r }, { ...e, onlySize: !0 });
-    if (this.setBase(new G(a, i, r)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
+    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)
       throw new Error("Failed to create Framebuffer or Renderbuffer");
     this.resize(i, r, !0);
   }
@@ -1230,7 +1230,7 @@ class Ut extends P {
     super.destroy(), this.framebuffer && this.gl.deleteFramebuffer(this.framebuffer), this.renderbuffer && this.gl.deleteRenderbuffer(this.renderbuffer), this.base?.destroy(this.gl);
   }
 }
-const _t = {
+const Ut = {
   fontFamily: "Arial",
   fontSize: 24,
   fontWeight: "normal",
@@ -1239,7 +1239,7 @@ const _t = {
   align: "left",
   baseline: "top"
 };
-class Ct extends P {
+class _t extends P {
   canvas;
   ctx;
   render;
@@ -1248,12 +1248,12 @@ class Ct extends P {
   options;
   flipY = !0;
   constructor(t, e) {
-    super(), this.render = t, this._style = { ..._t, ...e }, this._text = e?.text ?? "", this.options = { premultipliedAlpha: t.premultipliedAlpha, ...e }, this.scale = 1 / t.dpr, this.canvas = document.createElement("canvas");
+    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 = Q(t, this.canvas, this.options);
-    this.setBase(new G(r, 1, 1)), this.update();
+    const r = K(t, this.canvas, this.options);
+    this.setBase(new k(r, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -1308,27 +1308,27 @@ class Ct extends P {
     let h = 0, c = 0;
     t.textBaseline = "alphabetic";
     const u = t.measureText(o[0]), f = u.fontBoundingBoxAscent, l = u.fontBoundingBoxDescent;
-    for (const w of o) {
-      const b = t.measureText(w);
-      b.width > h && (h = b.width), c += f + l;
+    for (const M of o) {
+      const A = t.measureText(M);
+      A.width > h && (h = A.width), c += f + l;
     }
     c -= l;
-    const p = (this._style.strokeThickness || 0) * 2, x = Math.ceil(h + p) || 1, v = Math.ceil(c + p) || 1, R = x * a, T = v * a;
-    (this.canvas.width !== R || this.canvas.height !== T) && (this.canvas.width = R, this.canvas.height = T), t.setTransform(a, 0, 0, a, 0, 0), t.clearRect(0, 0, x, v), t.font = n, t.textBaseline = "top", t.textAlign = "left", this.updateOffset(x, v);
-    let g = p / 2;
-    for (const w of o) {
-      let b = p / 2;
-      this._style.stroke && this._style.strokeThickness > 0 && (t.lineWidth = this._style.strokeThickness, t.strokeStyle = this._style.stroke, t.strokeText(w, b, g)), this._style.fill && (t.fillStyle = this._style.fill, t.fillText(w, b, g)), g += f + 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;
     }
     this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, this.canvas.width, this.canvas.height);
   }
 }
-const Pt = (s, t = !1, e = !0) => {
+const Ct = (s, t = !1, e = !0) => {
   const i = s.getContext("webgl2", { stencil: !0, antialias: t, premultipliedAlpha: e });
   if (!i)
     throw new Error("WebGL2 is not supported in this browser.");
   return i;
-}, ct = (s, t, e) => {
+}, ht = (s, t, e) => {
   const i = s.createShader(e);
   if (!i)
     throw new Error("Unable to create webgl shader");
@@ -1337,8 +1337,8 @@ const Pt = (s, t = !1, e = !0) => {
     throw console.error("Shader compilation failed:", n), new Error("Unable to compile shader: " + n + t);
   }
   return i;
-}, Nt = (s, t, e) => {
-  var i = s.createProgram(), r = ct(s, t, 35633), n = ct(s, e, 35632);
+}, Pt = (s, t, e) => {
+  var i = s.createProgram(), r = ht(s, t, 35633), n = ht(s, e, 35632);
   if (!i)
     throw new Error("Unable to create program shader");
   if (s.attachShader(i, r), s.attachShader(i, n), s.linkProgram(i), !s.getProgramParameter(i, s.LINK_STATUS)) {
@@ -1347,26 +1347,26 @@ const Pt = (s, t = !1, e = !0) => {
   }
   return i;
 };
-function it(s, t) {
+function J(s, t) {
   const e = {
-    [$.CLAMP]: s.CLAMP_TO_EDGE,
-    [$.REPEAT]: s.REPEAT,
-    [$.MIRRORED_REPEAT]: s.MIRRORED_REPEAT
+    [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);
 }
-function rt(s, t) {
+function tt(s, t) {
   const e = {
-    [nt.LINEAR]: s.LINEAR,
-    [nt.NEAREST]: s.NEAREST
+    [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);
 }
-function Q(s, t, e) {
+function K(s, t, e) {
   const i = s.gl, r = i.createTexture();
   if (!r)
     throw new Error("Unable to create WebGL texture");
-  if (i.bindTexture(i.TEXTURE_2D, r), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 0), i.pixelStorei(i.UNPACK_ALIGNMENT, 1), it(i, e.wrap ?? $.CLAMP), rt(i, e.textureFilter ?? s.textureFilter), e.onlySize) {
+  if (i.bindTexture(i.TEXTURE_2D, r), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 0), i.pixelStorei(i.UNPACK_ALIGNMENT, 1), 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);
   } else {
@@ -1375,7 +1375,7 @@ function Q(s, t, e) {
   }
   return i.bindTexture(i.TEXTURE_2D, null), r;
 }
-function F(s, t) {
+function W(s, t) {
   if (s.includes("%TEXTURE_NUM%") && (s = s.replace("%TEXTURE_NUM%", t.toString())), s.includes("%GET_COLOR%")) {
     let e = "";
     for (let i = 0; i < t; i++)
@@ -1384,15 +1384,15 @@ function F(s, t) {
   }
   return s;
 }
-const Lt = 5126, st = 5121;
-function It(s, t, e) {
+const Nt = 5126, et = 5121;
+function Lt(s, t, e) {
   s.vertexAttribDivisor(t, e);
 }
-function Tt(s, t, e, i, r) {
+function vt(s, t, e, i, r) {
   s.drawArraysInstanced(t, e, i, r);
 }
 let Ot = 0;
-class yt {
+class Tt {
   program;
   attributeLoc = {};
   uniformLoc = {};
@@ -1408,7 +1408,7 @@ class yt {
   // for debug
   vao;
   constructor(t, e, i, r) {
-    this.gl = t, this.program = Nt(t, e, i), this.parseShader(e), this.parseShader(i), this.vao = t.createVertexArray(), r && this.setAttributes(r);
+    this.gl = t, this.program = Pt(t, e, i), this.parseShader(e), this.parseShader(i), this.vao = t.createVertexArray(), r && this.setAttributes(r);
   }
   /** Switch GPU to use this shader program */
   use() {
@@ -1434,7 +1434,7 @@ class yt {
     const i = this.uniformLoc[t];
     if (i === void 0) return;
     const r = this.uniformType[t], n = this.uniformIsArray[t];
-    Wt(this.gl, i, r, e, n);
+    It(this.gl, i, r, e, n);
   }
   /**
    * Batch-set uniforms via a plain value map.
@@ -1461,11 +1461,11 @@ class yt {
     i.vertexAttribPointer(
       e,
       t.size,
-      t.type ?? Lt,
+      t.type ?? Nt,
       t.normalized ?? !1,
       t.stride,
       t.offset ?? 0
-    ), i.enableVertexAttribArray(e), It(i, e, t.divisor ?? 0);
+    ), i.enableVertexAttribArray(e), Lt(i, e, t.divisor ?? 0);
   }
   /** Bind all vertex attribute pointers at once */
   setAttributes(t) {
@@ -1493,7 +1493,7 @@ class yt {
       }
   }
 }
-function Wt(s, t, e, i, r = !1) {
+function It(s, t, e, i, r = !1) {
   switch (e) {
     // scalars
     case "float":
@@ -1529,10 +1529,10 @@ function Wt(s, t, e, i, r = !1) {
       return s.uniformMatrix4fv(t, !1, i);
     // fallback: guess by value shape
     default:
-      return Ft(s, t, i);
+      return Wt(s, t, i);
   }
 }
-function Ft(s, t, e) {
+function Wt(s, t, e) {
   if (typeof e == "number")
     return s.uniform1f(t, e);
   const i = e;
@@ -1551,7 +1551,7 @@ function Ft(s, t, e) {
       return s.uniform1fv(t, i);
   }
 }
-class ut {
+class ot {
   /** Custom vertex shader code */
   vs;
   /** Custom fragment shader code */
@@ -1623,8 +1623,7 @@ class ut {
     return n.isCustom = !0, n.padding = this.padding, this.glshader.set(e, n), this.uniformDirty.add(e), n;
   }
 }
-const q = 1 / 0;
-class Rt {
+class yt {
   constructor(t) {
     this.rapid = t, this.gl = t.gl, this.maxTextureUnits = t.maxTextureUnits, this.matrixStore = t.matrix;
   }
@@ -1667,7 +1666,7 @@ class Rt {
     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;
   }
   createShader(t, e) {
-    return new yt(this.gl, t, e);
+    return new Tt(this.gl, t, e);
   }
   createCustomShader(t) {
     return t.getGLShader(this, this.KEY, this.vs, this.fs);
@@ -1675,7 +1674,7 @@ class Rt {
   getCustomShader(t) {
     if (!t)
       return this.defaultShader;
-    if (t instanceof ut) {
+    if (t instanceof ot) {
       const e = this.createCustomShader(t);
       return e ?? this.defaultShader;
     }
@@ -1690,7 +1689,7 @@ class Rt {
     return this.isDefaultShader && !t ? !0 : this.getCustomShader(t) == this.currentShader;
   }
   enter(t) {
-    this.resetRender(), this.currentShader = this.getCustomShader(t), t instanceof ut ? (this.customShader = t, this.customShaderUsedTextureNum = t.usedTextureUnitNum) : (this.customShader = null, this.customShaderUsedTextureNum = 0), this.isDefaultShader = this.currentShader == this.defaultShader, this.currentShader.use(), this.currentShader.setUniform("u_projection", this.rapid.projection);
+    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);
   }
   exit() {
     this.hasPendingContent() && this.flush(), this.gl.bindVertexArray(null);
@@ -1699,6 +1698,9 @@ class Rt {
     this.render(), this.resetRender();
   }
   render() {
+    this.prepareRender();
+  }
+  prepareRender() {
     const t = this.currentShader;
     if (t.use(), this.customShader) {
       const i = this.customShader, r = {};
@@ -1724,7 +1726,7 @@ class Rt {
     return !1;
   }
 }
-const Z = `#version 300 es\r
+const $ = `#version 300 es\r
 precision mediump float;\r
 \r
 // per-vertex\r
@@ -1772,7 +1774,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * position;\r
 }\r
-`, lt = `#version 300 es\r
+`, ct = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -1821,8 +1823,8 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, z = 48, Dt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
-class at extends Rt {
+`, V = 48, Ft = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
+class rt extends yt {
   instanceBuffer;
   quadBuffer;
   instanceCount = 0;
@@ -1834,28 +1836,28 @@ class at extends Rt {
   }
   createBuffer() {
     const t = this.gl;
-    this.quadBuffer = new et(t, L.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
-    for (const e of Dt) this.quadBuffer.pushFloat32(e);
-    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new et(t, L.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
+    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);
   }
   createDefaultShader() {
-    const t = this.rapid, e = F(lt, t.maxTextureUnits), i = F(Z, t.maxTextureUnits);
+    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;
   }
   createShader(t, e) {
     const i = super.createShader(t, e);
     return i.use(), i.bindVAO(), this.instanceBuffer.bindBuffer(), i.setAttributes([
-      { name: "aMatrixRow0", size: 3, stride: z, offset: 0, divisor: 1 },
-      { name: "aMatrixRow1", size: 3, stride: z, offset: 12, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: z, offset: 24, divisor: 1 },
-      { name: "aColor", size: 4, type: st, normalized: !0, stride: z, offset: 40, divisor: 1 },
-      { name: "aTextureId", size: 1, type: st, stride: z, offset: 44, divisor: 1 }
+      { name: "aMatrixRow0", size: 3, stride: V, offset: 0, divisor: 1 },
+      { name: "aMatrixRow1", size: 3, stride: V, offset: 12, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: V, offset: 24, divisor: 1 },
+      { name: "aColor", size: 4, type: 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([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
     ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   createCustomShader(t) {
-    const e = F(lt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = F(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = W(ct, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = W($, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, i, e);
   }
   /**
@@ -1892,24 +1894,23 @@ class at extends Rt {
       l
     );
   }
-  drawSpriteAffine(t, e, i, r, n, a, o, h = 0, c = 0, u = 1, f = 1, l = 4294967295, p = 0, x = 0, v = !1, R = !1, T = !1) {
-    this.instanceCount > q && this.flush();
-    const g = t.base, w = t.scale ?? 1, b = t.rawWidth, A = t.rawHeight, I = t.offsetX, Y = t.offsetY, N = this.useTexture(
+  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(
       t.glTexture,
-      p / w / g.width,
-      x / w / g.height
-    ), U = this.instanceBuffer, y = U.usedElemNum;
-    U.resize(12);
-    const M = U.float32, D = U.uint32, O = (T ? A : b) * w, W = (T ? b : A) * w, H = O + 2 * p, V = W + 2 * x, ht = I - p, ot = Y - x, S = this.localSpriteMatrix;
-    T ? (S[0] = 0, S[1] = R ? V : -V, S[2] = v ? -H : H, S[3] = 0, S[4] = ht + (v ? H : 0), S[5] = ot + (R ? 0 : V)) : (S[0] = v ? -H : H, S[1] = 0, S[2] = 0, S[3] = R ? -V : V, S[4] = ht + (v ? H : 0), S[5] = ot + (R ? V : 0));
+      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 * S[0] + r * S[1], _[1] = i * S[0] + n * S[1], _[2] = e * S[2] + r * S[3], _[3] = i * S[2] + n * S[3], _[4] = a + e * S[4] + r * S[5], _[5] = o + i * S[4] + n * S[5], M[y + 6] = h, M[y + 7] = c, M[y + 8] = u, M[y + 9] = f, D[y + 10] = l, D[y + 11] = N, this.rapid.roundPixels && (_[4] = Math.round(_[4]), _[5] = Math.round(_[5])), M[y] = _[0], M[y + 1] = _[2], M[y + 2] = _[4], M[y + 3] = _[1], M[y + 4] = _[3], M[y + 5] = _[5], U.usedElemNum += 12, U.makeDirty(), this.instanceCount++;
+    _[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++;
   }
   render() {
     if (this.instanceCount === 0) return;
-    super.render();
+    this.prepareRender();
     const t = this.gl, e = this.currentShader;
-    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), Tt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
+    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), vt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
   }
   resetRender() {
     super.resetRender(), this.instanceBuffer.clear(), this.instanceCount = 0;
@@ -1918,7 +1919,7 @@ class at extends Rt {
     return this.instanceCount > 0;
   }
 }
-const Bt = `#version 300 es\r
+const Dt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 aPosition;\r
@@ -1949,7 +1950,7 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
     gl_Position = u_projection * position;\r
 }\r
-`, kt = `#version 300 es\r
+`, Bt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec4 vColor;\r
@@ -1995,7 +1996,7 @@ void main(void) {\r
     fragColor = sampleTexture(vRegion);\r
     // CUSTOM_CODE_CALL\r
 }\r
-`, Gt = `#version 300 es\r
+`, kt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 aPosition;\r
@@ -2018,7 +2019,7 @@ void main(void) {\r
     );\r
     gl_Position = u_projection * position;\r
 }\r
-`, Ht = `#version 300 es\r
+`, Gt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 vRegion;\r
@@ -2038,8 +2039,8 @@ void main(void) {\r
         discard;\r
     }\r
 }\r
-`, X = 20;
-class Vt extends Rt {
+`, z = 20;
+class Ht extends yt {
   vertexBuffer;
   vertexCount = 0;
   matrixIndex = -1;
@@ -2052,24 +2053,24 @@ class Vt extends Rt {
   }
   createBuffer() {
     const t = this.gl;
-    this.vertexBuffer = new et(t, L.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Gt, Ht);
+    this.vertexBuffer = new Q(t, O.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(kt, Gt);
   }
   createDefaultShader() {
-    return this.vs = Bt, this.fs = kt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
+    return this.vs = Dt, this.fs = Bt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
   }
   createMaskShader(t, e) {
-    const i = this.gl, r = new yt(i, 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: X - 4, offset: 0, divisor: 0 },
-      { name: "aUV", size: 2, type: i.FLOAT, stride: X - 4, offset: 8, divisor: 0 }
+      { 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;
   }
   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: X, offset: 0, divisor: 0 },
-      { name: "aColor", size: 4, type: i.UNSIGNED_BYTE, normalized: !0, stride: X, offset: 8, divisor: 0 },
-      { name: "aUV", size: 2, type: i.FLOAT, stride: X, offset: 12, divisor: 0 }
+      { 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;
   }
   /**
@@ -2101,7 +2102,7 @@ class Vt extends Rt {
   }
   render() {
     if (this.vertexCount === 0) return;
-    super.render();
+    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(
@@ -2238,7 +2239,7 @@ class d {
     return new d(Math.cos(t), Math.sin(t));
   }
 }
-const Yt = (s, t) => {
+const Vt = (s, t) => {
   const [e, i, r, n, a, o] = t, h = new Float32Array([
     e,
     n,
@@ -2269,15 +2270,15 @@ const Yt = (s, t) => {
     }
   return e;
 };
-var Xt = /* @__PURE__ */ ((s) => (s[s.STRETCH = 0] = "STRETCH", s[s.REPEAT = 1] = "REPEAT", s))(Xt || {});
-const tt = 10, dt = (s, t, e, i, r, n) => {
+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 < tt; f++) {
-    const l = f / tt, p = (f + 1) / tt, x = h + l * c, v = h + p * c, R = new d(Math.cos(x) * e, Math.sin(x) * e), T = new d(Math.cos(v) * e, Math.sin(v) * e);
-    a.push(s), o.push(new d(r, 0.5)), a.push(s.add(R)), o.push(new d(r + R.dot(u) * n, 0.5 - 0.5 * R.dot(t) / e)), a.push(s.add(T)), o.push(new d(r + T.dot(u) * n, 0.5 - 0.5 * T.dot(t) / e));
+  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));
   }
   return { vertices: a, uv: o };
-}, $t = (s, t = !1) => {
+}, Xt = (s, t = !1) => {
   const e = [];
   if (s.length < 2 || t && s.length < 3) return { normals: e, length: 0 };
   const i = 4, r = 1e-3, n = s.length;
@@ -2297,8 +2298,8 @@ const tt = 10, dt = (s, t, e, i, r, n) => {
     {
       let x = l.add(f).normalize();
       f.cross(l) < 0 && (x = x.multiply(-1));
-      let v = 1 / Math.sqrt((1 - p) / 2);
-      return { normal: x, miters: Math.min(v, i) };
+      let g = 1 / Math.sqrt((1 - p) / 2);
+      return { normal: x, miters: Math.min(g, i) };
     }
   };
   if (t)
@@ -2320,31 +2321,31 @@ const tt = 10, dt = (s, t, e, i, r, n) => {
 }, jt = (s) => {
   const t = s.points;
   if (t.length < 2) return { vertices: [], uv: [] };
-  const { normals: e, length: i } = $t(t, s.closed), r = (s.width || 1) / 2, n = [], a = [], o = s.roundCap || !1, h = s.textureMode || 0;
+  const { normals: e, length: i } = Xt(t, s.closed), r = (s.width || 1) / 2, n = [], a = [], o = s.roundCap || !1, h = s.textureMode || 0;
   let c = 0;
   const u = s.texture?.rawWidth || 1, f = s.closed ? t.length : t.length - 1;
   for (let l = 0; l < f; l++) {
-    const p = t[l], x = e[l].normal, v = e[l].miters, R = (l + 1) % t.length, T = t[R], g = e[R].normal, w = e[R].miters, b = p.add(x.multiply(v * r)), A = p.subtract(x.multiply(v * r)), I = T.add(g.multiply(w * r)), Y = T.subtract(g.multiply(w * r)), N = p.distanceTo(T);
-    let U = 0, y = 0;
-    h === 0 ? (U = c / i, y = (c + N) / i) : (U = c / u, y = U + N / u);
-    const M = new d(U, 0), D = new d(U, 1), O = new d(y, 0), W = new d(y, 1);
-    n.push(b), a.push(M), n.push(A), a.push(D), n.push(I), a.push(O), n.push(I), a.push(O), n.push(Y), a.push(W), n.push(A), a.push(D), c += N;
+    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, v = dt(l, p, r, !0, 0, x);
-    n.push(...v.vertices), a.push(...v.uv);
-    const R = t[t.length - 1], T = e[t.length - 1].normal, g = h === 0 ? 1 : c / u, w = h === 0 ? i > 0 ? 1 / i : 0 : 1 / u, b = dt(R, T, r, !1, g, w);
-    n.push(...b.vertices), a.push(...b.uv);
+    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 };
-}, j = (s, t, e, i, r) => {
+}, X = (s, t, e, i, r) => {
   s.matrixStack.applyTransform(t, e, i);
   try {
     r();
   } finally {
     t.saveTransform !== !1 && s.matrixStack.restore();
   }
-}, J = (s, t) => t ? s.premultipliedAlpha ? t.premultipliedUint32 : t.uint32 : 4294967295, Kt = 2, Et = (s, t) => {
+}, 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)
     return;
@@ -2353,7 +2354,7 @@ const tt = 10, dt = (s, t, e, i, r, n) => {
   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 += Kt);
+  e.isAtlas && (u += $t);
   const f = r <= a ? u : -u, l = n <= o ? u : -u;
   i.drawSprite(
     e,
@@ -2362,40 +2363,18 @@ const tt = 10, dt = (s, t, e, i, r, n) => {
     n,
     a,
     o,
-    J(s, t.color),
+    st(s, t.color),
     f,
     l,
     h,
     c,
     e.isRotated
   );
-}, qt = (s, t) => {
-  j(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
-    Et(s, t);
+}, Kt = (s, t) => {
+  X(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
+    Rt(s, t);
   });
-}, Zt = (s, t) => {
-  const e = s.particleRegion;
-  s.enterRegion(e, t.shader);
-  const i = t.texture, r = i.uvX, n = i.uvY, a = i.uvW, o = i.uvH;
-  e.drawParticle(
-    i,
-    t.x,
-    t.y,
-    t.scaleX,
-    t.scaleY,
-    t.rotation,
-    r,
-    n,
-    a,
-    o,
-    J(s, t.color),
-    t.flipX,
-    t.flipY,
-    t.isRotated,
-    t.originX,
-    t.originY
-  );
-}, Qt = (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);
@@ -2424,8 +2403,8 @@ const tt = 10, dt = (s, t, e, i, r, n) => {
     t.originX,
     t.originY
   );
-}, wt = (s, t) => {
-  t.points.length !== 0 && j(s, t, 0, 0, () => {
+}, Et = (s, t) => {
+  t.points.length !== 0 && X(s, t, 0, 0, () => {
     s.startGraphic(
       t.drawMode ?? s.gl.TRIANGLES,
       t.texture,
@@ -2439,31 +2418,31 @@ const tt = 10, dt = (s, t, e, i, r, n) => {
         i.y,
         r?.x ?? 0,
         r?.y ?? 0,
-        J(s, n)
+        st(s, n)
       );
     }
     s.endGraphic();
   });
-}, Jt = (s, t) => {
+}, Zt = (s, t) => {
   if (s.inCreateMask)
     return;
   const { vertices: e, uv: i } = jt(t);
-  wt(s, {
+  Et(s, {
     ...t,
     points: e,
     uv: i,
     drawMode: s.gl.TRIANGLES
   });
-}, te = (s, t) => {
-  j(s, t, t.texture.rawWidth, t.texture.rawHeight, () => {
+}, 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();
   });
-}, ee = (s, t) => {
-  j(s, t, t.width, t.height, () => {
+}, Jt = (s, t) => {
+  X(s, t, t.width, t.height, () => {
     s.startGraphic(
       s.gl.TRIANGLE_FAN,
       t.texture,
@@ -2471,19 +2450,19 @@ const tt = 10, dt = (s, t, e, i, r, n) => {
       t.customMatrix
     ), s.addRectVertex(t.width, t.height, t.color), s.endGraphic();
   });
-}, ie = (s, t) => {
+}, te = (s, t) => {
   const e = t.segments ?? 32;
-  j(s, t, 0, 0, () => {
+  X(s, t, 0, 0, () => {
     s.startGraphic(
       s.gl.TRIANGLE_FAN,
       void 0,
       t.shader,
       t.customMatrix
     );
-    const i = J(s, t.color);
+    const i = 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();
   });
-}, ft = `#version 300 es\r
+}, lt = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -2533,21 +2512,21 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
 }\r
 `;
-class re extends at {
+class ee extends rt {
   KEY = "AtlasSprite";
   constructor(t) {
     super(t);
   }
   createCustomShader(t) {
-    const e = F(ft, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = F(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
+    const e = W(lt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), i = W($, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
     return t.getGLShader(this, this.KEY, i, e);
   }
   createDefaultShader() {
-    const t = this.rapid, e = F(ft, t.maxTextureUnits), i = F(Z, t.maxTextureUnits);
+    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 mt = `#version 300 es\r
+const dt = `#version 300 es\r
 precision mediump float;\r
 \r
 // per-vertex\r
@@ -2588,7 +2567,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * vec4(v, 0.0, 1.0);\r
 }\r
-`, xt = `#version 300 es\r
+`, ft = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTexture;\r
@@ -2604,18 +2583,18 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, B = 48, K = B / 4;
-class se extends at {
+`, D = 48, mt = D / 4;
+class ie extends rt {
   KEY = "ParticleSprite";
   texture;
   constructor(t) {
     super(t);
   }
   createCustomShader(t) {
-    return t.getGLShader(this, this.KEY, mt, xt);
+    return t.getGLShader(this, this.KEY, dt, ft);
   }
   createDefaultShader() {
-    const t = xt, e = mt;
+    const t = ft, e = dt;
     return this.vs = e, this.fs = t, this.defaultShader = this.createShader(e, t), this.defaultShader;
   }
   enter(t) {
@@ -2624,53 +2603,46 @@ class se extends at {
   createShader(t, e) {
     const i = super.createShader(t, e);
     return i.use(), i.bindVAO(), this.instanceBuffer.bindBuffer(), i.setAttributes([
-      { name: "aPosition", size: 2, stride: B, offset: 0, divisor: 1 },
-      { name: "aScale", size: 2, stride: B, offset: 8, divisor: 1 },
-      { name: "aRotation", size: 1, stride: B, offset: 16, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: B, offset: 20, divisor: 1 },
-      { name: "aColor", size: 4, type: st, normalized: !0, stride: B, offset: 36, divisor: 1 },
-      { name: "aOrigin", size: 2, stride: B, offset: 40, divisor: 1 }
+      { 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([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
     ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
-  drawParticle(t, e = 0, i = 0, r = 1, n = 1, a = 0, o = 0, h = 0, c = 1, u = 1, f = 4294967295, l = !1, p = !1, x = !1, v = 0.5, R = 0.5) {
-    (this.instanceCount >= q || this.texture && t != this.texture) && this.flush(), t.glTexture && (this.texture = t, this.useTexture(t.glTexture, 0, 0));
-    const T = this.instanceBuffer, g = T.usedElemNum, w = t.rawWidth, b = t.rawHeight;
-    T.resize(K);
-    const A = T.float32, I = T.uint32;
-    A[g] = e, A[g + 1] = i, A[g + 2] = r * (l ? -1 : 1) * w, A[g + 3] = n * (p ? -1 : 1) * b, A[g + 4] = a, x && (A[g + 4] += Math.PI / 2), A[g + 5] = o, A[g + 6] = h, A[g + 7] = c, A[g + 8] = u, I[g + 9] = f, A[g + 10] = v, A[g + 11] = R, T.usedElemNum += K, T.makeDirty(), this.instanceCount++;
-  }
-  drawParticles(t, e, i, r, n, a, o = 1, h = 1, c = 0, u = 0, f = 1, l = 1, p = !1, x = !1, v = !1, R = 0.5, T = 0.5) {
+  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) {
     if (!t.glTexture || a <= 0) return;
-    let g = 0;
-    const w = t.rawWidth * o * (p ? -1 : 1), b = t.rawHeight * h * (x ? -1 : 1), A = v ? Math.PI / 2 : 0;
-    for (; g < a; ) {
+    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; ) {
       this.texture && t !== this.texture && this.flush(), this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
-      const I = a - g, Y = q - this.instanceCount, N = Math.min(I, Y), U = this.instanceBuffer;
-      let y = U.usedElemNum;
-      U.resize(N * K);
-      const M = U.float32, D = U.uint32;
-      for (let O = 0; O < N; O++) {
-        const W = g + O;
-        M[y] = e[W], M[y + 1] = i[W], M[y + 2] = w, M[y + 3] = b, M[y + 4] = r[W] + A, M[y + 5] = c, M[y + 6] = u, M[y + 7] = f, M[y + 8] = l, D[y + 9] = n[W], M[y + 10] = R, M[y + 11] = T, y += K;
+      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;
       }
-      U.usedElemNum = y, U.makeDirty(), this.instanceCount += N, g += N, this.instanceCount >= q && this.flush();
+      N.usedElemNum = S, N.makeDirty(), this.instanceCount += I, w += I;
     }
   }
   render() {
     if (this.instanceCount === 0) return;
-    super.render();
+    this.prepareRender();
     const t = this.gl;
     this.texture && (t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.texture.glTexture));
     const e = this.currentShader;
     this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO();
-    const i = Yt(this.rapid.projection, this.worldSpriteMatrix);
-    this.currentShader.setUniform("u_projection", i), Tt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0;
+    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;
   }
 }
-var ne = /* @__PURE__ */ ((s) => (s[s.EQUAL = 0] = "EQUAL", s[s.NOT_EQUAL = 1] = "NOT_EQUAL", s))(ne || {}), ae = /* @__PURE__ */ ((s) => (s[s.NORMAL = 0] = "NORMAL", s[s.ADD = 1] = "ADD", s[s.MULTIPLY = 2] = "MULTIPLY", s[s.SCREEN = 3] = "SCREEN", s[s.ERASE = 4] = "ERASE", s))(ae || {}), nt = /* @__PURE__ */ ((s) => (s[s.LINEAR = 0] = "LINEAR", s[s.NEAREST = 1] = "NEAREST", s))(nt || {}), he = /* @__PURE__ */ ((s) => (s[s.CanvasItem = 0] = "CanvasItem", s[s.Viewport = 1] = "Viewport", s))(he || {});
-class le {
+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 || {});
+class ce {
   /** The active WebGL context. */
   gl;
   /** The target HTMLCanvasElement. */
@@ -2696,7 +2668,7 @@ class le {
   /** Maximum number of texture units supported by the device. */
   maxTextureUnits = 0;
   /** Matrix stack for hierarchical transformations. */
-  matrixStack = new bt(this);
+  matrixStack = new St(this);
   /** Direct access to the underlying matrix store. */
   matrix;
   /** Region dedicated to fast sprite rendering. */
@@ -2734,10 +2706,10 @@ class le {
    */
   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 = Pt(this.canvas, this.antialias, this.premultipliedAlpha);
-    this.gl = e, this.maxTextureUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.matrix = this.matrixStack.matrix, this.spriteRegion = new at(this), this.graphicRegion = new Vt(this), this.atlasSpriteRegion = new re(this), this.particleRegion = new se(this);
+    const 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 At(this), t.backgroundColor && (this.backgroundColor = t.backgroundColor), e.enable(e.BLEND), this.premultipliedAlpha ? e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA) : e.blendFunc(e.SRC_ALPHA, e.ONE_MINUS_SRC_ALPHA), e.enable(e.STENCIL_TEST), e.stencilFunc(e.ALWAYS, 1, 255), e.stencilOp(e.KEEP, e.KEEP, e.KEEP);
+    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);
   }
   setTextureFilter(t) {
     this.textureFilter = t;
@@ -2756,26 +2728,23 @@ class le {
   enterRegion(t, e) {
     this.currentRegion === t && this.currentRegion.isSameShader(e) || (this.flush(), this.currentRegion = t, t.enter(e));
   }
-  drawParticle(t) {
-    Zt(this, t);
-  }
   drawParticles(t) {
-    Qt(this, t);
+    qt(this, t), this.flush();
   }
   drawSprite(t) {
-    qt(this, t);
+    Kt(this, t);
   }
   drawLine(t) {
-    Jt(this, t);
+    Zt(this, t);
   }
   drawGraphic(t) {
-    wt(this, t);
+    Et(this, t);
   }
   drawRect(t) {
-    ee(this, t);
+    Jt(this, t);
   }
   drawCircle(t) {
-    ie(this, t);
+    te(this, t);
   }
   /**
    * Starts rendering arbitrary graphics geometries.
@@ -2799,7 +2768,7 @@ class le {
    * @param texture The texture to be used as a mask.
    */
   drawMaskImage(t) {
-    te(this, t);
+    Qt(this, t);
   }
   /**
    * Pushes vertices for a rectangle geometry. Should be enclosed by startGraphic and endGraphic.
@@ -3204,7 +3173,7 @@ class le {
     return this.matrix.toCSSMatrix(t ?? this.matrixStack.curWorldM, e, i);
   }
 }
-function oe(s) {
+function ae(s) {
   return !(s === null || typeof s != "object" || Array.isArray(s) || s instanceof d || s instanceof m);
 }
 class C {
@@ -3270,9 +3239,9 @@ class C {
     return typeof t == "number" ? t : t.clone();
   }
 }
-var ce = /* @__PURE__ */ ((s) => (s.POINT = "point", s.CIRCLE = "circle", s.RECT = "rect", s))(ce || {});
-const pt = 10, gt = 0, vt = !0;
-class ue {
+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;
@@ -3292,7 +3261,7 @@ class ue {
   processAttribute(t, e) {
     if (t == null)
       return { value: e };
-    if (oe(t)) {
+    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),
@@ -3336,7 +3305,7 @@ class ue {
     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), Et(this.rapid, { texture: this.texture, color: r }), t.restore();
+    (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) {
@@ -3359,16 +3328,16 @@ class ue {
     !this.options.localSpace && this.options.position && (this.position = this.position.add(this.options.position));
   }
 }
-class Mt {
+class wt {
   particles = [];
   options;
   emitting = !1;
   emitTimer = 0;
-  emitRate = pt;
-  emitTime = gt;
+  emitRate = xt;
+  emitTime = pt;
   emitTimeCounter = 0;
   /** Whether spawned particles are positioned in local emitter space (default: true). */
-  localSpace = vt;
+  localSpace = gt;
   /** World position of the emitter. Used for both local-space transform and world-space spawn offset. */
   position = d.ZERO;
   rapid;
@@ -3379,7 +3348,7 @@ class Mt {
    * @param options - Emitter configuration options
    */
   constructor(t, e) {
-    this.rapid = t, this.options = e, this.emitRate = e.emitRate !== void 0 ? e.emitRate : pt, this.emitTime = e.emitTime !== void 0 ? e.emitTime : gt, this.localSpace = e.localSpace !== void 0 ? e.localSpace : vt, this.position = e.position ?? d.ZERO;
+    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;
   }
   /** Replaces the emitter's texture at runtime. */
   setTexture(t) {
@@ -3390,7 +3359,7 @@ class Mt {
    * Particle state is NOT copied.
    */
   clone() {
-    return new Mt(this.rapid, { ...this.options });
+    return new wt(this.rapid, { ...this.options });
   }
   /** Sets particles-per-second emission rate (continuous mode). */
   setEmitRate(t) {
@@ -3419,7 +3388,7 @@ class Mt {
   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 ue(this.rapid, { ...this.options, position: this.position }));
+      this.particles.push(new oe(this.rapid, { ...this.options, position: this.position }));
   }
   /**
    * Updates the emitter and all live particles.
@@ -3467,44 +3436,42 @@ class Mt {
   }
 }
 export {
-  L as ArrayType,
-  G as BaseTexture,
-  ae as BlendMode,
-  he as CanvasScaleMode,
+  O as ArrayType,
+  k as BaseTexture,
+  se as BlendMode,
+  ne as CanvasScaleMode,
   m as Color,
-  ut as CustomGlShader,
-  k as DynamicArrayBuffer,
-  yt as GLShader,
-  Vt as GraphicRegion,
-  Xt as LineTextureMode,
-  q as MAX_INSTANCES,
-  ne as MaskType,
-  bt as MatrixStack,
-  St as MatrixStore,
-  ue as Particle,
-  Mt as ParticleEmitter,
-  ce as ParticleShape,
-  Dt as QUAD_VERTICES,
-  le as Rapid,
-  Rt as Region,
-  Ut as RenderTexture,
-  at as SpriteRegion,
-  Ct as TextTexture,
+  ot as CustomGlShader,
+  B as DynamicArrayBuffer,
+  Tt as GLShader,
+  Ht as GraphicRegion,
+  Yt as LineTextureMode,
+  re as MaskType,
+  St as MatrixStack,
+  Mt as MatrixStore,
+  oe as Particle,
+  wt as ParticleEmitter,
+  he as ParticleShape,
+  Ft as QUAD_VERTICES,
+  ce as Rapid,
+  yt as Region,
+  At as RenderTexture,
+  rt as SpriteRegion,
+  _t as TextTexture,
   P as Texture,
-  nt as TextureFilterMode,
-  At as TextureManager,
-  $ as TextureWrapMode,
+  it as TextureFilterMode,
+  bt as TextureManager,
+  Y as TextureWrapMode,
   d as Vec2,
-  et as WebglBufferArray,
-  Yt as composeProjectionWithAffine,
-  ie as drawCircle,
-  wt as drawGraphic,
-  Jt as drawLine,
-  te as drawMaskImage,
-  Zt as drawParticle,
-  Qt as drawParticles,
-  ee as drawRect,
-  qt as drawSprite,
-  Et as drawSpriteRaw,
+  Q as WebglBufferArray,
+  Vt as composeProjectionWithAffine,
+  te as drawCircle,
+  Et as drawGraphic,
+  Zt as drawLine,
+  Qt as drawMaskImage,
+  qt as drawParticles,
+  Jt as drawRect,
+  Kt as drawSprite,
+  Rt as drawSpriteRaw,
   zt as multiplyMat4
 };