rapid-render 1.0.17 → 1.0.18

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) {
@@ -166,7 +166,7 @@ class Ct {
       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);
+      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;
     }
@@ -174,14 +174,14 @@ class Ct {
   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);
+    const r = G.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 _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;
@@ -199,7 +199,7 @@ class Ct {
     });
   }
 }
-class V {
+class G {
   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 G(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));
@@ -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 N(new G(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 N {
   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 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);
   }
@@ -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 N {
   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 G(i, 1, 1)), this.update();
   }
   get text() {
     return this._text;
@@ -406,7 +406,7 @@ class Pt extends N {
     this.base?.updateSource(this.render.gl, this.canvas, this.options), this.setRegion(0, 0, E, w);
   }
 }
-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 +420,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 +458,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 +467,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 +484,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 +504,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 +518,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 +548,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 +586,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 +642,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 +659,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 +676,7 @@ class Mt {
   fs = "";
   usedTextures = [];
   usedTexturePadding = [];
+  extraTextureUnit = 0;
   createBuffer() {
   }
   createDefaultShader() {
@@ -698,11 +702,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 +768,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 S {
   usedElemNum;
   typedArray;
   arrayType;
@@ -859,7 +868,7 @@ class A {
     return this.usedElemNum;
   }
 }
-class ut extends A {
+class ut extends S {
   buffer;
   gl;
   dirty = !0;
@@ -970,8 +979,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 {
+`, Y = 48, Dt = new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]);
+class lt extends Et {
   instanceBuffer;
   quadBuffer;
   instanceCount = 0;
@@ -983,30 +992,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: 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;
   }
-  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(
@@ -1036,16 +1040,16 @@ class lt extends Mt {
       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));
+    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, 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 * 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(), 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 +1059,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 S(A.Float32), this.buffer.resize(t * T), this.data = this.buffer.getArray(), this.reset();
   }
   alloc() {
     const t = this.allocDirty();
@@ -1165,15 +1169,15 @@ class Ht {
     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 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 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;
@@ -1324,7 +1328,7 @@ class Gt {
     );
   }
 }
-const Vt = `#version 300 es\r
+const Ht = `#version 300 es\r
 precision highp float;\r
 \r
 in vec2 aPosition;\r
@@ -1355,7 +1359,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 +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
@@ -1401,7 +1406,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 +1429,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 +1449,11 @@ void main(void) {\r
         discard;\r
     }\r
 }\r
-`, j = 20;
-class $t extends Mt {
+`, $ = 20;
+class zt extends Et {
   vertexBuffer;
   vertexCount = 0;
+  extraTextureUnit = 1;
   matrixIndex = -1;
   drawMode = this.gl.TRIANGLES;
   texture;
@@ -1458,24 +1464,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 +1624,7 @@ class g {
     return new g(Math.cos(t), Math.sin(t));
   }
 }
-const jt = (n, t) => {
+const Yt = (n, t) => {
   const [e, r, i, s, a, h] = t, o = new Float32Array([
     e,
     i,
@@ -1637,8 +1643,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,7 +1655,7 @@ 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++) {
@@ -1657,7 +1663,7 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
     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 };
-}, 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,18 +1703,18 @@ 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 = 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 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);
@@ -1736,7 +1742,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 +1751,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 +1767,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 +1793,7 @@ const nt = 10, mt = (n, t, e, r, i, s) => {
     t.reverseOrder,
     t.customMatrix
   );
-}, wt = (n, t) => {
+}, Rt = (n, t) => {
   if (t.points.length === 0) return;
   const e = Q(n, t, 0, 0);
   n.startGraphic(
@@ -1807,17 +1813,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);
+  Rt(n, {
     ...t,
     points: e,
     uv: r,
     drawMode: n.gl.TRIANGLES
   });
-}, se = (n, t) => {
+}, re = (n, t) => {
   const e = Q(
     n,
     t,
@@ -1829,7 +1835,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 +1843,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 +1897,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 +1933,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 +1960,18 @@ void main(void) {\r
 \r
     // CUSTOM_CODE_CALL\r
 }\r
-`, G = 48, oe = G / 4;
+`, 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, 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,12 +1980,12 @@ 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: 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;
@@ -1996,11 +1993,11 @@ class ce extends lt {
   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 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;
+    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 X = t.rawHeight * (x ? -1 : 1);
-    W && (X *= o), M && (F *= (l - c) * H, X *= (f - u) * I);
+    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(
@@ -2014,10 +2011,10 @@ class ce extends lt {
       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 it = a, X = this.instanceBuffer;
+    let st = X.usedElemNum;
+    X.resize(it * oe);
+    const At = X.float32, St = X.uint32;
     st = U(
       e,
       r,
@@ -2029,11 +2026,11 @@ class ce extends lt {
       l,
       f,
       s,
-      bt,
-      Ut,
+      At,
+      St,
       F,
-      X,
-      H,
+      V,
+      k,
       I,
       z,
       R,
@@ -2042,7 +2039,7 @@ class ce extends lt {
       a,
       it,
       st
-    ), Y.usedElemNum = st, Y.makeDirty(), this.instanceCount += it, this.customMatrix = _, this.flush();
+    ), 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("_");
@@ -2098,11 +2095,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 = 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 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 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;
@@ -2116,7 +2113,7 @@ class pe {
   physicsHeight = 0;
   currentRegion = null;
   maxTextureUnits = 0;
-  matrixStack = new Gt(this);
+  matrixStack = new kt(this);
   matrix;
   spriteRegion;
   graphicRegion;
@@ -2140,37 +2137,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 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 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);
+    Rt(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 +2176,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);
@@ -2445,16 +2442,16 @@ class P {
 }
 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 S(A.Float32),
+      delta: new S(A.Float32),
+      damping: new S(A.Float32)
     }));
   }
   getArrayBuffer() {
@@ -2502,32 +2499,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 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 ?? 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 +2542,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;
@@ -2613,7 +2610,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, S.removeAtIndices(e, this.getAllArrayBuffer());
   }
   updateParticle(t) {
     const e = [], r = this.animations;
@@ -2671,13 +2668,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 +2691,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 +2707,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;
@@ -2756,7 +2755,7 @@ class ve {
         i.endGraphic();
       }, () => {
         i.drawSprite({ texture: t });
-      }, St.NOT_EQUAL);
+      }, Mt.NOT_EQUAL);
     }), this.rt;
   }
   setupLight(t) {
@@ -2776,34 +2775,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,
+  G 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,
+  Mt as MaskType,
+  wt as ParticleEmitter,
   fe as ParticleShape,
   pe as Rapid,
-  _t as RenderTexture,
-  Pt as TextTexture,
+  Ut as RenderTexture,
+  _t as TextTexture,
   N 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
+  Yt as composeProjectionWithAffine,
+  se as drawCircle,
+  Rt 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
 };