rapid-render 1.0.17 → 1.0.19

package/dist/rapid-render.js

@@ -154,7 +154,7 @@ class m {
   static Transparent = new m(0, 0, 0, 0);
 }
 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 Ct {
+class bt {
   render;
   cache = /* @__PURE__ */ new Map();
   constructor(t) {
@@ -163,29 +163,29 @@ class Ct {
   async load(t, e) {
     let r = this.cache.get(t);
     if (r)
-      return new N(r);
+      return new D(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);
+      return r = X.fromSource(this.render, i, e), r.uid = t, this.cache.set(t, r), new D(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);
+      return new D(this.cache.get(e.key));
+    const r = X.fromSource(this.render, t, e);
+    return e?.key && (r.uid = e.key, this.cache.set(e.key, r)), new D(r);
   }
   createRenderTexture(t) {
-    return new _t(this.render, t);
+    return new Ut(this.render, t);
   }
   createTextTexture(t) {
-    return new Pt(this.render, t);
+    return new _t(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));
+    typeof t == "string" ? (i = t, r = this.cache.get(i)) : t instanceof D ? (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())
@@ -199,7 +199,7 @@ class Ct {
     });
   }
 }
-class V {
+class X {
   glTexture = null;
   width;
   height;
@@ -210,7 +210,7 @@ class V {
   }
   static fromSource(t, e, r = {}) {
     const i = rt(t, e, r);
-    return new V(i, e.width, e.height);
+    return new X(i, e.width, e.height);
   }
   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));
@@ -225,7 +225,7 @@ class V {
     this.glTexture && (t.deleteTexture(this.glTexture), this.glTexture = null);
   }
 }
-class N {
+class D {
   base;
   uvX = 0;
   uvY = 0;
@@ -259,12 +259,12 @@ class N {
     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;
   }
   getSubTexture(t, e, r, i) {
-    if (!this.base) return new N();
+    if (!this.base) return new D();
     const s = this.clone(), a = this._px, h = this._py;
     return s.setRegion(a + t, h + e, r, i), s;
   }
   clone(t) {
-    const e = t ?? new N(this.base);
+    const e = t ?? new D(this.base);
     return t && this.base && t.setBase(this.base), e.scale = this.scale, e.uvX = this.uvX, e.uvY = this.uvY, e.uvW = this.uvW, e.uvH = this.uvH, e.rawWidth = this.rawWidth, e.rawHeight = this.rawHeight, e.offsetX = this.offsetX, e.offsetY = this.offsetY, e.flipY = this.flipY, e.isRotated = this.isRotated, e.isAtlas = this.isAtlas, e._px = this._px, e._py = this._py, e;
   }
   splitGrid(t, e, r, i, s = 0) {
@@ -277,13 +277,13 @@ class N {
   }
   static fromImageSource(t, e, r = {}) {
     const i = rt(t, e, r);
-    return new N(new V(i, e.width, e.height));
+    return new D(new X(i, e.width, e.height));
   }
   destroy() {
     this.base && (this.base.refCount--, this.base = void 0), this.glTexture = null;
   }
 }
-class _t extends N {
+class Ut extends D {
   framebuffer;
   renderbuffer;
   gl;
@@ -293,7 +293,7 @@ class _t extends N {
   constructor(t, e) {
     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 V(a, r, i)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
+    if (this.setBase(new X(a, r, i)), this.framebuffer = this.gl.createFramebuffer(), this.renderbuffer = this.gl.createRenderbuffer(), !this.framebuffer || !this.renderbuffer)
       throw new Error("Failed to create Framebuffer or Renderbuffer");
     this.resize(r, i, !0);
   }
@@ -337,7 +337,7 @@ class _t extends N {
     super.destroy(), this.framebuffer && this.gl.deleteFramebuffer(this.framebuffer), this.renderbuffer && this.gl.deleteRenderbuffer(this.renderbuffer), this.base?.destroy(this.gl);
   }
 }
-const Lt = {
+const Ct = {
   fontFamily: "Arial",
   fontSize: 24,
   fontWeight: "normal",
@@ -346,7 +346,7 @@ const Lt = {
   align: "left",
   lineHeight: 1
 };
-class Pt extends N {
+class _t extends D {
   canvas;
   ctx;
   render;
@@ -355,12 +355,12 @@ class Pt extends N {
   options;
   flipY = !0;
   constructor(t, e) {
-    super(), this.render = t, this._style = { ...Lt, ...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 = rt(t, this.canvas, this.options);
-    this.setBase(new V(i, 1, 1)), this.update();
+    this.setBase(new X(i, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -379,34 +379,42 @@ class Pt extends N {
       case "center":
         return t / 2;
       case "right":
-        return t;
+        return t - e;
       default:
         return e;
     }
   }
   update() {
-    const t = this.ctx, e = this.style, r = e.fontSize, i = e.fontWeight, s = e.fontFamily, a = e.lineHeight, h = `${i} ${r}px ${s}`, o = this.render.dpr;
-    t.font = h, t.textBaseline = "top";
-    const c = this._text.split(`
-`);
-    let u = 0, l = 0;
-    const x = t.measureText(c[0] || "M").fontBoundingBoxDescent;
-    for (const b of c) {
-      const M = t.measureText(b);
-      M.width > u && (u = M.width), l += x * a;
+    const t = this.ctx, e = this.style, r = this.render.dpr, i = e.fontSize, s = e.fontWeight, a = e.fontFamily, h = e.lineHeight, o = `${s} ${i}px ${a}`, c = e.baseline ?? "middle", u = e.align ?? "left", l = e.strokeThickness ?? 0, f = l > 0, d = this._text.split(`
+`), x = "国g", p = d[0] || x;
+    t.font = o, t.textBaseline = "alphabetic", t.textAlign = "left";
+    let y = 0, v = 0, E = 0;
+    for (const F of d) {
+      const H = t.measureText(F || x);
+      y = Math.max(y, F ? H.width : 0), v = Math.max(v, H.actualBoundingBoxAscent), E = Math.max(E, H.actualBoundingBoxDescent);
     }
-    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)
-      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);
+    t.textBaseline = "alphabetic";
+    const S = t.measureText(p).fontBoundingBoxDescent;
+    t.textBaseline = c;
+    const _ = t.measureText(p).fontBoundingBoxDescent, P = i * h, k = v + E + (d.length - 1) * P, I = l / 2 + 1, C = Math.max(
+      1,
+      Math.ceil(y + I * 2)
+    ), R = Math.max(
+      1,
+      Math.ceil(k + I * 2)
+    ), w = Math.ceil(C * r), W = Math.ceil(R * r);
+    (this.canvas.width !== w || this.canvas.height !== W) && (this.canvas.width = w, this.canvas.height = W), t.setTransform(r, 0, 0, r, 0, 0), t.clearRect(0, 0, w / r, W / r), t.font = o, t.textBaseline = "alphabetic", t.textAlign = u;
+    const B = this.updateOffset(C, I);
+    f && (t.lineWidth = l, t.strokeStyle = e.stroke ?? "#000000", t.lineJoin = "round"), e.fill && (t.fillStyle = e.fill);
+    let L = I + v;
+    for (const F of d)
+      f && t.strokeText(F, B, L), e.fill && t.fillText(F, B, L), L += P;
+    this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, w, W);
+    const O = S - _;
+    this.offsetY = -I - v - O;
   }
 }
-const Nt = (n, t = !1, e = !0) => {
+const Lt = (n, t = !1, e = !0) => {
   const r = n.getContext("webgl2", { stencil: !0, antialias: t, premultipliedAlpha: e });
   if (!r)
     throw new Error("WebGL2 is not supported in this browser.");
@@ -420,7 +428,7 @@ const Nt = (n, t = !1, e = !0) => {
     throw console.error("Shader compilation failed:", s), new Error("Unable to compile shader: " + s + t);
   }
   return r;
-}, It = (n, t, e) => {
+}, 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");
@@ -458,7 +466,7 @@ function rt(n, t, e) {
   }
   return r.bindTexture(r.TEXTURE_2D, null), i;
 }
-function D(n, t, e = "vTextureId", r = "uv", i = "return") {
+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++)
@@ -467,15 +475,15 @@ function D(n, t, e = "vTextureId", r = "uv", i = "return") {
   }
   return n;
 }
-const Wt = 5126, ot = 5121;
-function Ot(n, t, e) {
+const Nt = 5126, ot = 5121;
+function It(n, t, e) {
   n.vertexAttribDivisor(t, e);
 }
-function Et(n, t, e, r, i) {
+function yt(n, t, e, r, i) {
   n.drawArraysInstanced(t, e, r, i);
 }
-let Ft = 0;
-class Rt {
+let Wt = 0;
+class Tt {
   program;
   attributeLoc = {};
   uniformLoc = {};
@@ -484,11 +492,11 @@ class Rt {
   uniformType = {};
   uniformIsArray = {};
   gl;
-  shaderId = Ft++;
+  shaderId = Wt++;
   // for debug
   vao;
   constructor(t, e, r, i) {
-    this.gl = t, this.program = It(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);
@@ -504,7 +512,7 @@ class Rt {
     const r = this.uniformLoc[t];
     if (r === void 0) return;
     const i = this.uniformType[t], s = this.uniformIsArray[t];
-    Dt(this.gl, r, i, e, s);
+    Ot(this.gl, r, i, e, s);
   }
   setUniforms(t) {
     for (const e in t)
@@ -518,11 +526,11 @@ class Rt {
     r.vertexAttribPointer(
       e,
       t.size,
-      t.type ?? Wt,
+      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)
@@ -548,7 +556,7 @@ class Rt {
     }
   }
 }
-function Dt(n, t, e, r, i = !1) {
+function Ot(n, t, e, r, i = !1) {
   switch (e) {
     // scalars
     case "float":
@@ -586,10 +594,10 @@ function Dt(n, t, e, r, i = !1) {
       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;
@@ -642,13 +650,16 @@ class ct {
     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;
     const s = this.prefix.length == 0 ? [""] : this.prefix;
-    r = r.replace("// CUSTOM_CODE_CALL", s.map((h) => h + "vertex(position, vRegion);").join("")), r = r.replace("// CUSTOM_CODE", this.vs), i = i.replace("// CUSTOM_CODE_CALL", s.map((h) => h + "fragment(fragColor, vRegion);").join("")), i = i.replace("// CUSTOM_CODE", this.fs);
+    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;
   }
@@ -656,7 +667,7 @@ class ct {
     this.glshader.forEach((t) => t.destroy());
   }
 }
-class Mt {
+class Et {
   constructor(t) {
     this.rapid = t, this.gl = t.gl, this.maxTextureUnits = t.maxTextureUnits, this.matrixStore = t.matrix;
   }
@@ -673,6 +684,7 @@ class Mt {
   fs = "";
   usedTextures = [];
   usedTexturePadding = [];
+  extraTextureUnit = 0;
   createBuffer() {
   }
   createDefaultShader() {
@@ -698,11 +710,16 @@ class Mt {
     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) {
-    return new Rt(this.gl, t, e);
+    const r = this.getMaxTexutreUnit();
+    return e = K(e, r), t = K(t, r), new Tt(this.gl, t, e);
   }
   createCustomShader(t) {
-    return t.getGLShader(this, this.KEY, this.vs, this.fs);
+    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)
@@ -759,8 +776,8 @@ class Mt {
     return !1;
   }
 }
-var S = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(S || {});
-class A {
+var A = /* @__PURE__ */ ((n) => (n[n.Float32 = 0] = "Float32", n[n.Uint32 = 1] = "Uint32", n[n.Uint16 = 2] = "Uint16", n))(A || {});
+class b {
   usedElemNum;
   typedArray;
   arrayType;
@@ -859,7 +876,7 @@ class A {
     return this.usedElemNum;
   }
 }
-class ut extends A {
+class ut extends b {
   buffer;
   gl;
   dirty = !0;
@@ -970,8 +987,8 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, $ = 48, kt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
-class lt extends Mt {
+`, z = 48, Dt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
+class lt extends Et {
   instanceBuffer;
   quadBuffer;
   instanceCount = 0;
@@ -983,30 +1000,25 @@ class lt extends Mt {
   }
   createBuffer() {
     const t = this.gl;
-    this.quadBuffer = new ut(t, S.Float32, t.ARRAY_BUFFER, t.STATIC_DRAW), this.quadBuffer.bindBuffer();
-    for (const e of kt) this.quadBuffer.pushFloat32(e);
-    this.quadBuffer.makeDirty(), this.quadBuffer.bufferData(), this.instanceBuffer = new ut(t, S.Uint32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW);
+    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() {
-    const t = this.rapid, e = D(ft, t.maxTextureUnits), r = D(et, t.maxTextureUnits);
-    return this.vs = r, this.fs = e, this.defaultShader = this.createShader(r, e), this.defaultShader;
+    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: $, 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: ot, normalized: !0, stride: $, offset: 40, divisor: 1 },
-      { name: "aTextureId", size: 1, type: ot, stride: $, offset: 44, divisor: 1 }
+      { name: "aMatrixRow0", size: 3, stride: z, offset: 0, divisor: 1 },
+      { name: "aMatrixRow1", size: 3, stride: z, offset: 12, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: z, offset: 24, divisor: 1 },
+      { name: "aColor", size: 4, type: ot, normalized: !0, stride: z, offset: 40, divisor: 1 },
+      { name: "aTextureId", size: 1, type: ot, stride: z, 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;
   }
-  createCustomShader(t) {
-    const e = D(ft, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = D(et, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
-    return t.getGLShader(this, this.KEY, r, e);
-  }
   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(
@@ -1029,23 +1041,23 @@ class lt extends Mt {
       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(
+  drawSpriteAffine(t, e, r, i, s, a, h, o = 0, c = 0, u = 1, l = 1, f = 4294967295, d = 0, x = 0, p = !1, y = !1, v = !1) {
+    const E = t.base, S = t.rawWidth, _ = t.rawHeight, P = t.offsetX, k = t.offsetY, I = this.useTexture(
       t.glTexture,
       d / E.width,
       x / E.height
-    ), b = this.instanceBuffer, M = b.usedElemNum;
-    b.resize(12);
-    const C = b.float32, B = b.uint32, k = y ? _ : w, H = y ? w : _, I = k + 2 * d, F = H + 2 * x, X = 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] = X + (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] = X + (p ? I : 0), R[5] = z + (v ? F : 0));
+    ), C = this.instanceBuffer, R = C.usedElemNum;
+    C.resize(12);
+    const w = C.float32, W = C.uint32, B = v ? _ : S, G = v ? S : _, L = B + 2 * d, O = G + 2 * x, F = P - d, H = k - x, M = this.localSpriteMatrix;
+    v ? (M[0] = 0, M[1] = y ? O : -O, M[2] = p ? -L : L, M[3] = 0, M[4] = F + (p ? L : 0), M[5] = H + (y ? 0 : O)) : (M[0] = p ? -L : L, M[1] = 0, M[2] = 0, M[3] = y ? -O : O, M[4] = F + (p ? L : 0), M[5] = H + (y ? O : 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, B[M + 10] = f, B[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++;
+    U[0] = e * M[0] + i * M[1], U[1] = r * M[0] + s * M[1], U[2] = e * M[2] + i * M[3], U[3] = r * M[2] + s * M[3], U[4] = a + e * M[4] + i * M[5], U[5] = h + r * M[4] + s * M[5], w[R + 6] = o, w[R + 7] = c, w[R + 8] = u, w[R + 9] = l, W[R + 10] = f, W[R + 11] = I, this.rapid.roundPixels && (U[4] = Math.round(U[4]), U[5] = Math.round(U[5])), w[R] = U[0], w[R + 1] = U[2], w[R + 2] = U[4], w[R + 3] = U[1], w[R + 4] = U[3], w[R + 5] = U[5], C.usedElemNum += 12, C.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(), Et(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
+    this.instanceBuffer.bindBuffer(), this.instanceBuffer.bufferData(), e.bindVAO(), yt(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++;
   }
   resetRender() {
     super.resetRender(), this.instanceBuffer.clear(), this.instanceCount = 0;
@@ -1055,13 +1067,13 @@ class lt extends Mt {
   }
 }
 const T = 6;
-class Ht {
+class Bt {
   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();
+    this.buffer = new b(A.Float32), this.buffer.resize(t * T), this.data = this.buffer.getArray(), this.reset();
   }
   alloc() {
     const t = this.allocDirty();
@@ -1100,8 +1112,8 @@ class Ht {
     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;
+    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], y = h[a + 2], v = h[a + 3], E = h[a + 4], S = h[a + 5];
+    h[i] = o * x + u * p, h[i + 1] = c * x + l * p, h[i + 2] = o * y + u * v, h[i + 3] = c * y + l * v, h[i + 4] = o * E + u * S + f, h[i + 5] = c * E + l * S + 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];
@@ -1161,19 +1173,19 @@ class Ht {
     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;
+    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], y = l[c + 4], v = 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 + y, l[u + 5] = d * h + p * o + v;
   }
 }
-class Gt {
-  matrix = new Ht();
+class kt {
+  matrix = new Bt();
   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);
+  stack = new b(A.Uint32);
+  stepWorldM = new b(A.Uint32);
+  stepAction = new b(A.Uint32);
+  stepParentM = new b(A.Uint32);
+  stepClose = new b(A.Uint32);
+  stepStack = new b(A.Uint32);
   curLocalM = -1;
   curWorldM = -1;
   rapid;
@@ -1291,40 +1303,40 @@ class Gt {
     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;
+    const x = u ? Math.cos(u) : 1, p = u ? Math.sin(u) : 0, y = x * h, v = p * h, E = -p * o, S = x * o, _ = s + y * l + E * f, P = a + v * l + S * f;
     if (i !== -1) {
       this.matrix.multiplyAffine(
         this.curWorldM,
         i,
-        v,
         y,
+        v,
         E,
-        w,
+        S,
         _,
-        L
+        P
       );
       return;
     }
     this.matrix.multiplyAffineInPlace(
       this.curLocalM,
-      v,
       y,
+      v,
       E,
-      w,
+      S,
       _,
-      L
+      P
     ), this.matrix.multiplyAffineInPlace(
       this.curWorldM,
-      v,
       y,
+      v,
       E,
-      w,
+      S,
       _,
-      L
+      P
     );
   }
 }
-const Vt = `#version 300 es\r
+const Ht = `#version 300 es\r
 precision highp float;\r
 \r
 in vec2 aPosition;\r
@@ -1355,7 +1367,7 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
     gl_Position = u_projection * position;\r
 }\r
-`, Xt = `#version 300 es\r
+`, Gt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec4 vColor;\r
@@ -1363,6 +1375,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
@@ -1401,7 +1414,7 @@ void main(void) {\r
     fragColor = sampleTexture(vRegion) * vColor;\r
     // CUSTOM_CODE_CALL\r
 }\r
-`, Yt = `#version 300 es\r
+`, Vt = `#version 300 es\r
 precision highp float;\r
 \r
 in vec2 aPosition;\r
@@ -1424,7 +1437,7 @@ void main(void) {\r
     );\r
     gl_Position = u_projection * position;\r
 }\r
-`, zt = `#version 300 es\r
+`, Xt = `#version 300 es\r
 precision mediump float;\r
 \r
 in vec2 vRegion;\r
@@ -1444,10 +1457,11 @@ void main(void) {\r
         discard;\r
     }\r
 }\r
-`, j = 20;
-class $t extends Mt {
+`, $ = 20;
+class Yt extends Et {
   vertexBuffer;
   vertexCount = 0;
+  extraTextureUnit = 1;
   matrixIndex = -1;
   drawMode = this.gl.TRIANGLES;
   texture;
@@ -1458,24 +1472,24 @@ class $t extends Mt {
   }
   createBuffer() {
     const t = this.gl;
-    this.vertexBuffer = new ut(t, S.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Yt, zt);
+    this.vertexBuffer = new ut(t, A.Float32, t.ARRAY_BUFFER, t.DYNAMIC_DRAW), this.maskShader = this.createMaskShader(Vt, Xt);
   }
   createDefaultShader() {
-    return this.vs = Vt, this.fs = Xt, 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 Rt(r, 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) {
@@ -1618,7 +1632,7 @@ class g {
     return new g(Math.cos(t), Math.sin(t));
   }
 }
-const jt = (n, t) => {
+const zt = (n, t) => {
   const [e, r, i, s, a, h] = t, o = new Float32Array([
     e,
     i,
@@ -1637,8 +1651,8 @@ const jt = (n, t) => {
     0,
     1
   ]);
-  return Kt(o, n);
-}, Kt = (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++) {
@@ -1649,15 +1663,15 @@ const jt = (n, t) => {
     }
   return e;
 };
-var qt = /* @__PURE__ */ ((n) => (n[n.STRETCH = 0] = "STRETCH", n[n.REPEAT = 1] = "REPEAT", n))(qt || {});
+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));
+    const f = l / nt, d = (l + 1) / nt, x = o + f * c, p = o + d * c, y = new g(Math.cos(x) * e, Math.sin(x) * e), v = new g(Math.cos(p) * e, Math.sin(p) * e);
+    a.push(n), h.push(new g(i, 0.5)), a.push(n.add(y)), h.push(new g(i + y.dot(u) * s, 0.5 - 0.5 * y.dot(t) / e)), a.push(n.add(v)), h.push(new g(i + v.dot(u) * s, 0.5 - 0.5 * v.dot(t) / e));
   }
   return { vertices: a, uv: h };
-}, Qt = (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;
@@ -1697,23 +1711,23 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
       } else
         e.push(h(n[o - 1], n[o], n[o + 1]));
   return { normals: e, length: a };
-}, Zt = (n) => {
+}, qt = (n) => {
   const t = n.points;
   if (t.length < 2) return { vertices: [], uv: [] };
-  const { normals: e, length: r } = Qt(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 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 B = new g(M, 0), k = new g(M, 1), H = new g(C, 0), I = new g(C, 1);
-    s.push(_), a.push(B), s.push(L), a.push(k), s.push(W), a.push(H), s.push(W), a.push(H), s.push(O), a.push(I), s.push(L), a.push(k), c += b;
+    const d = t[f], x = e[f].normal, p = e[f].miters, y = (f + 1) % t.length, v = t[y], E = e[y].normal, S = e[y].miters, _ = d.add(x.multiply(p * i)), P = d.subtract(x.multiply(p * i)), k = v.add(E.multiply(S * i)), I = v.subtract(E.multiply(S * i)), C = d.distanceTo(v);
+    let R = 0, w = 0;
+    o === 0 ? (R = c / r, w = (c + C) / r) : (R = c / u, w = R + C / u);
+    const W = new g(R, 0), B = new g(R, 1), G = new g(w, 0), L = new g(w, 1);
+    s.push(_), a.push(W), s.push(P), a.push(B), s.push(k), a.push(G), s.push(k), a.push(G), s.push(I), a.push(L), s.push(P), a.push(B), c += C;
   }
   if (h && !n.closed) {
     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);
+    const y = t[t.length - 1], v = e[t.length - 1].normal, E = o === 0 ? 1 : c / u, S = o === 0 ? r > 0 ? 1 / r : 0 : 1 / u, _ = mt(y, v, i, !1, E, S);
     s.push(..._.vertices), a.push(..._.uv);
   }
   return { vertices: s, uv: a };
@@ -1736,7 +1750,7 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
       i
     ), i;
   }
-}, Jt = (n, t) => t ? n ? t.premultipliedUint32 : t.uint32 : 4294967295, te = 2, ee = (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;
@@ -1745,7 +1759,7 @@ const nt = 10, mt = (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 += te);
+  r.isAtlas && (l += Zt);
   const f = s <= h ? l : -l, d = a <= o ? l : -l;
   i.drawSprite(
     r,
@@ -1761,7 +1775,7 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
     u,
     r.isRotated
   );
-}, re = (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;
@@ -1787,7 +1801,7 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
     t.reverseOrder,
     t.customMatrix
   );
-}, wt = (n, t) => {
+}, Mt = (n, t) => {
   if (t.points.length === 0) return;
   const e = Q(n, t, 0, 0);
   n.startGraphic(
@@ -1807,17 +1821,17 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
     );
   }
   n.endGraphic();
-}, ie = (n, t) => {
+}, ee = (n, t) => {
   if (n.inCreateMask)
     return;
-  const { vertices: e, uv: r } = Zt(t);
-  wt(n, {
+  const { vertices: e, uv: r } = qt(t);
+  Mt(n, {
     ...t,
     points: e,
     uv: r,
     drawMode: n.gl.TRIANGLES
   });
-}, se = (n, t) => {
+}, re = (n, t) => {
   const e = Q(
     n,
     t,
@@ -1829,7 +1843,7 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
     t.texture,
     e ?? t.customMatrix
   ), n.addRectVertex(t.texture.rawWidth, t.texture.rawHeight), n.endGraphic();
-}, ne = (n, t) => {
+}, ie = (n, t) => {
   const e = Q(n, t, t.width, t.height);
   n.startGraphic(
     n.gl.TRIANGLE_FAN,
@@ -1837,7 +1851,7 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
     t.shader,
     e ?? t.customMatrix
   ), n.addRectVertex(t.width, t.height, t.color), n.endGraphic();
-}, ae = (n, t) => {
+}, se = (n, t) => {
   const e = t.segments ?? 32, r = Q(n, t, 0, 0);
   n.startGraphic(
     n.gl.TRIANGLE_FAN,
@@ -1891,21 +1905,16 @@ void main(void) {\r
     // CUSTOM_CODE_CALL\r
 }\r
 `;
-class he extends lt {
+class ne extends lt {
   KEY = "AtlasSprite";
   constructor(t) {
     super(t);
   }
-  createCustomShader(t) {
-    const e = D(xt, this.rapid.maxTextureUnits - t.usedTextureUnitNum), r = D(et, this.rapid.maxTextureUnits - t.usedTextureUnitNum);
-    return t.getGLShader(this, this.KEY, r, e);
-  }
   createDefaultShader() {
-    const t = this.rapid, e = D(xt, t.maxTextureUnits), r = D(et, 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 gt = `#version 300 es\r
+const ae = `#version 300 es\r
 precision highp float;\r
 \r
 // per-vertex\r
@@ -1932,23 +1941,21 @@ void main(void) {\r
     vColor = aColor;\r
 \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 position = 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(position, 0.0, 1.0);\r
+    gl_Position = u_projection * position;\r
 }\r
-`, pt = `#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
@@ -1961,20 +1968,18 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, G = 48, oe = G / 4;
+`, V = 48, oe = V / 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, gt, pt);
-  }
   createDefaultShader() {
-    const t = pt, e = gt;
+    const t = he, e = ae;
     return this.vs = e, this.fs = t, this.defaultShader = this.createShader(e, t), this.defaultShader;
   }
   enter(t) {
@@ -1983,41 +1988,41 @@ class ce extends lt {
   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: ot, normalized: !0, stride: G, offset: 36, divisor: 1 },
-      { name: "aOrigin", size: 2, stride: G, offset: 40, divisor: 1 }
+      { name: "aPosition", size: 2, stride: V, offset: 0, divisor: 1 },
+      { name: "aScale", size: 2, stride: V, offset: 8, divisor: 1 },
+      { name: "aRotation", size: 1, stride: V, offset: 16, divisor: 1 },
+      { name: "aUVRect", size: 4, stride: V, offset: 20, divisor: 1 },
+      { name: "aColor", size: 4, type: ot, normalized: !0, stride: V, offset: 36, divisor: 1 },
+      { name: "aOrigin", size: 2, stride: V, offset: 40, divisor: 1 }
     ]), this.quadBuffer.bindBuffer(), r.setAttributes([
       { name: "aVertex", size: 2, stride: 8, offset: 0, divisor: 0 }
     ]), 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, f = 1, d = !1, x = !1, p = !1, v = 0.5, y = 0.5, E, w = !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, y = 0.5, v = 0.5, E, S = !1, _) {
     if (!t.glTexture || a <= 0) return;
     this.texture && t !== this.texture && this.flush();
-    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", B = t.uvW - t.uvX, k = t.uvH - t.uvY, H = B === 0 ? 0 : 1 / B, I = k === 0 ? 0 : 1 / k;
-    let F = t.rawWidth * (d ? -1 : 1);
-    L && (F *= h);
-    let X = t.rawHeight * (x ? -1 : 1);
-    W && (X *= o), M && (F *= (l - c) * H, X *= (f - u) * I);
-    let z = p ? Math.PI / 2 : 0;
-    O && (z += i);
-    const R = s ?? 4294967295, U = this.getParticleLoop(
-      L,
-      W,
-      O,
-      M,
-      b,
+    const P = typeof h == "number", k = typeof o == "number", I = typeof i == "number", C = typeof s == "number", R = typeof c == "number", w = !C && typeof s[0] == "number", W = t.uvW - t.uvX, B = t.uvH - t.uvY, G = W === 0 ? 0 : 1 / W, L = B === 0 ? 0 : 1 / B;
+    let O = t.rawWidth * (d ? -1 : 1);
+    P && (O *= h);
+    let F = t.rawHeight * (x ? -1 : 1);
+    k && (F *= o), R && (O *= (l - c) * G, F *= (f - u) * L);
+    let H = p ? Math.PI / 2 : 0;
+    I && (H += i);
+    const M = s ?? 4294967295, U = this.getParticleLoop(
+      P,
+      k,
+      I,
+      R,
       C,
       w,
+      S,
       E
     );
     this.texture || (this.texture = t, this.useTexture(t.glTexture, 0, 0));
     const it = a, Y = this.instanceBuffer;
     let st = Y.usedElemNum;
     Y.resize(it * oe);
-    const bt = Y.float32, Ut = Y.uint32;
+    const At = Y.float32, St = Y.uint32;
     st = U(
       e,
       r,
@@ -2029,16 +2034,16 @@ class ce extends lt {
       l,
       f,
       s,
-      bt,
-      Ut,
+      At,
+      St,
+      O,
       F,
-      X,
+      G,
+      L,
       H,
-      I,
-      z,
-      R,
-      v,
+      M,
       y,
+      v,
       a,
       it,
       st
@@ -2098,11 +2103,11 @@ 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 = jt(this.rapid.projection, s);
-    this.currentShader.setUniform("u_projection", a), Et(t, t.TRIANGLE_STRIP, 0, 4, this.instanceCount), this.rapid.drawcallCount++, this.texture = void 0, this.customMatrix = void 0;
+    const r = this.rapid.matrixStack, s = this.rapid.matrix.getMatrix(this.customMatrix ?? r.curWorldM), a = zt(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 St = /* @__PURE__ */ ((n) => (n[n.EQUAL = 0] = "EQUAL", n[n.NOT_EQUAL = 1] = "NOT_EQUAL", n))(St || {}), 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 || {});
+var Rt = /* @__PURE__ */ ((n) => (n[n.EQUAL = 0] = "EQUAL", n[n.NOT_EQUAL = 1] = "NOT_EQUAL", n))(Rt || {}), 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;
@@ -2116,7 +2121,7 @@ class pe {
   physicsHeight = 0;
   currentRegion = null;
   maxTextureUnits = 0;
-  matrixStack = new Gt(this);
+  matrixStack = new kt(this);
   matrix;
   spriteRegion;
   graphicRegion;
@@ -2131,7 +2136,7 @@ class pe {
   textureFilter;
   scaleMode;
   _filterRT = [null, null];
-  _filterInput = new N();
+  _filterInput = new D();
   get height() {
     return this.logicHeight;
   }
@@ -2140,37 +2145,37 @@ class pe {
   }
   constructor(t) {
     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 = Nt(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 lt(this), this.graphicRegion = new $t(this), this.atlasSpriteRegion = new he(this), this.particleRegion = new ce(this);
+    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 lt(this), this.graphicRegion = new Yt(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 Ct(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 Jt(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) {
-    re(this, t);
+    te(this, t);
   }
   drawSprite(t) {
-    ee(this, t);
+    Jt(this, t);
   }
   drawLine(t) {
-    ie(this, t);
+    ee(this, t);
   }
   drawGraphic(t) {
-    wt(this, t);
+    Mt(this, t);
   }
   drawRect(t) {
-    ne(this, t);
+    ie(this, t);
   }
   drawCircle(t) {
-    ae(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);
@@ -2179,7 +2184,7 @@ class pe {
     this.startGraphic(t, e, this.graphicRegion.maskShader, r);
   }
   drawMaskImage(t) {
-    se(this, t);
+    re(this, t);
   }
   addRectVertex(t, e, r) {
     const i = this.getColorUint32(r);
@@ -2396,7 +2401,7 @@ class pe {
 function de(n) {
   return !(n === null || typeof n != "object" || Array.isArray(n) || n instanceof g || n instanceof m);
 }
-class P {
+class N {
   static float(t, e) {
     return Math.random() * (e - t) + t;
   }
@@ -2407,18 +2412,18 @@ class P {
     return Math.random() * Math.PI * 2;
   }
   static vector(t, e, r, i) {
-    return new g(P.float(t, e), P.float(r, i));
+    return new g(N.float(t, e), N.float(r, i));
   }
   static randomColor(t, e) {
     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)
+      N.float(t.r, e.r),
+      N.float(t.g, e.g),
+      N.float(t.b, e.b),
+      N.float(t.a, e.a)
     );
   }
   static pick(t) {
-    return t[P.int(0, t.length - 1)];
+    return t[N.int(0, t.length - 1)];
   }
   static pickWeight(t) {
     if (!t || t.length === 0) return null;
@@ -2434,27 +2439,27 @@ class P {
     if (Array.isArray(t)) {
       const [r, i] = t;
       if (typeof r == "number")
-        return P.float(r, i);
+        return N.float(r, i);
       if (r instanceof g)
-        return P.vector(r.x, i.x, r.y, i.y);
+        return N.vector(r.x, i.x, r.y, i.y);
       if (r instanceof m)
-        return P.randomColor(r, i);
+        return N.randomColor(r, i);
     }
     return typeof t == "number" ? t : t.clone();
   }
 }
 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 vt = 10, yt = 0, Tt = !0;
-class K {
+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 b(A.Float32),
+      delta: new b(A.Float32),
+      damping: new b(A.Float32)
     }));
   }
   getArrayBuffer() {
@@ -2487,7 +2492,7 @@ class K {
     }
   }
   resolveComponent(t, e, r) {
-    return t === void 0 ? r : Array.isArray(t) ? P.float(
+    return t === void 0 ? r : Array.isArray(t) ? N.float(
       this.getComponent(t[0], e),
       this.getComponent(t[1], e)
     ) : this.getComponent(t, e);
@@ -2502,32 +2507,32 @@ class K {
     return h;
   }
 }
-class At {
+class wt {
   options;
   emitting = !1;
   emitTimer = 0;
-  emitRate = vt;
-  emitTime = yt;
+  emitRate = gt;
+  emitTime = pt;
   emitTimeCounter = 0;
-  localSpace = Tt;
+  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 b(A.Float32);
+  y = new b(A.Float32);
+  scaleX = new b(A.Float32);
+  scaleY = new b(A.Float32);
+  rotation = new b(A.Float32);
+  color = new b(A.Uint32);
+  remainingLife = new b(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 ?? vt, this.emitTime = e.emitTime ?? yt, this.localSpace = e.localSpace ?? Tt;
+    this.rapid = t, this.options = e, this.emitRate = e.emitRate ?? gt, this.emitTime = e.emitTime ?? pt, this.localSpace = e.localSpace ?? vt;
   }
   getAllArrayBuffer() {
     return [
@@ -2545,7 +2550,7 @@ class At {
     this.options.texture = t;
   }
   clone() {
-    return new At(this.rapid, { ...this.options });
+    return new wt(this.rapid, { ...this.options });
   }
   setEmitRate(t) {
     this.emitRate = t;
@@ -2570,7 +2575,7 @@ class At {
       this.createParticle();
   }
   createParticle() {
-    const t = P.scalarOrRange(this.options.life, 1);
+    const t = N.scalarOrRange(this.options.life, 1);
     this.remainingLife.push(t);
     let e = 0, r = 0;
     switch (this.options.emitShape) {
@@ -2613,7 +2618,7 @@ class At {
         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, b.removeAtIndices(e, this.getAllArrayBuffer());
   }
   updateParticle(t) {
     const e = [], r = this.animations;
@@ -2671,13 +2676,15 @@ 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) * vec3(1.0, -1.0, 1.0);
+    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);
@@ -2692,11 +2699,8 @@ void light_fragment(inout vec4 color, in vec2 vRegion) {
         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) {
             
-            // ⭐️ 核心修复：sampler2DArray 采样必须传 vec3
-            // 第三个分量是该光源对应的图层 ID (转为 float)
             int layer = uLightTextureId[i];
             vec4 lightTex;
             %GET_COLOR%
@@ -2711,20 +2715,23 @@ void light_fragment(inout vec4 color, in vec2 vRegion) {
         }
     }
 
-    // 环境光 + 漫反射 + 高光
-    color.rgb = color.rgb * (vec3(0.1, 0.1, 0.15) + totalDiffuse) + totalSpecular;
+    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 + xe,
-      D(r + me, t.maxTextureUnits - 1, "layer", "lightUV", "lightTex = "),
-      i + 1,
+      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;
@@ -2750,13 +2757,13 @@ class ve {
       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);
+          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), y = o / p, v = a.add(f.multiply(y)), E = a.add(d.multiply(y));
+          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(v.x, v.y);
         }
         i.endGraphic();
       }, () => {
         i.drawSprite({ texture: t });
-      }, St.NOT_EQUAL);
+      }, Rt.NOT_EQUAL);
     }), this.rt;
   }
   setupLight(t) {
@@ -2776,34 +2783,44 @@ class ve {
       })),
       uLightHeight: Float32Array.from(r.map((h, o) => s[o] ?? s[0] ?? 80)),
       uMetallic: t.metallic ?? 0.8,
-      uRoughness: t.roughness ?? 0.15
+      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 {
-  V as BaseTexture,
+  X as BaseTexture,
   ue as BlendMode,
   le as CanvasScaleMode,
   m as Color,
   ct as CustomGlShader,
-  Rt as GLShader,
+  Tt as GLShader,
   ve as Light,
   ge as LightShader,
-  qt as LineTextureMode,
+  jt as LineTextureMode,
   J as MAX_LIGHTS,
-  St as MaskType,
-  At as ParticleEmitter,
+  Rt as MaskType,
+  wt as ParticleEmitter,
   fe as ParticleShape,
   pe as Rapid,
-  _t as RenderTexture,
-  Pt as TextTexture,
-  N as Texture,
+  Ut as RenderTexture,
+  _t as TextTexture,
+  D as Texture,
   tt as TextureFilterMode,
-  Ct as TextureManager,
+  bt as TextureManager,
   q as TextureWrapMode,
   g as Vec2,
-  jt as composeProjectionWithAffine,
-  Zt as getLineGeometry,
-  Qt as getLineNormal,
-  Kt as multiplyMat4
+  zt as composeProjectionWithAffine,
+  se as drawCircle,
+  Mt as drawGraphic,
+  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
 };