rapid-render 1.0.16 → 1.0.18

package/dist/rapid-render.js

@@ -1,130 +1,4 @@
-var S = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(S || {});
-class A {
-  usedElemNum;
-  typedArray;
-  arrayType;
-  maxElemNum;
-  bytePerElem;
-  arraybuffer;
-  uint32;
-  float32;
-  uint16;
-  constructor(t) {
-    this.usedElemNum = 0, this.maxElemNum = 512, this.bytePerElem = this.getArrayType(t).BYTES_PER_ELEMENT, this.arrayType = t, this.arraybuffer = new ArrayBuffer(this.maxElemNum * this.bytePerElem), this.updateTypedArray();
-  }
-  getArrayType(t) {
-    switch (t) {
-      case 0:
-        return Float32Array;
-      case 1:
-        return Uint32Array;
-      case 2:
-        return Uint16Array;
-      default:
-        throw new Error("Unsupported ArrayType");
-    }
-  }
-  updateTypedArray() {
-    switch (this.uint32 = new Uint32Array(this.arraybuffer), this.float32 = new Float32Array(this.arraybuffer), this.uint16 = new Uint16Array(this.arraybuffer), this.arrayType) {
-      case 0:
-        this.typedArray = this.float32;
-        break;
-      case 1:
-        this.typedArray = this.uint32;
-        break;
-      case 2:
-        this.typedArray = this.uint16;
-        break;
-    }
-  }
-  clear() {
-    this.usedElemNum = 0;
-  }
-  static removeAtIndices(t, e) {
-    const r = Math.max(...e.map((h) => h.usedElemNum)), i = [...new Set(t)].filter(
-      (h) => h >= 0 && h < r
-    ).sort((h, o) => h - o);
-    if (i.length === 0)
-      return 0;
-    let s = 0, a = 0;
-    for (let h = 0; h < r; h++) {
-      if (a < i.length && h === i[a]) {
-        a++;
-        continue;
-      }
-      if (s !== h)
-        for (const o of e)
-          o.typedArray[s] = o.typedArray[h];
-      s++;
-    }
-    for (const h of e)
-      h.usedElemNum = s;
-    return r - s;
-  }
-  resize(t = 0) {
-    if (t += this.usedElemNum, t > this.maxElemNum) {
-      for (; t > this.maxElemNum; )
-        this.maxElemNum *= 2;
-      return this.setMaxSize(this.maxElemNum), !0;
-    }
-    return !1;
-  }
-  setMaxSize(t = this.maxElemNum) {
-    const e = this.typedArray;
-    this.maxElemNum = t, this.arraybuffer = new ArrayBuffer(t * this.bytePerElem), this.updateTypedArray(), this.typedArray.set(e);
-  }
-  pushUint32(t) {
-    this.resize(1), this.uint32[this.usedElemNum++] = t;
-  }
-  pushFloat32(t) {
-    this.resize(1), this.float32[this.usedElemNum++] = t;
-  }
-  push(t) {
-    this.resize(1), this.typedArray[this.usedElemNum++] = t;
-  }
-  pop() {
-    return this.typedArray[--this.usedElemNum];
-  }
-  top() {
-    return this.typedArray[this.usedElemNum - 1];
-  }
-  get(t) {
-    return this.typedArray[t];
-  }
-  getArray(t = 0, e) {
-    return e === void 0 ? this.typedArray : this.typedArray.subarray(t, e);
-  }
-  get length() {
-    return this.usedElemNum;
-  }
-}
-class it extends A {
-  buffer;
-  gl;
-  dirty = !0;
-  type;
-  webglBufferSize = 0;
-  usage;
-  constructor(t, e, r = t.ARRAY_BUFFER, i = t.DYNAMIC_DRAW) {
-    super(e), this.gl = t, this.buffer = t.createBuffer(), this.type = r, this.usage = i;
-  }
-  makeDirty() {
-    this.dirty = !0;
-  }
-  clear() {
-    super.clear(), this.dirty = !1;
-  }
-  bindBuffer() {
-    this.gl.bindBuffer(this.type, this.buffer);
-  }
-  bufferData() {
-    if (this.dirty) {
-      const t = this.gl;
-      this.maxElemNum > this.webglBufferSize && (t.bufferData(this.type, this.maxElemNum * this.bytePerElem, this.usage), this.webglBufferSize = this.maxElemNum), t.bufferSubData(this.type, 0, this.getArray(0, this.usedElemNum)), this.dirty = !1;
-    }
-  }
-}
-class x {
+class m {
   _r;
   _g;
   _b;
@@ -166,7 +40,7 @@ class x {
   }
   updateUint() {
     this.uint32 = (this._a << 24 | this._b << 16 | this._g << 8 | this._r) >>> 0;
-    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);
+    const t = m.clampByte(this._a), e = m.clampByte(this._r * t / 255), r = m.clampByte(this._g * t / 255), i = m.clampByte(this._b * t / 255);
     this.premultipliedUint32 = (t << 24 | i << 16 | r << 8 | e) >>> 0;
   }
   reset() {
@@ -185,7 +59,7 @@ class x {
     this.setRGBA(t.r, t.g, t.b, t.a);
   }
   clone() {
-    return new x(this._r, this._g, this._b, this._a);
+    return new m(this._r, this._g, this._b, this._a);
   }
   toHexString(t = !0) {
     const e = this.r.toString(16).padStart(2, "0"), r = this.g.toString(16).padStart(2, "0"), i = this.b.toString(16).padStart(2, "0"), s = this.a.toString(16).padStart(2, "0");
@@ -195,13 +69,13 @@ class x {
     return t.r === this.r && t.g === this.g && t.b === this.b && t.a === this.a;
   }
   static FromHSL(t, e, r) {
-    return new x(0, 0, 0).setHSL(t, e, r);
+    return new m(0, 0, 0).setHSL(t, e, r);
   }
   static FromRGB(t, e, r) {
-    return new x(t, e, r);
+    return new m(t, e, r);
   }
   static fromNorm(t, e, r, i = 1) {
-    return new x(
+    return new m(
       Math.round(t * 255),
       Math.round(e * 255),
       Math.round(r * 255),
@@ -209,17 +83,17 @@ class x {
     );
   }
   static packColor(t, e, r, i, s) {
-    const a = x.clampByte(i), h = s ? a / 255 : 1, o = x.clampByte(t * h), c = x.clampByte(e * h), u = x.clampByte(r * h);
+    const a = m.clampByte(i), h = s ? a / 255 : 1, o = m.clampByte(t * h), c = m.clampByte(e * h), u = m.clampByte(r * h);
     return (a << 24 | u << 16 | c << 8 | o) >>> 0;
   }
   static fromHex(t) {
     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 x(e, r, i, s);
+    return t.length >= 8 && (s = parseInt(t.slice(6, 8), 16)), new m(e, r, i, s);
   }
   add(t) {
-    return new x(
+    return new m(
       Math.min(this.r + t.r, 255),
       Math.min(this.g + t.g, 255),
       Math.min(this.b + t.b, 255),
@@ -227,7 +101,7 @@ class x {
     );
   }
   subtract(t) {
-    return new x(
+    return new m(
       this.r - t.r,
       this.g - t.g,
       this.b - t.b,
@@ -235,12 +109,12 @@ class x {
     );
   }
   divide(t) {
-    return t instanceof x ? new x(
+    return t instanceof m ? new m(
       this.r / t.r,
       this.g / t.g,
       this.b / t.b,
       this.a / t.a
-    ) : new x(
+    ) : new m(
       this.r / t,
       this.g / t,
       this.b / t,
@@ -248,12 +122,12 @@ class x {
     );
   }
   multiply(t) {
-    return t instanceof x ? new x(
+    return t instanceof m ? new m(
       this.r * t.r,
       this.g * t.g,
       this.b * t.b,
       this.a * t.a
-    ) : new x(
+    ) : new m(
       this.r * t,
       this.g * t,
       this.b * t,
@@ -263,393 +137,123 @@ class x {
   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)), this.updateUint();
   }
-  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 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);
 }
-const T = 6;
-class At {
-  matrixCount = 0;
-  buffer;
-  data;
-  temporary = -1;
-  constructor(t = 10) {
-    this.buffer = new A(S.Float32), this.buffer.resize(t * T), this.data = this.buffer.getArray(), this.reset();
+var tt = /* @__PURE__ */ ((n) => (n[n.LINEAR = 0] = "LINEAR", n[n.NEAREST = 1] = "NEAREST", n))(tt || {}), q = /* @__PURE__ */ ((n) => (n[n.REPEAT = 0] = "REPEAT", n[n.CLAMP = 1] = "CLAMP", n[n.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", n))(q || {});
+class bt {
+  render;
+  cache = /* @__PURE__ */ new Map();
+  constructor(t) {
+    this.render = t;
   }
-  alloc() {
-    const t = this.allocDirty();
-    return this.identity(t), t;
+  async load(t, e) {
+    let r = this.cache.get(t);
+    if (r)
+      return new N(r);
+    try {
+      const i = await this._fetchImage(t);
+      return r = G.fromSource(this.render, i, e), r.uid = t, this.cache.set(t, r), new N(r);
+    } catch (i) {
+      throw console.error(`[TextureManager] Failed to load: ${t}`, i), i;
+    }
   }
-  allocDirty() {
-    return this.buffer.resize(T) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += T, this.matrixCount++;
+  create(t, e) {
+    if (e?.key && this.cache.has(e.key))
+      return new N(this.cache.get(e.key));
+    const r = G.fromSource(this.render, t, e);
+    return e?.key && (r.uid = e.key, this.cache.set(e.key, r)), new N(r);
   }
-  reset() {
-    this.matrixCount = 0, this.buffer.usedElemNum = 0, this.temporary = this.alloc();
+  createRenderTexture(t) {
+    return new Ut(this.render, t);
   }
-  identity(t) {
-    const e = t * T, r = this.data;
-    r[e] = 1, r[e + 1] = 0, r[e + 2] = 0, r[e + 3] = 1, r[e + 4] = 0, r[e + 5] = 0;
+  createTextTexture(t) {
+    return new _t(this.render, t);
   }
-  translate(t, e, r) {
-    const i = t * T, s = this.data;
-    s[i + 4] = s[i] * e + s[i + 2] * r + s[i + 4], s[i + 5] = s[i + 1] * e + s[i + 3] * r + s[i + 5];
+  destroy(t, e = !1) {
+    let r, i;
+    typeof t == "string" ? (i = t, r = this.cache.get(i)) : t instanceof N ? (r = t.base, i = r?.uid, t.destroy()) : (r = t, i = r.uid), r && (r.refCount <= 0 || e) && (r.destroy(this.render.gl), i && this.cache.delete(i));
   }
-  scale(t, e, r) {
-    const i = t * T, s = this.data;
-    s[i] *= e, s[i + 1] *= e, s[i + 2] *= r, s[i + 3] *= r;
+  destroyAll() {
+    for (const t of this.cache.values())
+      t.destroy(this.render.gl);
+    this.cache.clear();
   }
-  rotate(t, e) {
-    const r = t * T, i = this.data, s = Math.cos(e), a = Math.sin(e), h = i[r], o = i[r + 1], c = i[r + 2], u = i[r + 3];
-    i[r] = h * s + c * a, i[r + 1] = o * s + u * a, i[r + 2] = h * -a + c * s, i[r + 3] = o * -a + u * s;
+  _fetchImage(t) {
+    return new Promise((e, r) => {
+      const i = new Image();
+      i.crossOrigin = "anonymous", i.onload = () => e(i), i.onerror = () => r(new Error(`Failed to load image resource: ${t}`)), i.src = t;
+    });
   }
-  rotateWithOffset(t, e, r, i) {
-    this.translate(t, r, i), this.rotate(t, e), this.translate(t, -r, -i);
+}
+class G {
+  glTexture = null;
+  width;
+  height;
+  uid;
+  refCount = 0;
+  constructor(t, e, r) {
+    this.glTexture = t, this.width = e, this.height = r;
   }
-  copy(t, e) {
-    const r = t * T, i = e * T, s = this.data;
-    s[r] = s[i], s[r + 1] = s[i + 1], s[r + 2] = s[i + 2], s[r + 3] = s[i + 3], s[r + 4] = s[i + 4], s[r + 5] = s[i + 5];
+  static fromSource(t, e, r = {}) {
+    const i = rt(t, e, r);
+    return new G(i, e.width, e.height);
   }
-  multiply(t, e) {
-    this.multiplyOut(t, t, e);
+  updateSource(t, e, r = {}) {
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), r.textureFilter !== void 0 && ht(t, r.textureFilter), r.wrap !== void 0 && at(t, r.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, r.premultipliedAlpha), this.width === e.width && this.height === e.height ? t.texSubImage2D(t.TEXTURE_2D, 0, 0, 0, t.RGBA, t.UNSIGNED_BYTE, e) : (t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), this.width = e.width, this.height = e.height), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1));
   }
-  multiplyOut(t, e, r) {
-    const i = t * T, s = e * T, a = r * T, h = this.data, o = h[s], c = h[s + 1], u = h[s + 2], l = h[s + 3], d = h[s + 4], f = h[s + 5], m = h[a], g = h[a + 1], v = h[a + 2], y = h[a + 3], w = h[a + 4], M = h[a + 5];
-    h[i] = o * m + u * g, h[i + 1] = c * m + l * g, h[i + 2] = o * v + u * y, h[i + 3] = c * v + l * y, h[i + 4] = o * w + u * M + d, h[i + 5] = c * w + l * M + f;
+  setFilterMode(t, e) {
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), ht(t, e), t.bindTexture(t.TEXTURE_2D, null));
   }
-  invert(t) {
-    const e = t * T, r = this.data, i = r[e], s = r[e + 1], a = r[e + 2], h = r[e + 3], o = r[e + 4], c = r[e + 5];
-    let u = i * h - s * a;
-    if (!u) {
-      this.identity(t);
-      return;
-    }
-    u = 1 / u, r[e] = h * u, r[e + 1] = -s * u, r[e + 2] = -a * u, r[e + 3] = i * u, r[e + 4] = (a * c - h * o) * u, r[e + 5] = (s * o - i * c) * u;
+  setWrapMode(t, e) {
+    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), at(t, e), t.bindTexture(t.TEXTURE_2D, null));
   }
-  transformPoint(t, e, r) {
-    const i = t * T, s = this.data;
-    return {
-      x: e * s[i] + r * s[i + 2] + s[i + 4],
-      y: e * s[i + 1] + r * s[i + 3] + s[i + 5]
-    };
+  destroy(t) {
+    this.glTexture && (t.deleteTexture(this.glTexture), this.glTexture = null);
   }
-  worldToLocal(t, e, r) {
-    const i = this.allocDirty();
-    this.copy(i, t), this.invert(i);
-    const s = this.transformPoint(i, e, r);
-    return this.matrixCount--, this.buffer.usedElemNum -= T, s;
+}
+class N {
+  base;
+  uvX = 0;
+  uvY = 0;
+  uvW = 1;
+  uvH = 1;
+  rawWidth = 0;
+  rawHeight = 0;
+  offsetX = 0;
+  offsetY = 0;
+  scale = 1;
+  isAtlas = !1;
+  flipY = !1;
+  isRotated = !1;
+  glTexture = null;
+  get width() {
+    return this.isRotated ? this.rawHeight : this.rawWidth;
   }
-  localToWorld(t, e, r) {
-    return this.transformPoint(t, e, r);
+  get height() {
+    return this.isRotated ? this.rawWidth : this.rawHeight;
   }
-  getPosition(t) {
-    const e = t * T, r = this.data;
-    return { x: r[e + 4], y: r[e + 5] };
+  // Stored pixel-space region (before UV conversion), used by getSubTexture()
+  _px = 0;
+  _py = 0;
+  constructor(t) {
+    t && this.setBase(t);
   }
-  getScale(t) {
-    const e = t * T, r = this.data, i = Math.sqrt(r[e] * r[e] + r[e + 1] * r[e + 1]), s = Math.sqrt(r[e + 2] * r[e + 2] + r[e + 3] * r[e + 3]);
-    return { x: i, y: s };
-  }
-  getRotation(t) {
-    const e = t * T, r = this.data;
-    return Math.atan2(r[e + 1], r[e]);
-  }
-  toCSSMatrix(t, e = 1, r = 1) {
-    const i = t * T, s = this.data;
-    return `matrix(${s[i] * e}, ${s[i + 1] * r}, ${s[i + 2] * e}, ${s[i + 3] * r}, ${s[i + 4] * e}, ${s[i + 5] * r})`;
-  }
-  getMatrix(t) {
-    const e = t * T;
-    return this.data.slice(e, e + T);
-  }
-  getMatrixRef(t) {
-    const e = t * T;
-    return this.data.subarray(e, e + T);
-  }
-  setMatrix(t, e) {
-    const r = t * T, i = this.data;
-    i[r] = e[0], i[r + 1] = e[1], i[r + 2] = e[2], i[r + 3] = e[3], i[r + 4] = e[4], i[r + 5] = e[5];
-  }
-  multiplyAffineInPlace(t, e, r, i, s, a, h) {
-    const o = t * 6, c = this.data, u = c[o], l = c[o + 1], d = c[o + 2], f = c[o + 3], m = c[o + 4], g = c[o + 5];
-    c[o] = u * e + d * r, c[o + 1] = l * e + f * r, c[o + 2] = u * i + d * s, c[o + 3] = l * i + f * s, c[o + 4] = u * a + d * h + m, c[o + 5] = l * a + f * h + g;
-  }
-  multiplyAffine(t, e, r, i, s, a, h, o) {
-    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 * h + m * o + v, l[u + 5] = f * h + g * o + y;
-  }
-}
-class bt {
-  matrix = new At();
-  step = 0;
-  stack = new A(S.Uint32);
-  stepWorldM = new A(S.Uint32);
-  stepAction = new A(S.Uint32);
-  stepParentM = new A(S.Uint32);
-  stepClose = new A(S.Uint32);
-  stepStack = new A(S.Uint32);
-  curLocalM = -1;
-  curWorldM = -1;
-  rapid;
-  constructor(t) {
-    this.reset(), this.rapid = t;
-  }
-  save() {
-    this.stack.push(this.curWorldM);
-    const t = this.curWorldM;
-    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.stepClose.push(0), this.stepStack.push(this.step), this.matrix.copy(this.curWorldM, t), { world: this.curWorldM, local: this.curLocalM, step: this.step++ };
-  }
-  restore() {
-    this.stack.length == 0 || this.stepStack.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.stepClose.push(0), this.stepClose.typedArray[this.stepStack.pop()] = this.step, this.step++);
-  }
-  restoreAll() {
-    for (; this.stack.length > 0 && this.stepStack.length > 0; )
-      this.restore();
-  }
-  getStep(t) {
-    return typeof t == "number" ? t : t.step;
-  }
-  walkSubtree(t, e, r = 1 / 0) {
-    let i = 0, s = t;
-    for (; s < this.step; ) {
-      const a = this.stepAction.get(s);
-      if (a === 1) {
-        if (i++, i > r) {
-          const h = this.stepClose.get(s);
-          if (h > s) {
-            s = h + 1, i--;
-            continue;
-          }
-        }
-      } else
-        i--;
-      if (e(s, a, i) === !1 || a === 0 && i === 0) return;
-      s++;
-    }
-  }
-  getParent(t) {
-    const e = this.getStep(t);
-    return this.stepParentM.get(e);
-  }
-  getChildren(t) {
-    const e = this.getStep(t), r = this.stepClose.get(e), i = [];
-    let s = e + 1;
-    for (; s < r; )
-      this.stepAction.get(s) === 1 ? (i.push(s), s = this.stepClose.get(s) + 1) : s++;
-    return i;
-  }
-  updateMatrixSubtree(t) {
-    const e = this.getStep(t);
-    this.walkSubtree(e, (r, i) => {
-      if (i === 1) {
-        const s = this.stepWorldM.get(r), a = s - 1, h = this.stepParentM.get(r);
-        this.matrix.multiplyOut(s, h, a);
-      }
-    });
-  }
-  translate(t, e) {
-    this.matrix.translate(this.curLocalM, t, e), this.matrix.translate(this.curWorldM, t, e);
-  }
-  scale(t, e = t) {
-    this.matrix.scale(this.curLocalM, t, e), this.matrix.scale(this.curWorldM, t, e);
-  }
-  rotate(t) {
-    this.matrix.rotate(this.curLocalM, t), this.matrix.rotate(this.curWorldM, t);
-  }
-  rotateWithOffset(t, e, r) {
-    this.matrix.rotateWithOffset(this.curLocalM, t, e, r), this.matrix.rotateWithOffset(this.curWorldM, t, e, r);
-  }
-  identity() {
-    this.matrix.identity(this.curLocalM), this.matrix.identity(this.curWorldM);
-  }
-  reset() {
-    this.matrix.reset(), this.stack.clear(), this.stepAction.clear(), this.stepWorldM.clear(), this.stepParentM.clear(), this.stepClose.clear(), this.stepStack.clear(), this.step = 0, this.curLocalM = this.matrix.alloc(), this.curWorldM = this.matrix.alloc();
-  }
-  localToWorld(t, e) {
-    return this.matrix.localToWorld(this.curWorldM, t, e);
-  }
-  worldToLocal(t, e) {
-    return this.matrix.worldToLocal(this.curWorldM, t, e);
-  }
-  getGlobalPosition() {
-    return this.matrix.getPosition(this.curWorldM);
-  }
-  getGlobalScale() {
-    return this.matrix.getScale(this.curWorldM);
-  }
-  getGlobalRotation() {
-    return this.matrix.getRotation(this.curWorldM);
-  }
-  toCSSMatrix() {
-    return this.matrix.toCSSMatrix(this.curWorldM);
-  }
-  getTransform() {
-    const t = this.curWorldM * T;
-    return this.matrix.data.slice(t, t + T);
-  }
-  setTransform(t) {
-    const e = this.curWorldM * T, r = this.matrix.data;
-    r[e] = t[0], r[e + 1] = t[1], r[e + 2] = t[2], r[e + 3] = t[3], r[e + 4] = t[4], r[e + 5] = t[5];
-  }
-  transformPoint(t, e) {
-    return this.matrix.transformPoint(this.curLocalM, t, e);
-  }
-  applyTransform(t, e = 0, r = 0, i = -1) {
-    let s = t.x ?? 0, a = t.y ?? 0;
-    t.position && (s += t.position.x, a += t.position.y);
-    let h = 1, o = 1;
-    const c = t.scale;
-    c && (typeof c == "number" ? (h = c, o = c) : (h = c.x, o = c.y));
-    const u = t.rotation ?? 0;
-    let l = t.offsetX ?? 0, d = t.offsetY ?? 0;
-    t.offset && (l += t.offset.x, d += t.offset.y);
-    const f = t.origin;
-    f !== void 0 && (typeof f == "number" ? (l -= f * e, d -= f * r) : (l -= f.x * e, d -= f.y * r));
-    const m = u ? Math.cos(u) : 1, g = u ? Math.sin(u) : 0, v = m * h, y = g * h, w = -g * o, M = m * o, _ = s + v * l + w * d, P = a + y * l + M * d;
-    if (i !== -1) {
-      this.matrix.multiplyAffine(
-        this.curWorldM,
-        i,
-        v,
-        y,
-        w,
-        M,
-        _,
-        P
-      );
-      return;
-    }
-    this.matrix.multiplyAffineInPlace(
-      this.curLocalM,
-      v,
-      y,
-      w,
-      M,
-      _,
-      P
-    ), this.matrix.multiplyAffineInPlace(
-      this.curWorldM,
-      v,
-      y,
-      w,
-      M,
-      _,
-      P
-    );
-  }
-}
-var q = /* @__PURE__ */ ((n) => (n[n.REPEAT = 0] = "REPEAT", n[n.CLAMP = 1] = "CLAMP", n[n.MIRRORED_REPEAT = 2] = "MIRRORED_REPEAT", n))(q || {});
-class Ut {
-  render;
-  cache = /* @__PURE__ */ new Map();
-  constructor(t) {
-    this.render = t;
-  }
-  async load(t, e) {
-    let r = this.cache.get(t);
-    if (r)
-      return new N(r);
-    try {
-      const i = await this._fetchImage(t);
-      return r = V.fromSource(this.render, i, e), r.uid = t, this.cache.set(t, r), new N(r);
-    } catch (i) {
-      throw console.error(`[TextureManager] Failed to load: ${t}`, i), i;
-    }
-  }
-  create(t, e) {
-    if (e?.key && this.cache.has(e.key))
-      return new N(this.cache.get(e.key));
-    const r = V.fromSource(this.render, t, e);
-    return e?.key && (r.uid = e.key, this.cache.set(e.key, r)), new N(r);
-  }
-  createRenderTexture(t) {
-    return new Ct(this.render, t);
-  }
-  createTextTexture(t) {
-    return new Pt(this.render, t);
-  }
-  destroy(t, e = !1) {
-    let r, i;
-    typeof t == "string" ? (i = t, r = this.cache.get(i)) : t instanceof N ? (r = t.base, i = r?.uid, t.destroy()) : (r = t, i = r.uid), r && (r.refCount <= 0 || e) && (r.destroy(this.render.gl), i && this.cache.delete(i));
-  }
-  destroyAll() {
-    for (const t of this.cache.values())
-      t.destroy(this.render.gl);
-    this.cache.clear();
-  }
-  _fetchImage(t) {
-    return new Promise((e, r) => {
-      const i = new Image();
-      i.crossOrigin = "anonymous", i.onload = () => e(i), i.onerror = () => r(new Error(`Failed to load image resource: ${t}`)), i.src = t;
-    });
-  }
-}
-class V {
-  glTexture = null;
-  width;
-  height;
-  uid;
-  refCount = 0;
-  constructor(t, e, r) {
-    this.glTexture = t, this.width = e, this.height = r;
-  }
-  static fromSource(t, e, r = {}) {
-    const i = J(t, e, r);
-    return new V(i, e.width, e.height);
-  }
-  updateSource(t, e, r = {}) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), r.textureFilter !== void 0 && nt(t, r.textureFilter), r.wrap !== void 0 && st(t, r.wrap), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.pixelStorei(t.UNPACK_ALIGNMENT, 1), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, r.premultipliedAlpha), this.width === e.width && this.height === e.height ? t.texSubImage2D(t.TEXTURE_2D, 0, 0, 0, t.RGBA, t.UNSIGNED_BYTE, e) : (t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), this.width = e.width, this.height = e.height), r.premultipliedAlpha !== void 0 && t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1));
-  }
-  setFilterMode(t, e) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), nt(t, e), t.bindTexture(t.TEXTURE_2D, null));
-  }
-  setWrapMode(t, e) {
-    this.glTexture && (t.bindTexture(t.TEXTURE_2D, this.glTexture), st(t, e), t.bindTexture(t.TEXTURE_2D, null));
-  }
-  destroy(t) {
-    this.glTexture && (t.deleteTexture(this.glTexture), this.glTexture = null);
-  }
-}
-class N {
-  base;
-  uvX = 0;
-  uvY = 0;
-  uvW = 1;
-  uvH = 1;
-  rawWidth = 0;
-  rawHeight = 0;
-  offsetX = 0;
-  offsetY = 0;
-  scale = 1;
-  isAtlas = !1;
-  flipY = !1;
-  isRotated = !1;
-  glTexture = null;
-  get width() {
-    return this.isRotated ? this.rawHeight : this.rawWidth;
-  }
-  get height() {
-    return this.isRotated ? this.rawWidth : this.rawHeight;
-  }
-  // Stored pixel-space region (before UV conversion), used by getSubTexture()
-  _px = 0;
-  _py = 0;
-  constructor(t) {
-    t && this.setBase(t);
-  }
-  setBase(t) {
-    return this.base === t ? this : (this.base && this.base.refCount--, this.base = t, this.base.refCount++, this.setRegion(0, 0, t.width, t.height), this.glTexture = t.glTexture, this);
+  setBase(t) {
+    return this.base === t ? this : (this.base && this.base.refCount--, this.base = t, this.base.refCount++, this.setRegion(0, 0, t.width, t.height), this.glTexture = t.glTexture, this);
   }
   setRegion(t, e, r, i) {
     return this.base ? (this._px = t, this._py = e, 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;
@@ -665,32 +269,31 @@ class N {
   }
   splitGrid(t, e, r, i, s = 0) {
     if (!this.base) return [];
-    const a = [], h = this.rawWidth, o = this.rawHeight, c = Math.max(0, s), u = t + c, l = e + c, d = r ?? Math.floor((h + c) / u), f = i ?? Math.floor((o + c) / l);
-    for (let m = 0; m < f; m++)
-      for (let g = 0; g < d; g++)
-        a.push(this.getSubTexture(g * u, m * l, t, e));
+    const a = [], h = this.rawWidth, o = this.rawHeight, c = Math.max(0, s), u = t + c, l = e + c, f = r ?? Math.floor((h + c) / u), d = i ?? Math.floor((o + c) / l);
+    for (let x = 0; x < d; x++)
+      for (let p = 0; p < f; p++)
+        a.push(this.getSubTexture(p * u, x * l, t, e));
     return a;
   }
   static fromImageSource(t, e, r = {}) {
-    const i = J(t, e, r);
-    return new N(new V(i, e.width, e.height));
+    const i = rt(t, e, r);
+    return new N(new G(i, e.width, e.height));
   }
   destroy() {
     this.base && (this.base.refCount--, this.base = void 0), this.glTexture = null;
   }
 }
-class Ct extends N {
+class Ut extends N {
   framebuffer;
   renderbuffer;
   gl;
-  flipY = !0;
   clearColor;
   _allocW = 0;
   _allocH = 0;
   constructor(t, e) {
-    super(), this.gl = t.gl, this.clearColor = e.clearColor ?? x.Black;
-    const r = Math.max(Math.round(e.width), 1), i = Math.max(Math.round(e.height), 1), a = J(t, { width: r, height: i }, { ...e, onlySize: !0 });
-    if (this.setBase(new V(a, r, i)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
+    super(), this.gl = t.gl, this.clearColor = e.clearColor ?? m.Black;
+    const r = Math.max(Math.round(e.width), 1), i = Math.max(Math.round(e.height), 1), a = rt(t, { width: r, height: i }, { ...e, onlySize: !0 });
+    if (this.setBase(new G(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);
   }
@@ -721,20 +324,20 @@ class Ct extends N {
     if (h <= 0 || o <= 0) return new Uint8Array(0);
     if (s < 0 || a < 0 || s >= this.rawWidth || a >= this.rawHeight)
       return new Uint8Array(0);
-    const c = Math.min(h, this.rawWidth - s), u = Math.min(o, this.rawHeight - a), l = this.rawHeight - a - u, d = this.gl, f = d.getParameter(d.FRAMEBUFFER_BINDING);
-    d.bindFramebuffer(d.FRAMEBUFFER, this.framebuffer);
-    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;
+    const c = Math.min(h, this.rawWidth - s), u = Math.min(o, this.rawHeight - a), l = this.gl, f = l.getParameter(l.FRAMEBUFFER_BINDING);
+    l.bindFramebuffer(l.FRAMEBUFFER, this.framebuffer);
+    const d = new Uint8Array(c * u * 4);
+    return l.readPixels(s, a, c, u, l.RGBA, l.UNSIGNED_BYTE, d), l.bindFramebuffer(l.FRAMEBUFFER, f), d;
   }
   GetColorAt(t, e) {
     const r = this.GetPixels(t, e, 1, 1);
-    return r.length < 4 ? new x(0, 0, 0, 0) : new x(r[0], r[1], r[2], r[3]);
+    return r.length < 4 ? new m(0, 0, 0, 0) : new m(r[0], r[1], r[2], r[3]);
   }
   destroy() {
     super.destroy(), this.framebuffer && this.gl.deleteFramebuffer(this.framebuffer), this.renderbuffer && this.gl.deleteRenderbuffer(this.renderbuffer), this.base?.destroy(this.gl);
   }
 }
-const _t = {
+const Ct = {
   fontFamily: "Arial",
   fontSize: 24,
   fontWeight: "normal",
@@ -743,7 +346,7 @@ const _t = {
   align: "left",
   lineHeight: 1
 };
-class Pt extends N {
+class _t extends N {
   canvas;
   ctx;
   render;
@@ -752,12 +355,12 @@ class Pt extends N {
   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 = { ...Ct, ...e }, this._text = e?.text ?? "", this.options = { premultipliedAlpha: t.premultipliedAlpha, ...e }, this.scale = 1 / t.dpr, this.canvas = document.createElement("canvas");
     const r = this.canvas.getContext("2d", { willReadFrequently: !0 });
     if (!r) throw new Error("Failed to get 2d context for TextTexture");
     this.ctx = r, this.canvas.width = 1, this.canvas.height = 1;
-    const i = J(t, this.canvas, this.options);
-    this.setBase(new V(i, 1, 1)), this.update();
+    const i = rt(t, this.canvas, this.options);
+    this.setBase(new G(i, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -787,20 +390,20 @@ class Pt extends N {
     const c = this._text.split(`
 `);
     let u = 0, l = 0;
-    const m = t.measureText(c[0] || "M").fontBoundingBoxDescent;
+    const x = t.measureText(c[0] || "M").fontBoundingBoxDescent;
     for (const b of c) {
-      const R = t.measureText(b);
-      R.width > u && (u = R.width), l += m * a;
+      const M = t.measureText(b);
+      M.width > u && (u = M.width), l += x * a;
     }
-    l -= m * (a - 1);
-    const g = this._style.strokeThickness || 0, v = Math.ceil(u + g * 2) || 1, y = Math.ceil(l + g * 2) || 1, w = Math.ceil(v * o), M = Math.ceil(y * o);
-    (this.canvas.width !== w || this.canvas.height !== M) && (this.canvas.width = w, this.canvas.height = M), t.setTransform(o, 0, 0, o, 0, 0), t.clearRect(0, 0, v, y), t.font = h, t.textBaseline = "top", t.textAlign = this._style.align;
-    const _ = this.updateOffset(v, g), P = e.strokeThickness, O = P > 0;
-    O && (t.lineWidth = P, t.strokeStyle = e.stroke, t.lineJoin = "round"), e.fill && (t.fillStyle = e.fill);
-    let W = g;
+    l -= x * (a - 1);
+    const p = this._style.strokeThickness || 0, v = Math.ceil(u + p * 2) || 1, y = Math.ceil(l + p * 2) || 1, E = Math.ceil(v * o), w = Math.ceil(y * o);
+    (this.canvas.width !== E || this.canvas.height !== w) && (this.canvas.width = E, this.canvas.height = w), t.setTransform(o, 0, 0, o, 0, 0), t.clearRect(0, 0, v, y), t.font = h, t.textBaseline = "top", t.textAlign = this._style.align;
+    const _ = this.updateOffset(v, p), L = e.strokeThickness, W = L > 0;
+    W && (t.lineWidth = L, t.strokeStyle = e.stroke, t.lineJoin = "round"), e.fill && (t.fillStyle = e.fill);
+    let O = p;
     for (const b of c)
-      O && t.strokeText(b, _, W), e.fill && t.fillText(b, _, W), W += m * a;
-    this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, w, M);
+      W && t.strokeText(b, _, O), e.fill && t.fillText(b, _, O), O += x * a;
+    this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, E, w);
   }
 }
 const Lt = (n, t = !1, e = !0) => {
@@ -808,7 +411,7 @@ const Lt = (n, t = !1, e = !0) => {
   if (!r)
     throw new Error("WebGL2 is not supported in this browser.");
   return r;
-}, ct = (n, t, e) => {
+}, dt = (n, t, e) => {
   const r = n.createShader(e);
   if (!r)
     throw new Error("Unable to create webgl shader");
@@ -817,8 +420,8 @@ const Lt = (n, t = !1, e = !0) => {
     throw console.error("Shader compilation failed:", s), new Error("Unable to compile shader: " + s + t);
   }
   return r;
-}, Nt = (n, t, e) => {
-  var r = n.createProgram(), i = ct(n, t, 35633), s = ct(n, e, 35632);
+}, Pt = (n, t, e) => {
+  var r = n.createProgram(), i = dt(n, t, 35633), s = dt(n, e, 35632);
   if (!r)
     throw new Error("Unable to create program shader");
   if (n.attachShader(r, i), n.attachShader(r, s), n.linkProgram(r), !n.getProgramParameter(r, n.LINK_STATUS)) {
@@ -827,7 +430,7 @@ const Lt = (n, t = !1, e = !0) => {
   }
   return r;
 };
-function st(n, t) {
+function at(n, t) {
   const e = {
     [q.CLAMP]: n.CLAMP_TO_EDGE,
     [q.REPEAT]: n.REPEAT,
@@ -835,18 +438,18 @@ function st(n, t) {
   }[t] || n.CLAMP_TO_EDGE;
   n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, e);
 }
-function nt(n, t) {
+function ht(n, t) {
   const e = {
-    [ht.LINEAR]: n.LINEAR,
-    [ht.NEAREST]: n.NEAREST
+    [tt.LINEAR]: n.LINEAR,
+    [tt.NEAREST]: n.NEAREST
   }[t] ?? n.NEAREST;
   n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, e);
 }
-function J(n, t, e) {
+function rt(n, t, e) {
   const r = n.gl, i = r.createTexture();
   if (!i)
     throw new Error("Unable to create WebGL texture");
-  if (r.bindTexture(r.TEXTURE_2D, i), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, 0), r.pixelStorei(r.UNPACK_ALIGNMENT, 1), st(r, e.wrap ?? q.CLAMP), nt(r, e.textureFilter ?? n.textureFilter), e.onlySize) {
+  if (r.bindTexture(r.TEXTURE_2D, i), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, 0), r.pixelStorei(r.UNPACK_ALIGNMENT, 1), at(r, e.wrap ?? q.CLAMP), ht(r, e.textureFilter ?? n.textureFilter), e.onlySize) {
     const s = t;
     r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, s.width, s.height, 0, r.RGBA, r.UNSIGNED_BYTE, null);
   } else {
@@ -855,17 +458,17 @@ function J(n, t, e) {
   }
   return r.bindTexture(r.TEXTURE_2D, null), i;
 }
-function B(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++)
-      r == 0 ? e += `if(vTextureId == ${r})` : r == t - 1 ? e += "else" : e += `else if(vTextureId == ${r})`, e += `{return texture(uTextures[${r}], uv);}`;
-    n = n.replace("%GET_COLOR%", e);
+function K(n, t, e = "vTextureId", r = "uv", i = "return") {
+  if (n.includes("%TEXTURE_NUM%") && (n = n.replaceAll("%TEXTURE_NUM%", t.toString())), n.includes("%GET_COLOR%")) {
+    let s = "";
+    for (let a = 0; a < t; a++)
+      a == 0 ? s += `if(${e} == ${a})` : a == t - 1 ? s += "else" : s += `else if(${e} == ${a})`, s += `{${i} texture(uTextures[${a}], ${r});}`;
+    n = n.replaceAll("%GET_COLOR%", s);
   }
   return n;
 }
-const It = 5126, at = 5121;
-function Ot(n, t, e) {
+const Nt = 5126, ot = 5121;
+function It(n, t, e) {
   n.vertexAttribDivisor(t, e);
 }
 function yt(n, t, e, r, i) {
@@ -885,7 +488,7 @@ class Tt {
   // for debug
   vao;
   constructor(t, e, r, i) {
-    this.gl = t, this.program = Nt(t, e, r), this.parseShader(e), this.parseShader(r), this.vao = t.createVertexArray(), i && this.setAttributes(i);
+    this.gl = t, this.program = Pt(t, e, r), this.parseShader(e), this.parseShader(r), this.vao = t.createVertexArray(), i && this.setAttributes(i);
   }
   use() {
     this.gl.useProgram(this.program);
@@ -901,7 +504,7 @@ class Tt {
     const r = this.uniformLoc[t];
     if (r === void 0) return;
     const i = this.uniformType[t], s = this.uniformIsArray[t];
-    Ft(this.gl, r, i, e, s);
+    Ot(this.gl, r, i, e, s);
   }
   setUniforms(t) {
     for (const e in t)
@@ -915,11 +518,11 @@ class Tt {
     r.vertexAttribPointer(
       e,
       t.size,
-      t.type ?? It,
+      t.type ?? Nt,
       t.normalized ?? !1,
       t.stride,
       t.offset ?? 0
-    ), r.enableVertexAttribArray(e), Ot(r, e, t.divisor ?? 0);
+    ), r.enableVertexAttribArray(e), It(r, e, t.divisor ?? 0);
   }
   setAttributes(t) {
     for (const e of t)
@@ -945,11 +548,11 @@ class Tt {
     }
   }
 }
-function Ft(n, t, e, r, i = !1) {
+function Ot(n, t, e, r, i = !1) {
   switch (e) {
     // scalars
     case "float":
-      return n.uniform1f(t, r);
+      return i ? n.uniform1fv(t, r) : n.uniform1f(t, r);
     case "int":
     case "bool":
     case "sampler2D":
@@ -979,12 +582,14 @@ function Ft(n, t, e, r, i = !1) {
       return n.uniformMatrix3fv(t, !1, r);
     case "mat4":
       return n.uniformMatrix4fv(t, !1, r);
+    case "mat3x2":
+      return n.uniformMatrix3x2fv(t, !1, r);
     // fallback: guess by value shape
     default:
-      return Bt(n, t, r);
+      return Ft(n, t, r);
   }
 }
-function Bt(n, t, e) {
+function Ft(n, t, e) {
   if (typeof e == "number")
     return n.uniform1f(t, e);
   const r = e;
@@ -1003,27 +608,29 @@ function Bt(n, t, e) {
       return n.uniform1fv(t, r);
   }
 }
-class ut {
+class ct {
   vs;
   fs;
   glshader = /* @__PURE__ */ new Map();
   uniforms = {};
   uniformDirty = /* @__PURE__ */ new Set();
   uniformTextures = {};
+  uniformArrayTexture = {};
   usedTextureUnitNum = 0;
   padding = 0;
   rapid;
-  constructor(t, e, r, i = 0, s) {
+  prefix = [];
+  constructor(t, e = "", r = "", i = 0, s) {
     this.vs = e, this.fs = r, this.rapid = t, this.uniforms = s ?? {}, this.usedTextureUnitNum = i;
   }
   setUniforms(t) {
     this.rapid.flush();
-    const e = {}, r = {};
-    for (const [i, s] of Object.entries(t))
-      s instanceof WebGLTexture ? r[i] = s : e[i] = s;
-    Object.assign(this.uniforms, e), Object.assign(this.uniformTextures, r);
-    for (const i of this.glshader.keys())
-      this.uniformDirty.add(i);
+    const e = {}, r = {}, i = {};
+    for (const [s, a] of Object.entries(t))
+      a instanceof WebGLTexture ? r[s] = a : Array.isArray(a) && a[0] instanceof WebGLTexture ? i[s] = a : e[s] = a;
+    Object.assign(this.uniforms, e), Object.assign(this.uniformTextures, r), Object.assign(this.uniformArrayTexture, i);
+    for (const s of this.glshader.keys())
+      this.uniformDirty.add(s);
   }
   setPadding(t) {
     this.padding = t;
@@ -1035,14 +642,18 @@ class ut {
     const r = this.glshader.get(t);
     r && (Object.keys(e).length > 0 && r.setUniforms(e), this.uniformDirty.has(t) && (r.setUniforms(this.uniforms), this.uniformDirty.delete(t)));
   }
+  replaceCustomCode(t, e) {
+    return t = t.replace("// CUSTOM_CODE", e + "// CUSTOM_CODE"), t;
+  }
   getGLShader(t, e, r, i) {
     if (this.glshader.has(e))
       return this.glshader.get(e);
     if (i == null || r == null)
       return console.warn("CustomGlShader: missing base shader for " + e), null;
-    r = r.replace("// CUSTOM_CODE_CALL", "vertex(position, vRegion);"), i = i.replace("// CUSTOM_CODE_CALL", "fragment(fragColor);"), r = r.replace("// CUSTOM_CODE", this.vs), i = i.replace("// CUSTOM_CODE", this.fs);
-    const s = t.createShader(r, i);
-    return s.isCustom = !0, s.padding = this.padding, this.glshader.set(e, s), this.uniformDirty.add(e), s;
+    const s = this.prefix.length == 0 ? [""] : this.prefix;
+    r = r.replace("// CUSTOM_CODE_CALL", s.map((h) => h + "vertex(position, vRegion);").join("")), r = this.replaceCustomCode(r, this.vs), i = i.replace("// CUSTOM_CODE_CALL", s.map((h) => h + "fragment(fragColor, vRegion);").join("")), i = this.replaceCustomCode(i, this.fs);
+    const a = t.createShader(r, i);
+    return a.isCustom = !0, a.padding = this.padding, this.glshader.set(e, a), this.uniformDirty.add(e), a;
   }
   destroy() {
     this.glshader.forEach((t) => t.destroy());
@@ -1065,6 +676,7 @@ class Et {
   fs = "";
   usedTextures = [];
   usedTexturePadding = [];
+  extraTextureUnit = 0;
   createBuffer() {
   }
   createDefaultShader() {
@@ -1078,75 +690,211 @@ class Et {
       (t, e) => e
     );
   }
-  findTextureUnit(t, e = 0, r = 0) {
-    for (let i = 0; i < this.usedTextures.length; i++) {
-      const s = i * 2;
-      if (this.usedTextures[i] === t && this.usedTexturePadding[s] === e && this.usedTexturePadding[s + 1] === r)
-        return i;
+  findTextureUnit(t, e = 0, r = 0) {
+    for (let i = 0; i < this.usedTextures.length; i++) {
+      const s = i * 2;
+      if (this.usedTextures[i] === t && this.usedTexturePadding[s] === e && this.usedTexturePadding[s + 1] === r)
+        return i;
+    }
+    return -1;
+  }
+  useTexture(t, e = 0, r = 0) {
+    const i = this.findTextureUnit(t, e, r);
+    return i == -1 ? (this.freeTextureUnitNum === 0 && this.flush(), this.usedTextures.push(t), this.usedTexturePadding.push(e), this.usedTexturePadding.push(r), this.usedTextures.length - 1) : i;
+  }
+  getMaxTexutreUnit(t) {
+    return this.rapid.maxTextureUnits - this.extraTextureUnit - (t?.usedTextureUnitNum ?? 0);
+  }
+  createShader(t, e) {
+    const r = this.getMaxTexutreUnit();
+    return e = K(e, r), t = K(t, r), new Tt(this.gl, t, e);
+  }
+  createCustomShader(t) {
+    const e = this.getMaxTexutreUnit(t), r = K(this.fs, e), i = K(this.vs, e);
+    return t.getGLShader(this, this.KEY, i, r);
+  }
+  getCustomShader(t) {
+    if (!t)
+      return this.defaultShader;
+    if (t instanceof ct) {
+      const e = this.createCustomShader(t);
+      return e ?? this.defaultShader;
+    }
+    return t;
+  }
+  isSameShader(t) {
+    return this.isDefaultShader && !t ? !0 : this.getCustomShader(t) == this.currentShader;
+  }
+  enter(t) {
+    this.resetRender(), this.currentShader = this.getCustomShader(t), t instanceof ct ? (this.customShader = t, this.customShaderUsedTextureNum = t.usedTextureUnitNum) : (this.customShader = null, this.customShaderUsedTextureNum = 0), this.isDefaultShader = this.currentShader == this.defaultShader, this.currentShader.use(), this.currentShader.setUniform("u_projection", this.rapid.projection);
+  }
+  exit() {
+    this.hasPendingContent() && this.flush(), this.gl.bindVertexArray(null);
+  }
+  flush() {
+    this.render(), this.resetRender();
+  }
+  render() {
+    this.prepareRender();
+  }
+  prepareRender() {
+    const t = this.currentShader;
+    if (t.use(), this.customShader) {
+      const r = this.customShader, i = {};
+      for (const [s, a] of Object.entries(r.uniformTextures))
+        i[s] = this.useTexture(a);
+      for (const [s, a] of Object.entries(r.uniformArrayTexture))
+        i[s] = a.map((h) => this.useTexture(h));
+      this.customShader.applyUniform(this.KEY, i);
+    }
+    const e = this.gl;
+    for (let r = 0; r < this.usedTextures.length; r++)
+      e.activeTexture(e.TEXTURE0 + r), e.bindTexture(e.TEXTURE_2D, this.usedTextures[r]);
+    t.setUniform("uTextures", Int32Array.from(
+      { length: this.usedTextures.length },
+      (r, i) => i
+    )), t.setUniform("uPadding", Float32Array.from(
+      { length: this.usedTexturePadding.length },
+      (r, i) => this.usedTexturePadding[i]
+    ));
+  }
+  resetRender() {
+    const t = this.gl;
+    for (let e = 0; e < this.usedTextures.length; e++)
+      t.activeTexture(t.TEXTURE0 + e), t.bindTexture(t.TEXTURE_2D, null);
+    this.usedTextures.length = 0, this.usedTexturePadding.length = 0;
+  }
+  hasPendingContent() {
+    return !1;
+  }
+}
+var A = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(A || {});
+class S {
+  usedElemNum;
+  typedArray;
+  arrayType;
+  maxElemNum;
+  bytePerElem;
+  arraybuffer;
+  uint32;
+  float32;
+  uint16;
+  constructor(t) {
+    this.usedElemNum = 0, this.maxElemNum = 512, this.bytePerElem = this.getArrayType(t).BYTES_PER_ELEMENT, this.arrayType = t, this.arraybuffer = new ArrayBuffer(this.maxElemNum * this.bytePerElem), this.updateTypedArray();
+  }
+  getArrayType(t) {
+    switch (t) {
+      case 0:
+        return Float32Array;
+      case 1:
+        return Uint32Array;
+      case 2:
+        return Uint16Array;
+      default:
+        throw new Error("Unsupported ArrayType");
+    }
+  }
+  updateTypedArray() {
+    switch (this.uint32 = new Uint32Array(this.arraybuffer), this.float32 = new Float32Array(this.arraybuffer), this.uint16 = new Uint16Array(this.arraybuffer), this.arrayType) {
+      case 0:
+        this.typedArray = this.float32;
+        break;
+      case 1:
+        this.typedArray = this.uint32;
+        break;
+      case 2:
+        this.typedArray = this.uint16;
+        break;
+    }
+  }
+  clear() {
+    this.usedElemNum = 0;
+  }
+  static removeAtIndices(t, e) {
+    const r = Math.max(...e.map((h) => h.usedElemNum)), i = [...new Set(t)].filter(
+      (h) => h >= 0 && h < r
+    ).sort((h, o) => h - o);
+    if (i.length === 0)
+      return 0;
+    let s = 0, a = 0;
+    for (let h = 0; h < r; h++) {
+      if (a < i.length && h === i[a]) {
+        a++;
+        continue;
+      }
+      if (s !== h)
+        for (const o of e)
+          o.typedArray[s] = o.typedArray[h];
+      s++;
+    }
+    for (const h of e)
+      h.usedElemNum = s;
+    return r - s;
+  }
+  resize(t = 0) {
+    if (t += this.usedElemNum, t > this.maxElemNum) {
+      for (; t > this.maxElemNum; )
+        this.maxElemNum *= 2;
+      return this.setMaxSize(this.maxElemNum), !0;
     }
-    return -1;
+    return !1;
   }
-  useTexture(t, e = 0, r = 0) {
-    const i = this.findTextureUnit(t, e, r);
-    return i == -1 ? (this.freeTextureUnitNum === 0 && this.flush(), this.usedTextures.push(t), this.usedTexturePadding.push(e), this.usedTexturePadding.push(r), this.usedTextures.length - 1) : i;
+  setMaxSize(t = this.maxElemNum) {
+    const e = this.typedArray;
+    this.maxElemNum = t, this.arraybuffer = new ArrayBuffer(t * this.bytePerElem), this.updateTypedArray(), this.typedArray.set(e);
   }
-  createShader(t, e) {
-    return new Tt(this.gl, t, e);
+  pushUint32(t) {
+    this.resize(1), this.uint32[this.usedElemNum++] = t;
   }
-  createCustomShader(t) {
-    return t.getGLShader(this, this.KEY, this.vs, this.fs);
+  pushFloat32(t) {
+    this.resize(1), this.float32[this.usedElemNum++] = t;
   }
-  getCustomShader(t) {
-    if (!t)
-      return this.defaultShader;
-    if (t instanceof ut) {
-      const e = this.createCustomShader(t);
-      return e ?? this.defaultShader;
-    }
-    return t;
+  push(t) {
+    this.resize(1), this.typedArray[this.usedElemNum++] = t;
   }
-  isSameShader(t) {
-    return this.isDefaultShader && !t ? !0 : this.getCustomShader(t) == this.currentShader;
+  pop() {
+    return this.typedArray[--this.usedElemNum];
   }
-  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);
+  top() {
+    return this.typedArray[this.usedElemNum - 1];
   }
-  exit() {
-    this.hasPendingContent() && this.flush(), this.gl.bindVertexArray(null);
+  get(t) {
+    return this.typedArray[t];
   }
-  flush() {
-    this.render(), this.resetRender();
+  getArray(t = 0, e) {
+    return e === void 0 ? this.typedArray : this.typedArray.subarray(t, e);
   }
-  render() {
-    this.prepareRender();
+  get length() {
+    return this.usedElemNum;
   }
-  prepareRender() {
-    const t = this.currentShader;
-    if (t.use(), this.customShader) {
-      const r = this.customShader, i = {};
-      for (const s in r.uniformTextures)
-        i[s] = this.useTexture(r.uniformTextures[s]);
-      this.customShader.applyUniform(this.KEY, i);
-    }
-    const e = this.gl;
-    for (let r = 0; r < this.usedTextures.length; r++)
-      e.activeTexture(e.TEXTURE0 + r), e.bindTexture(e.TEXTURE_2D, this.usedTextures[r]);
-    t.setUniform("uTextures", Int32Array.from(
-      { length: this.usedTextures.length },
-      (r, i) => i
-    )), t.setUniform("uPadding", Float32Array.from(
-      { length: this.usedTexturePadding.length },
-      (r, i) => this.usedTexturePadding[i]
-    ));
+}
+class ut extends S {
+  buffer;
+  gl;
+  dirty = !0;
+  type;
+  webglBufferSize = 0;
+  usage;
+  constructor(t, e, r = t.ARRAY_BUFFER, i = t.DYNAMIC_DRAW) {
+    super(e), this.gl = t, this.buffer = t.createBuffer(), this.type = r, this.usage = i;
   }
-  resetRender() {
-    this.usedTextures.length = 0, this.usedTexturePadding.length = 0;
+  makeDirty() {
+    this.dirty = !0;
   }
-  hasPendingContent() {
-    return !1;
+  clear() {
+    super.clear(), this.dirty = !1;
+  }
+  bindBuffer() {
+    this.gl.bindBuffer(this.type, this.buffer);
+  }
+  bufferData() {
+    if (this.dirty) {
+      const t = this.gl;
+      this.maxElemNum > this.webglBufferSize && (t.bufferData(this.type, this.maxElemNum * this.bytePerElem, this.usage), this.webglBufferSize = this.maxElemNum), t.bufferSubData(this.type, 0, this.getArray(0, this.usedElemNum)), this.dirty = !1;
+    }
   }
 }
-const Z = `#version 300 es\r
+const et = `#version 300 es\r
 precision highp float;\r
 \r
 // per-vertex\r
@@ -1194,7 +942,7 @@ void main(void) {\r
 \r
     gl_Position = u_projection * position;\r
 }\r
-`, lt = `#version 300 es\r
+`, ft = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -1208,43 +956,31 @@ in vec4 vUVRect;\r
 out vec4 fragColor;\r
 in vec2 vPadding;\r
 \r
-bool clampUV(vec2 uv) {\r
-    return uv.x < vUVRect.x || uv.x > vUVRect.z || uv.y < vUVRect.y || uv.y > vUVRect.w;\r
-}\r
-\r
 vec4 sampleTexture(vec2 uv) {\r
     %GET_COLOR%\r
 }\r
 \r
 vec4 sampleClampTexture(vec2 uv) {\r
-    if (clampUV(uv)) {\r
-        return vec4(0.0, 0.0, 0.0, 0.0);\r
-    }\r
-    return sampleTexture(uv);\r
+    vec2 inMin = step(vUVRect.xy, uv);\r
+    vec2 inMax = step(uv, vUVRect.zw);\r
+\r
+    float mask = inMin.x * inMin.y * inMax.x * inMax.y;\r
+\r
+    return sampleTexture(uv) * mask;\r
 }\r
 \r
 vec4 sampleTextureLocal(vec2 uv){\r
-    vec2 gUV = mix(vUVRect.xy, vUVRect.zw, uv);\r
-    if (clampUV(gUV)) {\r
-        return vec4(0.0, 0.0, 0.0, 0.0);\r
-    }\r
-    return sampleTexture(gUV);\r
+    return sampleClampTexture(mix(vUVRect.xy, vUVRect.zw, uv));\r
 }\r
-\r
 // CUSTOM_CODE\r
 \r
 void main(void) {\r
     fragColor = sampleTexture(vRegion) * vColor;\r
-    // if (vPadding.x != 0.0) {\r
-    //     if (clampUV(vRegion)) {\r
-    //         fragColor = vec4(0.0, 0.0, 0.0, 0.0);\r
-    //     }\r
-    // }\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, $ = 48, Dt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
-class ot extends Et {
+`, Y = 48, Dt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
+class lt extends Et {
   instanceBuffer;
   quadBuffer;
   instanceCount = 0;
@@ -1252,82 +988,347 @@ class ot extends Et {
   worldSpriteMatrix = new Float32Array(6);
   KEY = "Sprite";
   constructor(t) {
-    super(t), this.createBuffer(), this.createDefaultShader();
+    super(t), this.createBuffer(), this.createDefaultShader();
+  }
+  createBuffer() {
+    const t = this.gl;
+    this.quadBuffer = new ut(t, A.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 ut(t, A.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
+  }
+  createDefaultShader() {
+    return this.vs = et, this.fs = ft, this.defaultShader = this.createShader(et, ft), this.defaultShader;
+  }
+  createShader(t, e) {
+    const r = super.createShader(t, e);
+    return r.use(), r.bindVAO(), this.instanceBuffer.bindBuffer(), r.setAttributes([
+      { name: "aMatrixRow0", size: 3, stride: Y, offset: 0, divisor: 1 },
+      { name: "aMatrixRow1", size: 3, stride: Y, offset: 12, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: Y, offset: 24, divisor: 1 },
+      { name: "aColor", size: 4, type: ot, normalized: !0, stride: Y, offset: 40, divisor: 1 },
+      { name: "aTextureId", size: 1, type: ot, stride: Y, offset: 44, divisor: 1 }
+    ]), this.quadBuffer.bindBuffer(), r.setAttributes([
+      { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
+    ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
+  }
+  drawSprite(t, e, r = 0, i = 0, s = 1, a = 1, h = 4294967295, o = 0, c = 0, u = !1, l = !1, f = !1) {
+    const d = e * 6, x = this.matrixStore.data;
+    this.drawSpriteAffine(
+      t,
+      x[d],
+      x[d + 1],
+      x[d + 2],
+      x[d + 3],
+      x[d + 4],
+      x[d + 5],
+      r,
+      i,
+      s,
+      a,
+      h,
+      o,
+      c,
+      u,
+      l,
+      f
+    );
+  }
+  drawSpriteAffine(t, e, r, i, s, a, h, o = 0, c = 0, u = 1, l = 1, f = 4294967295, d = 0, x = 0, p = !1, v = !1, y = !1) {
+    const E = t.base, w = t.rawWidth, _ = t.rawHeight, L = t.offsetX, W = t.offsetY, O = this.useTexture(
+      t.glTexture,
+      d / E.width,
+      x / E.height
+    ), b = this.instanceBuffer, M = b.usedElemNum;
+    b.resize(12);
+    const C = b.float32, D = b.uint32, B = y ? _ : w, k = y ? w : _, I = B + 2 * d, F = k + 2 * x, V = L - d, z = W - x, R = this.localSpriteMatrix;
+    y ? (R[0] = 0, R[1] = v ? F : -F, R[2] = p ? -I : I, R[3] = 0, R[4] = V + (p ? I : 0), R[5] = z + (v ? 0 : F)) : (R[0] = p ? -I : I, R[1] = 0, R[2] = 0, R[3] = v ? -F : F, R[4] = V + (p ? I : 0), R[5] = z + (v ? F : 0));
+    const U = this.worldSpriteMatrix;
+    U[0] = e * R[0] + i * R[1], U[1] = r * R[0] + s * R[1], U[2] = e * R[2] + i * R[3], U[3] = r * R[2] + s * R[3], U[4] = a + e * R[4] + i * R[5], U[5] = h + r * R[4] + s * R[5], C[M + 6] = o, C[M + 7] = c, C[M + 8] = u, C[M + 9] = l, D[M + 10] = f, D[M + 11] = O, this.rapid.roundPixels && (U[4] = Math.round(U[4]), U[5] = Math.round(U[5])), C[M] = U[0], C[M + 1] = U[2], C[M + 2] = U[4], C[M + 3] = U[1], C[M + 4] = U[3], C[M + 5] = U[5], b.usedElemNum += 12, b.makeDirty(), this.instanceCount++;
+  }
+  render() {
+    if (this.instanceCount === 0) return;
+    this.prepareRender();
+    const t = this.gl, e = this.currentShader;
+    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), yt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
+  }
+  resetRender() {
+    super.resetRender(), this.instanceBuffer.clear(), this.instanceCount = 0;
+  }
+  hasPendingContent() {
+    return this.instanceCount > 0;
+  }
+}
+const T = 6;
+class Bt {
+  matrixCount = 0;
+  buffer;
+  data;
+  temporary = -1;
+  constructor(t = 10) {
+    this.buffer = new S(A.Float32), this.buffer.resize(t * T), this.data = this.buffer.getArray(), this.reset();
+  }
+  alloc() {
+    const t = this.allocDirty();
+    return this.identity(t), t;
+  }
+  allocDirty() {
+    return this.buffer.resize(T) && (this.data = this.buffer.getArray()), this.buffer.usedElemNum += T, this.matrixCount++;
+  }
+  reset() {
+    this.matrixCount = 0, this.buffer.usedElemNum = 0, this.temporary = this.alloc();
+  }
+  identity(t) {
+    const e = t * T, r = this.data;
+    r[e] = 1, r[e + 1] = 0, r[e + 2] = 0, r[e + 3] = 1, r[e + 4] = 0, r[e + 5] = 0;
+  }
+  translate(t, e, r) {
+    const i = t * T, s = this.data;
+    s[i + 4] = s[i] * e + s[i + 2] * r + s[i + 4], s[i + 5] = s[i + 1] * e + s[i + 3] * r + s[i + 5];
+  }
+  scale(t, e, r) {
+    const i = t * T, s = this.data;
+    s[i] *= e, s[i + 1] *= e, s[i + 2] *= r, s[i + 3] *= r;
+  }
+  rotate(t, e) {
+    const r = t * T, i = this.data, s = Math.cos(e), a = Math.sin(e), h = i[r], o = i[r + 1], c = i[r + 2], u = i[r + 3];
+    i[r] = h * s + c * a, i[r + 1] = o * s + u * a, i[r + 2] = h * -a + c * s, i[r + 3] = o * -a + u * s;
+  }
+  rotateWithOffset(t, e, r, i) {
+    this.translate(t, r, i), this.rotate(t, e), this.translate(t, -r, -i);
+  }
+  copy(t, e) {
+    const r = t * T, i = e * T, s = this.data;
+    s[r] = s[i], s[r + 1] = s[i + 1], s[r + 2] = s[i + 2], s[r + 3] = s[i + 3], s[r + 4] = s[i + 4], s[r + 5] = s[i + 5];
+  }
+  multiply(t, e) {
+    this.multiplyOut(t, t, e);
+  }
+  multiplyOut(t, e, r) {
+    const i = t * T, s = e * T, a = r * T, h = this.data, o = h[s], c = h[s + 1], u = h[s + 2], l = h[s + 3], f = h[s + 4], d = h[s + 5], x = h[a], p = h[a + 1], v = h[a + 2], y = h[a + 3], E = h[a + 4], w = h[a + 5];
+    h[i] = o * x + u * p, h[i + 1] = c * x + l * p, h[i + 2] = o * v + u * y, h[i + 3] = c * v + l * y, h[i + 4] = o * E + u * w + f, h[i + 5] = c * E + l * w + d;
+  }
+  invert(t) {
+    const e = t * T, r = this.data, i = r[e], s = r[e + 1], a = r[e + 2], h = r[e + 3], o = r[e + 4], c = r[e + 5];
+    let u = i * h - s * a;
+    if (!u) {
+      this.identity(t);
+      return;
+    }
+    u = 1 / u, r[e] = h * u, r[e + 1] = -s * u, r[e + 2] = -a * u, r[e + 3] = i * u, r[e + 4] = (a * c - h * o) * u, r[e + 5] = (s * o - i * c) * u;
+  }
+  transformPoint(t, e, r) {
+    const i = t * T, s = this.data;
+    return {
+      x: e * s[i] + r * s[i + 2] + s[i + 4],
+      y: e * s[i + 1] + r * s[i + 3] + s[i + 5]
+    };
+  }
+  worldToLocal(t, e, r) {
+    const i = this.allocDirty();
+    this.copy(i, t), this.invert(i);
+    const s = this.transformPoint(i, e, r);
+    return this.matrixCount--, this.buffer.usedElemNum -= T, s;
+  }
+  localToWorld(t, e, r) {
+    return this.transformPoint(t, e, r);
+  }
+  getPosition(t) {
+    const e = t * T, r = this.data;
+    return { x: r[e + 4], y: r[e + 5] };
+  }
+  getScale(t) {
+    const e = t * T, r = this.data, i = Math.sqrt(r[e] * r[e] + r[e + 1] * r[e + 1]), s = Math.sqrt(r[e + 2] * r[e + 2] + r[e + 3] * r[e + 3]);
+    return { x: i, y: s };
+  }
+  getRotation(t) {
+    const e = t * T, r = this.data;
+    return Math.atan2(r[e + 1], r[e]);
+  }
+  toCSSMatrix(t, e = 1, r = 1) {
+    const i = t * T, s = this.data;
+    return `matrix(${s[i] * e}, ${s[i + 1] * r}, ${s[i + 2] * e}, ${s[i + 3] * r}, ${s[i + 4] * e}, ${s[i + 5] * r})`;
+  }
+  getMatrix(t) {
+    const e = t * T;
+    return this.data.slice(e, e + T);
+  }
+  getMatrixRef(t) {
+    const e = t * T;
+    return this.data.subarray(e, e + T);
+  }
+  setMatrix(t, e) {
+    const r = t * T, i = this.data;
+    i[r] = e[0], i[r + 1] = e[1], i[r + 2] = e[2], i[r + 3] = e[3], i[r + 4] = e[4], i[r + 5] = e[5];
+  }
+  multiplyAffineInPlace(t, e, r, i, s, a, h) {
+    const o = t * 6, c = this.data, u = c[o], l = c[o + 1], f = c[o + 2], d = c[o + 3], x = c[o + 4], p = c[o + 5];
+    c[o] = u * e + f * r, c[o + 1] = l * e + d * r, c[o + 2] = u * i + f * s, c[o + 3] = l * i + d * s, c[o + 4] = u * a + f * h + x, c[o + 5] = l * a + d * h + p;
+  }
+  multiplyAffine(t, e, r, i, s, a, h, o) {
+    const c = t * 6, u = e * 6, l = this.data, f = l[c], d = l[c + 1], x = l[c + 2], p = l[c + 3], v = l[c + 4], y = l[c + 5];
+    l[u] = f * r + x * i, l[u + 1] = d * r + p * i, l[u + 2] = f * s + x * a, l[u + 3] = d * s + p * a, l[u + 4] = f * h + x * o + v, l[u + 5] = d * h + p * o + y;
+  }
+}
+class kt {
+  matrix = new Bt();
+  step = 0;
+  stack = new S(A.Uint32);
+  stepWorldM = new S(A.Uint32);
+  stepAction = new S(A.Uint32);
+  stepParentM = new S(A.Uint32);
+  stepClose = new S(A.Uint32);
+  stepStack = new S(A.Uint32);
+  curLocalM = -1;
+  curWorldM = -1;
+  rapid;
+  constructor(t) {
+    this.reset(), this.rapid = t;
   }
-  createBuffer() {
-    const t = this.gl;
-    this.quadBuffer = new it(t, S.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 it(t, S.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
+  save() {
+    this.stack.push(this.curWorldM);
+    const t = this.curWorldM;
+    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.stepClose.push(0), this.stepStack.push(this.step), this.matrix.copy(this.curWorldM, t), { world: this.curWorldM, local: this.curLocalM, step: this.step++ };
   }
-  createDefaultShader() {
-    const t = this.rapid, e = B(lt, t.maxTextureUnits), r = B(Z, t.maxTextureUnits);
-    return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
+  restore() {
+    this.stack.length == 0 || this.stepStack.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.stepClose.push(0), this.stepClose.typedArray[this.stepStack.pop()] = this.step, this.step++);
   }
-  createShader(t, e) {
-    const r = super.createShader(t, e);
-    return r.use(), r.bindVAO(), this.instanceBuffer.bindBuffer(), r.setAttributes([
-      { name: "aMatrixRow0", size: 3, stride: $, offset: 0, divisor: 1 },
-      { name: "aMatrixRow1", size: 3, stride: $, offset: 12, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: $, offset: 24, divisor: 1 },
-      { name: "aColor", size: 4, type: at, normalized: !0, stride: $, offset: 40, divisor: 1 },
-      { name: "aTextureId", size: 1, type: at, stride: $, offset: 44, divisor: 1 }
-    ]), this.quadBuffer.bindBuffer(), r.setAttributes([
-      { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
-    ]), r.unbindVAO(), this.currentShader && this.currentShader.use(), r;
+  restoreAll() {
+    for (; this.stack.length > 0 && this.stepStack.length > 0; )
+      this.restore();
   }
-  createCustomShader(t) {
-    const e = B(lt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = B(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
-    return t.getGLShader(this, this.KEY, r, e);
+  getStep(t) {
+    return typeof t == "number" ? t : t.step;
   }
-  drawSprite(t, e, r = 0, i = 0, s = 1, a = 1, h = 4294967295, o = 0, c = 0, u = !1, l = !1, d = !1) {
-    const f = e * 6, m = this.matrixStore.data;
-    this.drawSpriteAffine(
-      t,
-      m[f],
-      m[f + 1],
-      m[f + 2],
-      m[f + 3],
-      m[f + 4],
-      m[f + 5],
-      r,
-      i,
-      s,
-      a,
-      h,
-      o,
-      c,
-      u,
-      l,
-      d
-    );
+  walkSubtree(t, e, r = 1 / 0) {
+    let i = 0, s = t;
+    for (; s < this.step; ) {
+      const a = this.stepAction.get(s);
+      if (a === 1) {
+        if (i++, i > r) {
+          const h = this.stepClose.get(s);
+          if (h > s) {
+            s = h + 1, i--;
+            continue;
+          }
+        }
+      } else
+        i--;
+      if (e(s, a, i) === !1 || a === 0 && i === 0) return;
+      s++;
+    }
   }
-  drawSpriteAffine(t, e, r, i, s, a, h, o = 0, c = 0, u = 1, l = 1, d = 4294967295, f = 0, m = 0, g = !1, v = !1, y = !1) {
-    const w = t.base, M = t.rawWidth, _ = t.rawHeight, P = t.offsetX, O = t.offsetY, W = this.useTexture(
-      t.glTexture,
-      f / w.width,
-      m / w.height
-    ), b = this.instanceBuffer, R = b.usedElemNum;
-    b.resize(12);
-    const C = b.float32, D = b.uint32, k = y ? _ : M, H = y ? M : _, I = k + 2 * f, F = H + 2 * m, Y = P - f, z = O - m, E = this.localSpriteMatrix;
-    y ? (E[0] = 0, E[1] = v ? F : -F, E[2] = g ? -I : I, E[3] = 0, E[4] = Y + (g ? I : 0), E[5] = z + (v ? 0 : F)) : (E[0] = g ? -I : I, E[1] = 0, E[2] = 0, E[3] = v ? -F : F, E[4] = Y + (g ? I : 0), E[5] = z + (v ? F : 0));
-    const U = this.worldSpriteMatrix;
-    U[0] = e * E[0] + i * E[1], U[1] = r * E[0] + s * E[1], U[2] = e * E[2] + i * E[3], U[3] = r * E[2] + s * E[3], U[4] = a + e * E[4] + i * E[5], U[5] = h + r * E[4] + s * E[5], C[R + 6] = o, C[R + 7] = c, C[R + 8] = u, C[R + 9] = l, D[R + 10] = d, D[R + 11] = W, this.rapid.roundPixels && (U[4] = Math.round(U[4]), U[5] = Math.round(U[5])), C[R] = U[0], C[R + 1] = U[2], C[R + 2] = U[4], C[R + 3] = U[1], C[R + 4] = U[3], C[R + 5] = U[5], b.usedElemNum += 12, b.makeDirty(), this.instanceCount++;
+  getParent(t) {
+    const e = this.getStep(t);
+    return this.stepParentM.get(e);
   }
-  render() {
-    if (this.instanceCount === 0) return;
-    this.prepareRender();
-    const t = this.gl, e = this.currentShader;
-    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), yt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
+  getChildren(t) {
+    const e = this.getStep(t), r = this.stepClose.get(e), i = [];
+    let s = e + 1;
+    for (; s < r; )
+      this.stepAction.get(s) === 1 ? (i.push(s), s = this.stepClose.get(s) + 1) : s++;
+    return i;
   }
-  resetRender() {
-    super.resetRender(), this.instanceBuffer.clear(), this.instanceCount = 0;
+  updateMatrixSubtree(t) {
+    const e = this.getStep(t);
+    this.walkSubtree(e, (r, i) => {
+      if (i === 1) {
+        const s = this.stepWorldM.get(r), a = s - 1, h = this.stepParentM.get(r);
+        this.matrix.multiplyOut(s, h, a);
+      }
+    });
   }
-  hasPendingContent() {
-    return this.instanceCount > 0;
+  translate(t, e) {
+    this.matrix.translate(this.curLocalM, t, e), this.matrix.translate(this.curWorldM, t, e);
+  }
+  scale(t, e = t) {
+    this.matrix.scale(this.curLocalM, t, e), this.matrix.scale(this.curWorldM, t, e);
+  }
+  rotate(t) {
+    this.matrix.rotate(this.curLocalM, t), this.matrix.rotate(this.curWorldM, t);
+  }
+  rotateWithOffset(t, e, r) {
+    this.matrix.rotateWithOffset(this.curLocalM, t, e, r), this.matrix.rotateWithOffset(this.curWorldM, t, e, r);
+  }
+  identity() {
+    this.matrix.identity(this.curLocalM), this.matrix.identity(this.curWorldM);
+  }
+  reset() {
+    this.matrix.reset(), this.stack.clear(), this.stepAction.clear(), this.stepWorldM.clear(), this.stepParentM.clear(), this.stepClose.clear(), this.stepStack.clear(), this.step = 0, this.curLocalM = this.matrix.alloc(), this.curWorldM = this.matrix.alloc();
+  }
+  localToWorld(t, e) {
+    return this.matrix.localToWorld(this.curWorldM, t, e);
+  }
+  worldToLocal(t, e) {
+    return this.matrix.worldToLocal(this.curWorldM, t, e);
+  }
+  getGlobalPosition() {
+    return this.matrix.getPosition(this.curWorldM);
+  }
+  getGlobalScale() {
+    return this.matrix.getScale(this.curWorldM);
+  }
+  getGlobalRotation() {
+    return this.matrix.getRotation(this.curWorldM);
+  }
+  toCSSMatrix() {
+    return this.matrix.toCSSMatrix(this.curWorldM);
+  }
+  getTransform() {
+    const t = this.curWorldM * T;
+    return this.matrix.data.slice(t, t + T);
+  }
+  setTransform(t) {
+    const e = this.curWorldM * T, r = this.matrix.data;
+    r[e] = t[0], r[e + 1] = t[1], r[e + 2] = t[2], r[e + 3] = t[3], r[e + 4] = t[4], r[e + 5] = t[5];
+  }
+  transformPoint(t, e) {
+    return this.matrix.transformPoint(this.curLocalM, t, e);
+  }
+  applyTransform(t, e = 0, r = 0, i = -1) {
+    let s = t.x ?? 0, a = t.y ?? 0;
+    t.position && (s += t.position.x, a += t.position.y);
+    let h = 1, o = 1;
+    const c = t.scale;
+    c && (typeof c == "number" ? (h = c, o = c) : (h = c.x, o = c.y));
+    const u = t.rotation ?? 0;
+    let l = t.offsetX ?? 0, f = t.offsetY ?? 0;
+    t.offset && (l += t.offset.x, f += t.offset.y);
+    const d = t.origin;
+    d !== void 0 && (typeof d == "number" ? (l -= d * e, f -= d * r) : (l -= d.x * e, f -= d.y * r));
+    const x = u ? Math.cos(u) : 1, p = u ? Math.sin(u) : 0, v = x * h, y = p * h, E = -p * o, w = x * o, _ = s + v * l + E * f, L = a + y * l + w * f;
+    if (i !== -1) {
+      this.matrix.multiplyAffine(
+        this.curWorldM,
+        i,
+        v,
+        y,
+        E,
+        w,
+        _,
+        L
+      );
+      return;
+    }
+    this.matrix.multiplyAffineInPlace(
+      this.curLocalM,
+      v,
+      y,
+      E,
+      w,
+      _,
+      L
+    ), this.matrix.multiplyAffineInPlace(
+      this.curWorldM,
+      v,
+      y,
+      E,
+      w,
+      _,
+      L
+    );
   }
 }
-const kt = `#version 300 es\r
+const Ht = `#version 300 es\r
 precision highp float;\r
 \r
 in vec2 aPosition;\r
@@ -1358,7 +1359,7 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
     gl_Position = u_projection * position;\r
 }\r
-`, Ht = `#version 300 es\r
+`, Gt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec4 vColor;\r
@@ -1366,6 +1367,7 @@ in vec2 vRegion;\r
 in vec4 vUVRect;\r
 \r
 uniform sampler2D uTexture;\r
+uniform sampler2D uTextures[%TEXTURE_NUM%];\r
 uniform int uUseTexture;\r
 \r
 out vec4 fragColor;\r
@@ -1404,7 +1406,7 @@ void main(void) {\r
     fragColor = sampleTexture(vRegion) * vColor;\r
     // CUSTOM_CODE_CALL\r
 }\r
-`, Gt = `#version 300 es\r
+`, Vt = `#version 300 es\r
 precision highp float;\r
 \r
 in vec2 aPosition;\r
@@ -1427,7 +1429,7 @@ void main(void) {\r
     );\r
     gl_Position = u_projection * position;\r
 }\r
-`, Vt = `#version 300 es\r
+`, Xt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 vRegion;\r
@@ -1447,10 +1449,11 @@ void main(void) {\r
         discard;\r
     }\r
 }\r
-`, j = 20;
-class Yt extends Et {
+`, $ = 20;
+class zt extends Et {
   vertexBuffer;
   vertexCount = 0;
+  extraTextureUnit = 1;
   matrixIndex = -1;
   drawMode = this.gl.TRIANGLES;
   texture;
@@ -1461,24 +1464,24 @@ class Yt extends Et {
   }
   createBuffer() {
     const t = this.gl;
-    this.vertexBuffer = new it(t, S.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Gt, Vt);
+    this.vertexBuffer = new ut(t, A.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Vt, Xt);
   }
   createDefaultShader() {
-    return this.vs = kt, this.fs = Ht, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
+    return this.vs = Ht, this.fs = Gt, this.defaultShader = this.createShader(this.vs, this.fs), this.defaultShader;
   }
   createMaskShader(t, e) {
     const r = this.gl, i = new Tt(r, t, e);
     return i.use(), i.bindVAO(), this.vertexBuffer.bindBuffer(), i.setAttributes([
-      { name: "aPosition", size: 2, type: r.FLOAT, stride: j - 4, offset: 0, divisor: 0 },
-      { name: "aUV", size: 2, type: r.FLOAT, stride: j - 4, offset: 8, divisor: 0 }
+      { name: "aPosition", size: 2, type: r.FLOAT, stride: $ - 4, offset: 0, divisor: 0 },
+      { name: "aUV", size: 2, type: r.FLOAT, stride: $ - 4, offset: 8, divisor: 0 }
     ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   createShader(t, e) {
     const r = this.gl, i = super.createShader(t, e);
     return i.use(), i.bindVAO(), this.vertexBuffer.bindBuffer(), i.setAttributes([
-      { name: "aPosition", size: 2, type: r.FLOAT, stride: j, offset: 0, divisor: 0 },
-      { name: "aColor", size: 4, type: r.UNSIGNED_BYTE, normalized: !0, stride: j, offset: 8, divisor: 0 },
-      { name: "aUV", size: 2, type: r.FLOAT, stride: j, offset: 12, divisor: 0 }
+      { name: "aPosition", size: 2, type: r.FLOAT, stride: $, offset: 0, divisor: 0 },
+      { name: "aColor", size: 4, type: r.UNSIGNED_BYTE, normalized: !0, stride: $, offset: 8, divisor: 0 },
+      { name: "aUV", size: 2, type: r.FLOAT, stride: $, offset: 12, divisor: 0 }
     ]), i.unbindVAO(), this.currentShader && this.currentShader.use(), i;
   }
   startGraphic(t, e = this.gl.TRIANGLES, r) {
@@ -1505,15 +1508,15 @@ class Yt extends Et {
     return !1;
   }
 }
-class p {
+class g {
   x;
   y;
-  static ZERO = new p(0, 0);
-  static ONE = new p(1, 1);
-  static UP = new p(0, 1);
-  static DOWN = new p(0, -1);
-  static LEFT = new p(-1, 0);
-  static RIGHT = new p(1, 0);
+  static ZERO = new g(0, 0);
+  static ONE = new g(1, 1);
+  static UP = new g(0, 1);
+  static DOWN = new g(0, -1);
+  static LEFT = new g(-1, 0);
+  static RIGHT = new g(1, 0);
   constructor(t, e) {
     this.x = t !== void 0 ? t : 0, this.y = e !== void 0 ? e : 0;
   }
@@ -1521,16 +1524,16 @@ class p {
     return e === void 0 ? (this.x = t, this.y = t) : (this.x = t, this.y = e), this;
   }
   add(t) {
-    return new p(this.x + t.x, this.y + t.y);
+    return new g(this.x + t.x, this.y + t.y);
   }
   subtract(t) {
-    return new p(this.x - t.x, this.y - t.y);
+    return new g(this.x - t.x, this.y - t.y);
   }
   multiply(t) {
-    return t instanceof p ? new p(this.x * t.x, this.y * t.y) : new p(this.x * t, this.y * t);
+    return t instanceof g ? new g(this.x * t.x, this.y * t.y) : new g(this.x * t, this.y * t);
   }
   divide(t) {
-    return t instanceof p ? new p(this.x / t.x, this.y / t.y) : new p(this.x / t, this.y / t);
+    return t instanceof g ? new g(this.x / t.x, this.y / t.y) : new g(this.x / t, this.y / t);
   }
   dot(t) {
     return this.x * t.x + this.y * t.y;
@@ -1543,7 +1546,7 @@ class p {
     return Math.sqrt(e * e + r * r);
   }
   clone() {
-    return new p(this.x, this.y);
+    return new g(this.x, this.y);
   }
   to(t) {
     this.x = t.x, this.y = t.y;
@@ -1559,7 +1562,7 @@ class p {
     return this.x = -this.x, this.y = -this.y, this;
   }
   inverted() {
-    return new p(this.x * -1, this.y * -1);
+    return new g(this.x * -1, this.y * -1);
   }
   length() {
     return Math.sqrt(this.x * this.x + this.y * this.y);
@@ -1573,13 +1576,13 @@ class p {
   }
   normalized() {
     const t = this.length();
-    return new p(this.x / t || 0, this.y / t || 0);
+    return new g(this.x / t || 0, this.y / t || 0);
   }
   fix(t = 1e-13) {
     this.x = Math.abs(this.x) < t ? 0 : this.x, this.y = Math.abs(this.y) < t ? 0 : this.y;
   }
   fixed(t = 1e-13) {
-    return new p(
+    return new g(
       Math.abs(this.x) < t ? 0 : this.x,
       Math.abs(this.y) < t ? 0 : this.y
     );
@@ -1588,13 +1591,13 @@ class p {
     return Math.atan2(this.y, this.x);
   }
   abs() {
-    return new p(Math.abs(this.x), Math.abs(this.y));
+    return new g(Math.abs(this.x), Math.abs(this.y));
   }
   floor() {
-    return new p(Math.floor(this.x), Math.floor(this.y));
+    return new g(Math.floor(this.x), Math.floor(this.y));
   }
   ceil() {
-    return new p(Math.ceil(this.x), Math.ceil(this.y));
+    return new g(Math.ceil(this.x), Math.ceil(this.y));
   }
   stringify() {
     return `Vec2(${this.x}, ${this.y})`;
@@ -1615,13 +1618,13 @@ class p {
     return this.x = Math.cos(t) * e, this.y = Math.sin(t) * e, this;
   }
   static FromArray(t) {
-    return t.map((e) => new p(e[0], e[1]));
+    return t.map((e) => new g(e[0], e[1]));
   }
   static fromAngle(t) {
-    return new p(Math.cos(t), Math.sin(t));
+    return new g(Math.cos(t), Math.sin(t));
   }
 }
-const Xt = (n, t) => {
+const Yt = (n, t) => {
   const [e, r, i, s, a, h] = t, o = new Float32Array([
     e,
     i,
@@ -1640,8 +1643,8 @@ const Xt = (n, t) => {
     0,
     1
   ]);
-  return zt(o, n);
-}, zt = (n, t) => {
+  return $t(o, n);
+}, $t = (n, t) => {
   const e = new Float32Array(16);
   for (let r = 0; r < 4; r++)
     for (let i = 0; i < 4; i++) {
@@ -1652,15 +1655,15 @@ const Xt = (n, t) => {
     }
   return e;
 };
-var $t = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))($t || {});
-const rt = 10, dt = (n, t, e, r, i, s) => {
-  const a = [], h = [], o = r ? Math.atan2(t.y, t.x) : Math.atan2(-t.y, -t.x), c = Math.PI, u = new p(t.y, -t.x);
-  for (let l = 0; l < rt; l++) {
-    const d = l / rt, f = (l + 1) / rt, m = o + d * c, g = o + 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), h.push(new p(i, 0.5)), a.push(n.add(v)), h.push(new p(i + v.dot(u) * s, 0.5 - 0.5 * v.dot(t) / e)), a.push(n.add(y)), h.push(new p(i + y.dot(u) * s, 0.5 - 0.5 * y.dot(t) / e));
+var jt = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))(jt || {});
+const nt = 10, mt = (n, t, e, r, i, s) => {
+  const a = [], h = [], o = r ? Math.atan2(t.y, t.x) : Math.atan2(-t.y, -t.x), c = Math.PI, u = new g(t.y, -t.x);
+  for (let l = 0; l < nt; l++) {
+    const f = l / nt, d = (l + 1) / nt, x = o + f * c, p = o + d * c, v = new g(Math.cos(x) * e, Math.sin(x) * e), y = new g(Math.cos(p) * e, Math.sin(p) * e);
+    a.push(n), h.push(new g(i, 0.5)), a.push(n.add(v)), h.push(new g(i + v.dot(u) * s, 0.5 - 0.5 * v.dot(t) / e)), a.push(n.add(y)), h.push(new g(i + y.dot(u) * s, 0.5 - 0.5 * y.dot(t) / e));
   }
   return { vertices: a, uv: h };
-}, jt = (n, t = !1) => {
+}, Kt = (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;
@@ -1674,14 +1677,14 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
     for (let o = 0; o < s - 1; o++)
       a += n[o].distanceTo(n[o + 1]);
   const h = (o, c, u) => {
-    const l = c.subtract(o).normalize(), d = c.subtract(u).normalize(), f = d.dot(l);
-    if (f < -1 + i)
+    const l = c.subtract(o).normalize(), f = c.subtract(u).normalize(), d = f.dot(l);
+    if (d < -1 + i)
       return { normal: l.perpendicular(), miters: 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: m, miters: Math.min(g, r) };
+      let x = f.add(l).normalize();
+      l.cross(f) < 0 && (x = x.multiply(-1));
+      let p = 1 / Math.sqrt((1 - d) / 2);
+      return { normal: x, miters: Math.min(p, r) };
     }
   };
   if (t)
@@ -1700,23 +1703,23 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
       } else
         e.push(h(n[o - 1], n[o], n[o + 1]));
   return { normals: e, length: a };
-}, Kt = (n) => {
+}, qt = (n) => {
   const t = n.points;
   if (t.length < 2) return { vertices: [], uv: [] };
-  const { normals: e, length: r } = jt(t, n.closed), i = (n.width || 1) / 2, s = [], a = [], h = n.roundCap || !1, o = n.textureMode || 0;
+  const { normals: e, length: r } = Kt(t, n.closed), i = (n.width || 1) / 2, s = [], a = [], h = n.roundCap || !1, o = n.textureMode || 0;
   let c = 0;
   const u = n.texture?.rawWidth || 1, l = n.closed ? t.length : t.length - 1;
-  for (let d = 0; d < l; d++) {
-    const f = t[d], m = e[d].normal, g = e[d].miters, v = (d + 1) % t.length, y = t[v], w = e[v].normal, M = e[v].miters, _ = f.add(m.multiply(g * i)), P = f.subtract(m.multiply(g * i)), O = y.add(w.multiply(M * i)), W = y.subtract(w.multiply(M * i)), b = f.distanceTo(y);
-    let R = 0, C = 0;
-    o === 0 ? (R = c / r, C = (c + b) / r) : (R = c / u, C = R + b / u);
-    const D = new p(R, 0), k = new p(R, 1), H = new p(C, 0), I = new p(C, 1);
-    s.push(_), a.push(D), s.push(P), a.push(k), s.push(O), a.push(H), s.push(O), a.push(H), s.push(W), a.push(I), s.push(P), a.push(k), c += b;
+  for (let f = 0; f < l; f++) {
+    const d = t[f], x = e[f].normal, p = e[f].miters, v = (f + 1) % t.length, y = t[v], E = e[v].normal, w = e[v].miters, _ = d.add(x.multiply(p * i)), L = d.subtract(x.multiply(p * i)), W = y.add(E.multiply(w * i)), O = y.subtract(E.multiply(w * i)), b = d.distanceTo(y);
+    let M = 0, C = 0;
+    o === 0 ? (M = c / r, C = (c + b) / r) : (M = c / u, C = M + b / u);
+    const D = new g(M, 0), B = new g(M, 1), k = new g(C, 0), I = new g(C, 1);
+    s.push(_), a.push(D), s.push(L), a.push(B), s.push(W), a.push(k), s.push(W), a.push(k), s.push(O), a.push(I), s.push(L), a.push(B), c += b;
   }
   if (h && !n.closed) {
-    const d = t[0], f = e[0].normal, m = o === 0 ? r > 0 ? 1 / r : 0 : 1 / u, g = dt(d, f, i, !0, 0, m);
-    s.push(...g.vertices), a.push(...g.uv);
-    const v = t[t.length - 1], y = e[t.length - 1].normal, w = o === 0 ? 1 : c / u, M = o === 0 ? r > 0 ? 1 / r : 0 : 1 / u, _ = dt(v, y, i, !1, w, M);
+    const f = t[0], d = e[0].normal, x = o === 0 ? r > 0 ? 1 / r : 0 : 1 / u, p = mt(f, d, i, !0, 0, x);
+    s.push(...p.vertices), a.push(...p.uv);
+    const v = t[t.length - 1], y = e[t.length - 1].normal, E = o === 0 ? 1 : c / u, w = o === 0 ? r > 0 ? 1 / r : 0 : 1 / u, _ = mt(v, y, i, !1, E, w);
     s.push(..._.vertices), a.push(..._.uv);
   }
   return { vertices: s, uv: a };
@@ -1739,7 +1742,7 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
       i
     ), i;
   }
-}, qt = (n, t) => t ? n ? t.premultipliedUint32 : t.uint32 : 4294967295, Qt = 2, Zt = (n, t) => {
+}, Qt = (n, t) => t ? n ? t.premultipliedUint32 : t.uint32 : 4294967295, Zt = 2, Jt = (n, t) => {
   const e = Q(n, t, t.texture.rawWidth, t.texture.rawHeight), r = t.texture;
   if (!r?.base || n.inCreateMask)
     return;
@@ -1748,8 +1751,8 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
   let s = r.uvX, a = r.uvY, h = r.uvW, o = r.uvH;
   const c = !!t.flipX, u = !!t.flipY != !!r.flipY;
   let l = t.padding ?? i.currentShader.padding;
-  r.isAtlas && (l += Qt);
-  const d = s <= h ? l : -l, f = a <= o ? l : -l;
+  r.isAtlas && (l += Zt);
+  const f = s <= h ? l : -l, d = a <= o ? l : -l;
   i.drawSprite(
     r,
     e ?? t.customMatrix ?? n.matrixStack.curWorldM,
@@ -1758,13 +1761,13 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
     h,
     o,
     n.getColorUint32(t.color),
-    d,
     f,
+    d,
     c,
     u,
     r.isRotated
   );
-}, Jt = (n, t) => {
+}, te = (n, t) => {
   const e = n.particleRegion;
   n.enterRegion(e, t.shader);
   const r = t.texture, i = t.count ?? t.x.length, s = t.color;
@@ -1810,17 +1813,17 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
     );
   }
   n.endGraphic();
-}, te = (n, t) => {
+}, ee = (n, t) => {
   if (n.inCreateMask)
     return;
-  const { vertices: e, uv: r } = Kt(t);
+  const { vertices: e, uv: r } = qt(t);
   Rt(n, {
     ...t,
     points: e,
     uv: r,
     drawMode: n.gl.TRIANGLES
   });
-}, ee = (n, t) => {
+}, re = (n, t) => {
   const e = Q(
     n,
     t,
@@ -1832,7 +1835,7 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
     t.texture,
     e ?? t.customMatrix
   ), n.addRectVertex(t.texture.rawWidth, t.texture.rawHeight), n.endGraphic();
-}, re = (n, t) => {
+}, ie = (n, t) => {
   const e = Q(n, t, t.width, t.height);
   n.startGraphic(
     n.gl.TRIANGLE_FAN,
@@ -1840,7 +1843,7 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
     t.shader,
     e ?? t.customMatrix
   ), n.addRectVertex(t.width, t.height, t.color), n.endGraphic();
-}, ie = (n, t) => {
+}, se = (n, t) => {
   const e = t.segments ?? 32, r = Q(n, t, 0, 0);
   n.startGraphic(
     n.gl.TRIANGLE_FAN,
@@ -1850,7 +1853,7 @@ const rt = 10, dt = (n, t, e, r, i, s) => {
   );
   const i = n.getColorUint32(t.color);
   n.addGraphicVertex(0, 0, 0.5, 0.5, i), n.addCircleVertex(t.radius, t.color, e), n.addGraphicVertex(t.radius, 0, 1, 0.5, i), n.endGraphic();
-}, ft = `#version 300 es\r
+}, xt = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTextures[%TEXTURE_NUM%];\r
@@ -1864,27 +1867,21 @@ in vec4 vUVRect;\r
 out vec4 fragColor;\r
 in vec2 vPadding;\r
 \r
-bool clampUV(vec2 uv) {\r
-    return uv.x < vUVRect.x || uv.x > vUVRect.z || uv.y < vUVRect.y || uv.y > vUVRect.w;\r
-}\r
-\r
 vec4 sampleTexture(vec2 uv) {\r
     %GET_COLOR%\r
 }\r
 \r
 vec4 sampleClampTexture(vec2 uv) {\r
-    if (clampUV(uv)) {\r
-        return vec4(0.0, 0.0, 0.0, 0.0);\r
-    }\r
-    return sampleTexture(uv);\r
+    vec2 inMin = step(vUVRect.xy, uv);\r
+    vec2 inMax = step(uv, vUVRect.zw);\r
+\r
+    float mask = inMin.x * inMin.y * inMax.x * inMax.y;\r
+\r
+    return sampleTexture(uv) * mask;\r
 }\r
 \r
 vec4 sampleTextureLocal(vec2 uv){\r
-    vec2 gUV = mix(vUVRect.xy, vUVRect.zw, uv);\r
-    if (clampUV(gUV)) {\r
-        return vec4(0.0, 0.0, 0.0, 0.0);\r
-    }\r
-    return sampleTexture(gUV);\r
+    return sampleClampTexture(mix(vUVRect.xy, vUVRect.zw, uv));\r
 }\r
 \r
 // CUSTOM_CODE\r
@@ -1900,21 +1897,16 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
 }\r
 `;
-class se extends ot {
+class ne extends lt {
   KEY = "AtlasSprite";
   constructor(t) {
     super(t);
   }
-  createCustomShader(t) {
-    const e = B(ft, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = B(Z, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
-    return t.getGLShader(this, this.KEY, r, e);
-  }
   createDefaultShader() {
-    const t = this.rapid, e = B(ft, t.maxTextureUnits), r = B(Z, t.maxTextureUnits);
-    return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
+    return this.vs = et, this.fs = xt, this.defaultShader = this.createShader(et, xt), this.defaultShader;
   }
 }
-const mt = `#version 300 es\r
+const ae = `#version 300 es\r
 precision highp float;\r
 \r
 // per-vertex\r
@@ -1926,7 +1918,7 @@ in vec2 aScale;\r
 in float aRotation;\r
 in vec2 aOrigin;\r
 \r
-// per-instance：UV 区域 (u0, v0, u1, v1)\r
+// per-instance：UV\r
 in vec4 aUVRect;\r
 \r
 // per-instance：tint color\r
@@ -1940,25 +1932,22 @@ out vec4 vColor;\r
 void main(void) {\r
     vColor = aColor;\r
 \r
-    //vRegion = mix(aUVRect.xy, aUVRect.zw, vertex.xy);\r
     vRegion = aUVRect.xy + aVertex * (aUVRect.zw - aUVRect.xy);\r
-    // CUSTOM_CODE_CALL\r
 \r
     vec2 scaled = (aVertex - aOrigin) * aScale;\r
     float c = cos(aRotation);\r
     float s = sin(aRotation);\r
 \r
-    vec2 v = vec2(\r
-        scaled.x * c - scaled.y * s,\r
-        scaled.x * s + scaled.y * c\r
-    ) + aPosition;\r
+    vec4 position = vec4(mat2(c, s, -s, c) * scaled + aPosition, 0.0, 1.0);\r
+    // CUSTOM_CODE_CALL\r
 \r
-    gl_Position = u_projection * vec4(v, 0.0, 1.0);\r
+    gl_Position = u_projection * position;\r
 }\r
-`, xt = `#version 300 es\r
+`, he = `#version 300 es\r
 precision mediump float;\r
 \r
 uniform sampler2D uTexture;\r
+uniform sampler2D uTextures[%TEXTURE_NUM%];\r
 \r
 in vec2 vRegion;\r
 in vec4 vColor;\r
@@ -1971,20 +1960,18 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, G = 48, ne = G / 4;
-class ae extends ot {
+`, H = 48, oe = H / 4;
+class ce extends lt {
   KEY = "ParticleSprite";
   texture;
   customMatrix;
   particleLoopCache = /* @__PURE__ */ new Map();
+  extraTextureUnit = 1;
   constructor(t) {
     super(t);
   }
-  createCustomShader(t) {
-    return t.getGLShader(this, this.KEY, mt, xt);
-  }
   createDefaultShader() {
-    const t = xt, e = mt;
+    const t = he, e = ae;
     return this.vs = e, this.fs = t, this.defaultShader = this.createShader(e, t), this.defaultShader;
   }
   enter(t) {
@@ -1993,42 +1980,42 @@ class ae extends ot {
   createShader(t, e) {
     const r = super.createShader(t, e);
     return r.use(), r.bindVAO(), this.instanceBuffer.bindBuffer(), r.setAttributes([
-      { name: "aPosition", size: 2, stride: G, offset: 0, divisor: 1 },
-      { name: "aScale", size: 2, stride: G, offset: 8, divisor: 1 },
-      { name: "aRotation", size: 1, stride: G, offset: 16, divisor: 1 },
-      { name: "aUVRect", size: 4, stride: G, offset: 20, divisor: 1 },
-      { name: "aColor", size: 4, type: at, normalized: !0, stride: G, offset: 36, divisor: 1 },
-      { name: "aOrigin", size: 2, stride: G, offset: 40, divisor: 1 }
+      { name: "aPosition", size: 2, stride: H, offset: 0, divisor: 1 },
+      { name: "aScale", size: 2, stride: H, offset: 8, divisor: 1 },
+      { name: "aRotation", size: 1, stride: H, offset: 16, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: H, offset: 20, divisor: 1 },
+      { name: "aColor", size: 4, type: ot, normalized: !0, stride: H, offset: 36, divisor: 1 },
+      { name: "aOrigin", size: 2, stride: H, 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, h = 1, o = 1, c = 0, u = 0, l = 1, d = 1, f = !1, m = !1, g = !1, v = 0.5, y = 0.5, w, M = !1, _) {
+  drawParticles(t, e, r, i = 0, s = 4294967295, a, h = 1, o = 1, c = 0, u = 0, l = 1, f = 1, d = !1, x = !1, p = !1, v = 0.5, y = 0.5, E, w = !1, _) {
     if (!t.glTexture || a <= 0) return;
     this.texture && t !== this.texture && this.flush();
-    const P = typeof h == "number", O = typeof o == "number", W = typeof i == "number", b = typeof s == "number", R = typeof c == "number", C = !b && typeof s[0] == "number", D = t.uvW - t.uvX, k = t.uvH - t.uvY, H = D === 0 ? 0 : 1 / D, I = k === 0 ? 0 : 1 / k;
-    let F = t.rawWidth * (f ? -1 : 1);
-    P && (F *= h);
-    let Y = t.rawHeight * (m ? -1 : 1);
-    O && (Y *= o), R && (F *= (l - c) * H, Y *= (d - u) * I);
-    let z = g ? Math.PI / 2 : 0;
-    W && (z += i);
-    const E = s ?? 4294967295, U = this.getParticleLoop(
-      P,
-      O,
+    const L = typeof h == "number", W = typeof o == "number", O = typeof i == "number", b = typeof s == "number", M = typeof c == "number", C = !b && typeof s[0] == "number", D = t.uvW - t.uvX, B = t.uvH - t.uvY, k = D === 0 ? 0 : 1 / D, I = B === 0 ? 0 : 1 / B;
+    let F = t.rawWidth * (d ? -1 : 1);
+    L && (F *= h);
+    let V = t.rawHeight * (x ? -1 : 1);
+    W && (V *= o), M && (F *= (l - c) * k, V *= (f - u) * I);
+    let z = p ? Math.PI / 2 : 0;
+    O && (z += i);
+    const R = s ?? 4294967295, U = this.getParticleLoop(
+      L,
       W,
-      R,
+      O,
+      M,
       b,
       C,
-      M,
-      w
+      w,
+      E
     );
     this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
-    const tt = a, X = this.instanceBuffer;
-    let et = X.usedElemNum;
-    X.resize(tt * ne);
-    const Mt = X.float32, St = X.uint32;
-    et = U(
+    const it = a, X = this.instanceBuffer;
+    let st = X.usedElemNum;
+    X.resize(it * oe);
+    const At = X.float32, St = X.uint32;
+    st = U(
       e,
       r,
       h,
@@ -2037,22 +2024,22 @@ class ae extends ot {
       c,
       u,
       l,
-      d,
+      f,
       s,
-      Mt,
+      At,
       St,
       F,
-      Y,
-      H,
+      V,
+      k,
       I,
       z,
-      E,
+      R,
       v,
       y,
       a,
-      tt,
-      et
-    ), X.usedElemNum = et, X.makeDirty(), this.instanceCount += tt, this.customMatrix = _, this.flush();
+      it,
+      st
+    ), X.usedElemNum = st, X.makeDirty(), this.instanceCount += it, this.customMatrix = _, this.flush();
   }
   getParticleLoop(t, e, r, i, s, a, h, o) {
     const c = [...arguments].join("_");
@@ -2108,25 +2095,25 @@ return idx;
     this.texture && (t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.texture.glTexture));
     const e = this.currentShader;
     this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO();
-    const r = this.rapid.matrixStack, s = this.rapid.matrix.getMatrix(this.customMatrix ?? r.curWorldM), a = Xt(this.rapid.projection, s);
+    const r = this.rapid.matrixStack, s = this.rapid.matrix.getMatrix(this.customMatrix ?? r.curWorldM), a = Yt(this.rapid.projection, s);
     this.currentShader.setUniform("u_projection", a), yt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0, this.customMatrix = void 0;
   }
 }
-var he = /* @__PURE__ */ ((n) => (n[n.EQUAL = 0] = "EQUAL", n[n.NOT_EQUAL = 1] = "NOT_EQUAL", n))(he || {}), oe = /* @__PURE__ */ ((n) => (n[n.NORMAL = 0] = "NORMAL", n[n.ADD = 1] = "ADD", n[n.MULTIPLY = 2] = "MULTIPLY", n[n.SCREEN = 3] = "SCREEN", n[n.ERASE = 4] = "ERASE", n))(oe || {}), ht = /* @__PURE__ */ ((n) => (n[n.LINEAR = 0] = "LINEAR", n[n.NEAREST = 1] = "NEAREST", n))(ht || {}), ce = /* @__PURE__ */ ((n) => (n[n.CanvasItem = 0] = "CanvasItem", n[n.Viewport = 1] = "Viewport", n))(ce || {});
-class de {
+var Mt = /* @__PURE__ */ ((n) => (n[n.EQUAL = 0] = "EQUAL", n[n.NOT_EQUAL = 1] = "NOT_EQUAL", n))(Mt || {}), ue = /* @__PURE__ */ ((n) => (n[n.NORMAL = 0] = "NORMAL", n[n.ADD = 1] = "ADD", n[n.MULTIPLY = 2] = "MULTIPLY", n[n.SCREEN = 3] = "SCREEN", n[n.ERASE = 4] = "ERASE", n))(ue || {}), le = /* @__PURE__ */ ((n) => (n[n.CanvasItem = 0] = "CanvasItem", n[n.Viewport = 1] = "Viewport", n))(le || {});
+class pe {
   gl;
   canvas;
   projection = new Float32Array(16);
   projectionDirty = !0;
   dpr;
-  backgroundColor = x.Black;
+  backgroundColor = m.Black;
   logicWidth = 0;
   logicHeight = 0;
   physicsWidth = 0;
   physicsHeight = 0;
   currentRegion = null;
   maxTextureUnits = 0;
-  matrixStack = new bt(this);
+  matrixStack = new kt(this);
   matrix;
   spriteRegion;
   graphicRegion;
@@ -2149,38 +2136,38 @@ class de {
     return this.logicWidth;
   }
   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;
+    this.canvas = t.canvas, this.dpr = window.devicePixelRatio || 1, this.antialias = t.antialias ?? !1, this.textureFilter = t.textureFilter ?? tt.NEAREST, this.premultipliedAlpha = t.premultipliedAlpha ?? !0, this.roundPixels = t.roundPixels ?? !1, this.scaleMode = t.scaleMode ?? 0;
     const e = Lt(this.canvas, this.antialias, this.premultipliedAlpha);
-    this.gl = e, this.maxTextureUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.matrix = this.matrixStack.matrix, this.spriteRegion = new ot(this), this.graphicRegion = new Yt(this), this.atlasSpriteRegion = new se(this), this.particleRegion = new ae(this);
+    this.gl = e, this.maxTextureUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.matrix = this.matrixStack.matrix, this.spriteRegion = new lt(this), this.graphicRegion = new zt(this), this.atlasSpriteRegion = new ne(this), this.particleRegion = new ce(this);
     const r = this.canvas.clientWidth || this.canvas.width, i = this.canvas.clientHeight || this.canvas.height;
-    this.physicsWidth = t.physicsWidth || Math.round(r * this.dpr), this.physicsHeight = t.physicsHeight || Math.round(i * this.dpr), this.logicWidth = t.logicWidth || t.width || this.physicsWidth / this.dpr, this.logicHeight = t.logicHeight || t.height || this.physicsHeight / this.dpr, this.resize(this.logicWidth, this.logicHeight, this.physicsWidth, this.physicsHeight), this.texture = new Ut(this), t.backgroundColor && (this.backgroundColor = t.backgroundColor), e.enable(e.BLEND), this.premultipliedAlpha ? e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA) : e.blendFunc(e.SRC_ALPHA, e.ONE_MINUS_SRC_ALPHA), e.enable(e.STENCIL_TEST), e.stencilFunc(e.ALWAYS, 1, 255), e.stencilOp(e.KEEP, e.KEEP, e.KEEP);
+    this.physicsWidth = t.physicsWidth || Math.round(r * this.dpr), this.physicsHeight = t.physicsHeight || Math.round(i * this.dpr), this.logicWidth = t.logicWidth || t.width || this.physicsWidth / this.dpr, this.logicHeight = t.logicHeight || t.height || this.physicsHeight / this.dpr, this.resize(this.logicWidth, this.logicHeight, this.physicsWidth, this.physicsHeight), this.texture = new 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;
   }
   getColorUint32(t) {
-    return qt(this.premultipliedAlpha, t);
+    return Qt(this.premultipliedAlpha, t);
   }
   enterRegion(t, e) {
     this.currentRegion === t && this.currentRegion.isSameShader(e) || (this.flush(), this.currentRegion = t, t.enter(e));
   }
   drawParticles(t) {
-    Jt(this, t);
+    te(this, t);
   }
   drawSprite(t) {
-    Zt(this, t);
+    Jt(this, t);
   }
   drawLine(t) {
-    te(this, t);
+    ee(this, t);
   }
   drawGraphic(t) {
     Rt(this, t);
   }
   drawRect(t) {
-    re(this, t);
+    ie(this, t);
   }
   drawCircle(t) {
-    ie(this, t);
+    se(this, t);
   }
   startGraphic(t = this.gl.TRIANGLES, e, r, i) {
     this.enterRegion(this.graphicRegion, r), this.graphicRegion.startGraphic(i ?? this.matrixStack.curWorldM, t, e);
@@ -2189,7 +2176,7 @@ class de {
     this.startGraphic(t, e, this.graphicRegion.maskShader, r);
   }
   drawMaskImage(t) {
-    ee(this, t);
+    re(this, t);
   }
   addRectVertex(t, e, r) {
     const i = this.getColorUint32(r);
@@ -2202,7 +2189,7 @@ class de {
       this.addGraphicVertex(o, c, u, l, s);
     }
   }
-  addGraphicVertex(t, e, r = 0, i = 0, s) {
+  addGraphicVertex(t, e, r = 0, i = 0, s = 4294967295) {
     this.graphicRegion.addVertex(t, e, r, i, typeof s == "number" ? s : this.getColorUint32(s));
   }
   endGraphic() {
@@ -2258,9 +2245,9 @@ class de {
     return this.matrixStack.restore(), h.offsetX = -i, h.offsetY = -i, h;
   }
   enterRenderTexture(t) {
-    this.flush(), t.activate(), this.gl.viewport(0, 0, t.rawWidth, t.rawHeight), this.updateProjection(0, t.rawWidth, t.rawHeight, 0);
+    this.flush(), t.activate(), this.gl.viewport(0, 0, t.rawWidth, t.rawHeight), this.updateProjection(0, t.rawWidth, 0, t.rawHeight);
   }
-  clearRenderTexture(t = new x(0, 0, 0, 0)) {
+  clearRenderTexture(t = new m(0, 0, 0, 0)) {
     this.flush();
     const e = this.gl;
     t.setClearColor(e), e.clear(e.COLOR_BUFFER_BIT);
@@ -2268,7 +2255,7 @@ class de {
   leaveRenderTexture() {
     this.flush(), this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null), this.gl.viewport(0, 0, this.physicsWidth, this.physicsHeight), this.updateProjection(0, this.logicWidth, this.logicHeight, 0);
   }
-  drawToRenderTexture(t, e, r = new x(0, 0, 0, 0)) {
+  drawToRenderTexture(t, e, r = new m(0, 0, 0, 0)) {
     this.enterRenderTexture(t);
     try {
       r !== null && this.clearRenderTexture(r), e();
@@ -2377,13 +2364,13 @@ class de {
     this.matrix.invert(e);
   }
   logicToPhysics(t) {
-    return t.multiply(new p(
+    return t.multiply(new g(
       this.physicsWidth / this.logicWidth,
       this.physicsHeight / this.logicHeight
     ));
   }
   physicsToLogic(t) {
-    return t.multiply(new p(
+    return t.multiply(new g(
       this.logicWidth / this.physicsWidth,
       this.logicHeight / this.physicsHeight
     ));
@@ -2403,10 +2390,10 @@ class de {
     return this.matrix.toCSSMatrix(t ?? this.matrixStack.curWorldM, e, r);
   }
 }
-function ue(n) {
-  return !(n === null || typeof n != "object" || Array.isArray(n) || n instanceof p || n instanceof x);
+function de(n) {
+  return !(n === null || typeof n != "object" || Array.isArray(n) || n instanceof g || n instanceof m);
 }
-class L {
+class P {
   static float(t, e) {
     return Math.random() * (e - t) + t;
   }
@@ -2417,18 +2404,18 @@ class L {
     return Math.random() * Math.PI * 2;
   }
   static vector(t, e, r, i) {
-    return new p(L.float(t, e), L.float(r, i));
+    return new g(P.float(t, e), P.float(r, i));
   }
   static randomColor(t, e) {
-    return new x(
-      L.float(t.r, e.r),
-      L.float(t.g, e.g),
-      L.float(t.b, e.b),
-      L.float(t.a, e.a)
+    return new m(
+      P.float(t.r, e.r),
+      P.float(t.g, e.g),
+      P.float(t.b, e.b),
+      P.float(t.a, e.a)
     );
   }
   static pick(t) {
-    return t[L.int(0, t.length - 1)];
+    return t[P.int(0, t.length - 1)];
   }
   static pickWeight(t) {
     if (!t || t.length === 0) return null;
@@ -2444,26 +2431,27 @@ class L {
     if (Array.isArray(t)) {
       const [r, i] = t;
       if (typeof r == "number")
-        return L.float(r, i);
-      if (r instanceof p)
-        return L.vector(r.x, i.x, r.y, i.y);
-      if (r instanceof x)
-        return L.randomColor(r, i);
+        return P.float(r, i);
+      if (r instanceof g)
+        return P.vector(r.x, i.x, r.y, i.y);
+      if (r instanceof m)
+        return P.randomColor(r, i);
     }
     return typeof t == "number" ? t : t.clone();
   }
 }
-var le = /* @__PURE__ */ ((n) => (n.POINT = "point", n.CIRCLE = "circle", n.RECT = "rect", n))(le || {});
-const pt = 10, gt = 0, vt = !0;
-class K {
+const Z = (n, t) => (Array.isArray(n) ? n : [n]).slice(0, t);
+var fe = /* @__PURE__ */ ((n) => (n.POINT = "point", n.CIRCLE = "circle", n.RECT = "rect", n))(fe || {});
+const gt = 10, pt = 0, vt = !0;
+class j {
   components;
   constructor(t = 1) {
     if (!Number.isInteger(t) || t <= 0)
       throw new RangeError("ParticleAttributeStore size must be a positive integer");
     this.components = Array.from({ length: t }, () => ({
-      value: new A(S.Float32),
-      delta: new A(S.Float32),
-      damping: new A(S.Float32)
+      value: new S(A.Float32),
+      delta: new S(A.Float32),
+      damping: new S(A.Float32)
     }));
   }
   getArrayBuffer() {
@@ -2480,7 +2468,7 @@ class K {
   getComponent(t, e) {
     if (typeof t == "number")
       return t;
-    if (t instanceof p)
+    if (t instanceof g)
       return e === 0 ? t.x : t.y;
     switch (e) {
       case 0:
@@ -2496,17 +2484,17 @@ class K {
     }
   }
   resolveComponent(t, e, r) {
-    return t === void 0 ? r : Array.isArray(t) ? L.float(
+    return t === void 0 ? r : Array.isArray(t) ? P.float(
       this.getComponent(t[0], e),
       this.getComponent(t[1], e)
     ) : this.getComponent(t, e);
   }
   create(t, e, r = 1) {
-    const i = ue(t) ? t : void 0, s = i === void 0 ? t : void 0, a = r > 0 ? r : 1;
+    const i = de(t) ? t : void 0, s = i === void 0 ? t : void 0, a = r > 0 ? r : 1;
     let h = 0;
     for (let o = 0; o < this.components.length; o++) {
-      const { value: c, delta: u, damping: l } = this.components[o], d = this.getComponent(e, o), f = s === void 0 ? this.resolveComponent(i?.start, o, d) : this.getComponent(s, o), m = i?.end === void 0 ? f : this.resolveComponent(i.end, o, d);
-      c.push(f), u.push(i?.delta === void 0 ? (m - f) / a : this.getComponent(i.delta, o)), l.push(i?.damping ?? 1), o === 0 && (h = f);
+      const { value: c, delta: u, damping: l } = this.components[o], f = this.getComponent(e, o), d = s === void 0 ? this.resolveComponent(i?.start, o, f) : this.getComponent(s, o), x = i?.end === void 0 ? d : this.resolveComponent(i.end, o, f);
+      c.push(d), u.push(i?.delta === void 0 ? (x - d) / a : this.getComponent(i.delta, o)), l.push(i?.damping ?? 1), o === 0 && (h = d);
     }
     return h;
   }
@@ -2515,28 +2503,28 @@ class wt {
   options;
   emitting = !1;
   emitTimer = 0;
-  emitRate = pt;
-  emitTime = gt;
+  emitRate = gt;
+  emitTime = pt;
   emitTimeCounter = 0;
   localSpace = vt;
   rapid;
-  x = new A(S.Float32);
-  y = new A(S.Float32);
-  scaleX = new A(S.Float32);
-  scaleY = new A(S.Float32);
-  rotation = new A(S.Float32);
-  color = new A(S.Uint32);
-  remainingLife = new A(S.Float32);
+  x = new S(A.Float32);
+  y = new S(A.Float32);
+  scaleX = new S(A.Float32);
+  scaleY = new S(A.Float32);
+  rotation = new S(A.Float32);
+  color = new S(A.Uint32);
+  remainingLife = new S(A.Float32);
   animations = {
-    speed: new K(),
-    rotation: new K(),
-    scale: new K(),
-    color: new K(4),
-    velocity: new K(2)
+    speed: new j(),
+    rotation: new j(),
+    scale: new j(),
+    color: new j(4),
+    velocity: new j(2)
   };
   count = 0;
   constructor(t, e) {
-    this.rapid = t, this.options = e, this.emitRate = e.emitRate ?? pt, this.emitTime = e.emitTime ?? gt, this.localSpace = e.localSpace ?? vt;
+    this.rapid = t, this.options = e, this.emitRate = e.emitRate ?? gt, this.emitTime = e.emitTime ?? pt, this.localSpace = e.localSpace ?? vt;
   }
   getAllArrayBuffer() {
     return [
@@ -2579,7 +2567,7 @@ class wt {
       this.createParticle();
   }
   createParticle() {
-    const t = L.scalarOrRange(this.options.life, 1);
+    const t = P.scalarOrRange(this.options.life, 1);
     this.remainingLife.push(t);
     let e = 0, r = 0;
     switch (this.options.emitShape) {
@@ -2601,7 +2589,7 @@ class wt {
       this.x.push(c), this.y.push(u);
     }
     const s = this.options.animation, a = this.animations, h = a.scale.create(s.scale, 1, t), o = 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, x.White, t), this.rotation.push(o), this.scaleX.push(h), this.scaleY.push(h), this.color.pushUint32(x.packColor(
+    a.speed.create(s.speed, 0, t), a.velocity.create(s.velocity, g.ZERO, t), a.color.create(s.color, m.White, t), this.rotation.push(o), this.scaleX.push(h), this.scaleY.push(h), this.color.pushUint32(m.packColor(
       a.color.get(this.count, 0),
       a.color.get(this.count, 1),
       a.color.get(this.count, 2),
@@ -2622,7 +2610,7 @@ class wt {
         r > 0 && (this.emit(r), this.emitTimer -= r / this.emitRate);
       }
     const e = this.updateParticle(t);
-    this.count -= e.length, A.removeAtIndices(e, this.getAllArrayBuffer());
+    this.count -= e.length, S.removeAtIndices(e, this.getAllArrayBuffer());
   }
   updateParticle(t) {
     const e = [], r = this.animations;
@@ -2633,7 +2621,7 @@ class wt {
         continue;
       }
       const s = r.rotation.get(i), a = r.scale.get(i), h = r.speed.get(i);
-      this.rotation.typedArray[i] = s, this.scaleX.typedArray[i] = a, this.scaleY.typedArray[i] = a, this.color.uint32[i] = x.packColor(
+      this.rotation.typedArray[i] = s, this.scaleX.typedArray[i] = a, this.scaleY.typedArray[i] = a, this.color.uint32[i] = m.packColor(
         r.color.get(i, 0),
         r.color.get(i, 1),
         r.color.get(i, 2),
@@ -2668,43 +2656,163 @@ class wt {
     this.emit(this.emitRate);
   }
 }
+const me = `
+uniform mediump int uLightTextureId[%TEXTURE_NUM%];
+
+uniform sampler2D uNormalMap;
+uniform vec2 uResolution;
+uniform vec2 uLogicalResolution;
+uniform mediump int uLightCount;
+uniform vec4 uLightColor[%TEXTURE_NUM%];
+uniform mat3x2 uLightMatrix[%TEXTURE_NUM%];
+uniform float uLightHeight[%TEXTURE_NUM%];
+uniform float uMetallic;
+uniform float uRoughness;
+uniform vec3 uAmbientColor;
+uniform vec2 uNormalScale;
+
+void light_fragment(inout vec4 color, in vec2 vRegion) {
+    if (color.a < 0.005) return;
+
+    vec2 worldPos = vec2(gl_FragCoord.x, uResolution.y - gl_FragCoord.y) * (uLogicalResolution / uResolution);
+    vec3 normal = normalize(texture(uNormalMap, vRegion).rgb * 2.0 - 1.0);
+    normal = normalize(normal * vec3(uNormalScale, 1.0));
+
+    vec3 totalDiffuse = vec3(0.0);
+    vec3 totalSpecular = vec3(0.0);
+    vec3 viewDir = vec3(0.0, 0.0, 1.0);
+    vec3 specColor = mix(vec3(1.0), color.rgb, uMetallic);
+    float shininess = exp2((1.0 - uRoughness) * 7.0 + 1.0);
+
+    for (int i = 0; i < %TEXTURE_NUM%; i++) {
+        if (i >= uLightCount) break;
+
+        vec2 lightPos = uLightMatrix[i][2];
+        mat2 lightBasis = mat2(uLightMatrix[i][0], uLightMatrix[i][1]);
+        vec2 lightUV = inverse(lightBasis) * (worldPos - lightPos) + 0.5;
+
+        if (lightUV.x >= 0.0 && lightUV.x <= 1.0 && lightUV.y >= 0.0 && lightUV.y <= 1.0) {
+            
+            int layer = uLightTextureId[i];
+            vec4 lightTex;
+            %GET_COLOR%
+
+            vec3 lightDir = normalize(vec3(lightPos - worldPos, uLightHeight[i]));
+            float diff = max(dot(normal, lightDir), 0.0);
+            float spec = pow(max(dot(normal, normalize(lightDir + viewDir)), 0.0), shininess);
+            vec3 attenuation = lightTex.rgb * lightTex.a;
+
+            totalDiffuse += uLightColor[i].rgb * diff * attenuation * (1.0 - uMetallic);
+            totalSpecular += specColor * uLightColor[i].rgb * spec * attenuation * color.a;
+        }
+    }
+
+    color.rgb = color.rgb * (uAmbientColor + totalDiffuse) + totalSpecular;
+}
+`, xe = "void light_vertex(inout vec4 p, vec2 u) {}", J = 8;
+class ge extends ct {
+  constructor(t, e = "", r = "", i = 0, s) {
+    super(
+      t,
+      e,
+      r,
+      i + 2,
+      s
+    ), this.prefix.push("light_");
+  }
+  getGLShader(t, e, r, i) {
+    const s = K(me, t.getMaxTexutreUnit(this), "layer", "lightUV", "lightTex = ");
+    return i = this.replaceCustomCode(i, s), r = this.replaceCustomCode(r, xe), super.getGLShader(t, e, r, i);
+  }
+}
+class ve {
+  shader;
+  rapid;
+  rt;
+  constructor(t) {
+    this.rapid = t, this.shader = new ge(t), this.rt = t.texture.createRenderTexture({ width: 0, height: 0 });
+  }
+  lightShadow(t, e, r) {
+    if (r.length === 0) return;
+    const i = this.rapid, s = typeof e == "number" ? e : e.world, a = new g(t.rawWidth * 0.5, t.rawHeight * 0.5), h = r.map((c) => {
+      const u = i.matrixStack.localToWorld(c.x, c.y), l = i.matrix.worldToLocal(s, u.x, u.y);
+      return new g(
+        // 要把LightTexture的基向量转化为RenderTexture的坐标
+        // 纹理是从左上角开始的，所以要 + 0.5
+        (l.x + 0.5) * t.rawWidth,
+        (l.y + 0.5) * t.rawHeight
+      );
+    });
+    this.rt.resize(t.rawWidth, t.rawHeight);
+    const o = Math.hypot(t.rawWidth, t.rawHeight) * 0.5 * 1.05;
+    return i.drawToRenderTexture(this.rt, () => {
+      i.withMask(() => {
+        i.startMaskGraphic(i.gl.TRIANGLES);
+        for (let c = 0; c < h.length; c++) {
+          const u = h[c], l = h[(c + 1) % h.length], f = u.subtract(a).normalized(), d = l.subtract(a).normalized(), x = Math.max(-0.999, Math.min(1, f.dot(d))), p = Math.sqrt((1 + x) * 0.5), v = o / p, y = a.add(f.multiply(v)), E = a.add(d.multiply(v));
+          i.addGraphicVertex(u.x, u.y), i.addGraphicVertex(l.x, l.y), i.addGraphicVertex(E.x, E.y), i.addGraphicVertex(u.x, u.y), i.addGraphicVertex(E.x, E.y), i.addGraphicVertex(y.x, y.y);
+        }
+        i.endGraphic();
+      }, () => {
+        i.drawSprite({ texture: t });
+      }, Mt.NOT_EQUAL);
+    }), this.rt;
+  }
+  setupLight(t) {
+    const e = t.customShader ?? this.shader, r = Z(t.lightMatrix, J), i = Z(t.color, J), s = Z(t.lightHeight, J), a = Z(t.lightTexture, J);
+    return e.setUniforms({
+      uResolution: [this.rapid.physicsWidth, this.rapid.physicsHeight],
+      uLogicalResolution: [this.rapid.logicWidth, this.rapid.logicHeight],
+      uNormalMap: t.normalMap.glTexture,
+      uLightTextureId: a.map((h) => h.glTexture),
+      uLightCount: r.length,
+      uLightMatrix: Float32Array.from(r.flatMap(
+        (h) => Array.from(this.rapid.matrix.getMatrix(typeof h == "number" ? h : h.world))
+      )),
+      uLightColor: Float32Array.from(r.flatMap((h, o) => {
+        const c = i[o] ?? i[0];
+        return c ? [c.r / 255, c.g / 255, c.b / 255, c.a / 255] : [1, 1, 1, 1];
+      })),
+      uLightHeight: Float32Array.from(r.map((h, o) => s[o] ?? s[0] ?? 80)),
+      uMetallic: t.metallic ?? 0.8,
+      uRoughness: t.roughness ?? 0.15,
+      uAmbientColor: t.ambientColor ? [t.ambientColor.r / 255, t.ambientColor.g / 255, t.ambientColor.b / 255] : [0.1, 0.1, 0.15],
+      uNormalScale: [t.normalScaleX ?? 1, t.normalScaleY ?? 1]
+    }), e;
+  }
+}
 export {
-  S as ArrayType,
-  V as BaseTexture,
-  oe as BlendMode,
-  ce as CanvasScaleMode,
-  x as Color,
-  ut as CustomGlShader,
-  A as DynamicArrayBuffer,
+  G as BaseTexture,
+  ue as BlendMode,
+  le as CanvasScaleMode,
+  m as Color,
+  ct as CustomGlShader,
   Tt as GLShader,
-  Yt as GraphicRegion,
-  $t as LineTextureMode,
-  he as MaskType,
-  bt as MatrixStack,
-  At as MatrixStore,
+  ve as Light,
+  ge as LightShader,
+  jt as LineTextureMode,
+  J as MAX_LIGHTS,
+  Mt as MaskType,
   wt as ParticleEmitter,
-  ae as ParticleRegion,
-  le as ParticleShape,
-  Dt as QUAD_VERTICES,
-  de as Rapid,
-  Et as Region,
-  Ct as RenderTexture,
-  ot as SpriteRegion,
-  Pt as TextTexture,
+  fe as ParticleShape,
+  pe as Rapid,
+  Ut as RenderTexture,
+  _t as TextTexture,
   N as Texture,
-  ht as TextureFilterMode,
-  Ut as TextureManager,
+  tt as TextureFilterMode,
+  bt as TextureManager,
   q as TextureWrapMode,
-  p as Vec2,
-  it as WebglBufferArray,
-  Xt as composeProjectionWithAffine,
-  ie as drawCircle,
+  g as Vec2,
+  Yt as composeProjectionWithAffine,
+  se as drawCircle,
   Rt as drawGraphic,
-  te as drawLine,
-  ee as drawMaskImage,
-  Jt as drawParticles,
-  re as drawRect,
-  Zt as drawSprite,
-  qt as getColorUint32,
-  zt as multiplyMat4
+  ee as drawLine,
+  re as drawMaskImage,
+  te as drawParticles,
+  ie as drawRect,
+  Jt as drawSprite,
+  Qt as getColorUint32,
+  qt as getLineGeometry,
+  Kt as getLineNormal,
+  $t as multiplyMat4
 };