modern-canvas 0.23.12 → 0.23.13

package/dist/index.js

@@ -3873,6 +3873,16 @@ var or = class extends z {}, sr = class extends le {
 			}
 		}), this.resetStatus();
 	}
+	drawMesh(e, t, n) {
+		this._draws.push({
+			...this._parseDrawStyle(this.fillStyle),
+			type: "mesh",
+			vertices: e instanceof Float32Array ? e : new Float32Array(e),
+			meshUvs: t instanceof Float32Array ? t : new Float32Array(t),
+			indices: n instanceof Uint32Array ? n : new Uint32Array(n),
+			transformVertex: this.transformVertex
+		}), this.resetStatus();
+	}
 	fillRect(e, t, n, r) {
 		this.rect(e, t, n, r).fill();
 	}
@@ -3912,28 +3922,38 @@ var or = class extends z {}, sr = class extends le {
 	toBatchables() {
 		let e = [];
 		for (let t = this._draws.length, n = 0; n < t; n++) {
-			let { path: t, ...r } = this._draws[n], i = r.type === "stroke" ? r.lineStyle : void 0, a = `${r.type}|${t.toData()}|${i ? `${i.width},${i.cap},${i.join},${i.alignment},${i.miterLimit}` : ""}`, o = this._triCache[n];
-			if (!o || o.sig !== a) {
-				let e = [], i = [];
-				r.type === "fill" ? t.fillTriangulate({
-					vertices: e,
+			let t = this._draws[n];
+			if (t.type === "mesh") {
+				let { vertices: r, indices: i, ...a } = t;
+				this._triCache[n] = void 0, e.push({
+					...a,
+					vertices: r,
 					indices: i
-				}) : t.strokeTriangulate({
+				});
+				continue;
+			}
+			let { path: r, ...i } = t, a = i.type === "stroke" ? i.lineStyle : void 0, o = `${i.type}|${r.toData()}|${a ? `${a.width},${a.cap},${a.join},${a.alignment},${a.miterLimit}` : ""}`, s = this._triCache[n];
+			if (!s || s.sig !== o) {
+				let e = [], t = [];
+				i.type === "fill" ? r.fillTriangulate({
+					vertices: e,
+					indices: t
+				}) : r.strokeTriangulate({
 					vertices: e,
-					indices: i,
-					lineStyle: r.lineStyle,
+					indices: t,
+					lineStyle: i.lineStyle,
 					flipAlignment: !1,
-					closed: t.getPoint(0).equals(t.getPoint(1))
-				}), o = {
-					sig: a,
+					closed: r.getPoint(0).equals(r.getPoint(1))
+				}), s = {
+					sig: o,
 					vertices: new Float32Array(e),
-					indices: new Uint32Array(i)
-				}, this._triCache[n] = o;
+					indices: new Uint32Array(t)
+				}, this._triCache[n] = s;
 			}
 			e.push({
-				...r,
-				vertices: o.vertices,
-				indices: o.indices
+				...i,
+				vertices: s.vertices,
+				indices: s.indices
 			});
 		}
 		return this._triCache.length = this._draws.length, e;
@@ -4546,13 +4566,14 @@ var _r = class extends V {
 		this.emit("draw");
 	}
 	_transformUvs(e) {
-		let { texture: t, vertices: n, transformUv: r } = e;
+		let { texture: t, vertices: n, transformUv: r, meshUvs: i } = e;
 		if (!t) return;
-		let { width: i, height: a } = t, o = r ?? ((e, t) => {
-			e[t] = e[t] / i, e[t + 1] = e[t + 1] / a;
-		}), s = n.slice();
-		for (let e = s.length, t = 0; t < e; t += 2) o(s, t);
-		return s;
+		if (i) return i;
+		let { width: a, height: o } = t, s = r ?? ((e, t) => {
+			e[t] = e[t] / a, e[t + 1] = e[t + 1] / o;
+		}), c = n.slice();
+		for (let e = c.length, t = 0; t < e; t += 2) s(c, t);
+		return c;
 	}
 	_redraw() {
 		return this._draw(), this.context.toBatchables().map((e) => ({
@@ -7875,13 +7896,22 @@ ea = k([b("Element2D"), O("design:paramtypes", [typeof Partial > "u" ? Object :
 //#region src/scene/2d/TextureRect2D.ts
 var ta = class extends ea {
 	texture;
+	region;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
+	_uvTransform() {
+		let e = this.region;
+		if (e && this.texture) {
+			let t = this.texture.width || 1, n = this.texture.height || 1;
+			return new v(e.width / (this.size.x * t), 0, 0, e.height / (this.size.y * n), e.x / t, e.y / n);
+		}
+		return new v().scale(1 / this.size.x, 1 / this.size.y);
+	}
 	_drawContent() {
 		if (this.texture?.isValid()) {
 			this.shape.draw(!0), this.context.fillStyle = this.texture;
-			let { a: e, c: t, tx: n, b: r, d: i, ty: a } = new v().scale(1 / this.size.x, 1 / this.size.y), o, s;
+			let { a: e, c: t, tx: n, b: r, d: i, ty: a } = this._uvTransform(), o, s;
 			this.context.fill({ transformUv: (c, l) => {
 				o = c[l], s = c[l + 1], c[l] = e * o + t * s + n, c[l + 1] = r * o + i * s + a;
 			} });
@@ -7920,8 +7950,39 @@ var ta = class extends ea {
 };
 k([_({ fallback: "" }), O("design:type", String)], na.prototype, "src", void 0), na = k([b("Lottie2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], na);
 //#endregion
-//#region src/scene/2d/TransformRect2D.ts
+//#region src/scene/2d/Mesh2D.ts
 var ra = class extends ea {
+	texture;
+	_vertices = new Float32Array();
+	_uvs = new Float32Array();
+	_indices = new Uint32Array();
+	get vertices() {
+		return this._vertices;
+	}
+	set vertices(e) {
+		this._vertices = e instanceof Float32Array ? e : new Float32Array(e), this.requestDraw();
+	}
+	get uvs() {
+		return this._uvs;
+	}
+	set uvs(e) {
+		this._uvs = e instanceof Float32Array ? e : new Float32Array(e), this.requestDraw();
+	}
+	get indices() {
+		return this._indices;
+	}
+	set indices(e) {
+		this._indices = e instanceof Uint32Array ? e : new Uint32Array(e), this.requestDraw();
+	}
+	constructor(e, t = []) {
+		super();
+		let { vertices: n, uvs: r, indices: i, ...a } = e ?? {};
+		this.setProperties(a), n && (this.vertices = n), r && (this.uvs = r), i && (this.indices = i), this.append(t);
+	}
+	_drawContent() {
+		this.texture?.isValid() && this._indices.length && this._vertices.length && (this.context.fillStyle = this.texture, this.context.drawMesh(this._vertices, this._uvs, this._indices));
+	}
+}, ia = class extends ea {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -7944,10 +8005,10 @@ var ra = class extends ea {
 		this.context.rect(0, 0, e, t), this.context.strokeStyle = "#00FF00", this.context.stroke(), this._drawCircle(0, 0), this._drawCircle(e, t), this._drawCircle(0, t), this._drawEllipse(0, t / 2), this._drawCircle(e, 0), this._drawEllipse(e, t / 2);
 	}
 };
-k([_({ fallback: 6 }), O("design:type", Number)], ra.prototype, "handleSize", void 0);
+k([_({ fallback: 6 }), O("design:type", Number)], ia.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var ia = class extends ta {
+var aa = class extends ta {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -7987,15 +8048,15 @@ var ia = class extends ta {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], ia.prototype, "src", void 0), ia = k([b("Video2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ia);
+k([_({ fallback: "" }), O("design:type", String)], aa.prototype, "src", void 0), aa = k([b("Video2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], aa);
 //#endregion
 //#region src/scene/animation/Animation.ts
-function aa(e) {
+function oa(e) {
 	if (e == null) return 0;
 	let t = String(e).trim(), n = Number.parseFloat(t);
 	return Number.isNaN(n) ? 0 : n / 100;
 }
-function oa(e, t) {
+function sa(e, t) {
 	let n = t * 180 / Math.PI;
 	if (e == null || e === "auto") return n;
 	let r = String(e).trim();
@@ -8004,11 +8065,11 @@ function oa(e, t) {
 	let i = Number.parseFloat(r);
 	return Number.isNaN(i) ? n : i;
 }
-function sa(e) {
+function ca(e) {
 	let t = e.trim(), n = /^path\((.*)\)$/s.exec(t);
 	return n && (t = n[1].trim()), t.length >= 2 && (t[0] === "\"" || t[0] === "'") && t[t.length - 1] === t[0] && (t = t.slice(1, -1)), t.trim();
 }
-function ca(e, t, n, r) {
+function la(e, t, n, r) {
 	let i = 1e-6, a = 3 * e - 3 * n + 1, o = 3 * n - 6 * e, s = 3 * e, c = 3 * t - 3 * r + 1, l = 3 * r - 6 * t, u = 3 * t, d = (e) => (3 * a * e + 2 * o) * e + s, f = (e) => ((a * e + o) * e + s) * e, p = (e) => ((c * e + l) * e + u) * e;
 	function m(e) {
 		let t = e, n, r;
@@ -8028,7 +8089,7 @@ function ca(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var la = {
+var ua = {
 	linear: [
 		0,
 		0,
@@ -8095,7 +8156,7 @@ var la = {
 		.355,
 		1
 	]
-}, ua = Object.fromEntries(Object.entries(la).map(([e, [t, n, r, i]]) => [e, ca(t, n, r, i)])), da = class extends V {
+}, da = Object.fromEntries(Object.entries(ua).map(([e, [t, n, r, i]]) => [e, la(t, n, r, i)])), fa = class extends V {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -8182,14 +8243,14 @@ var la = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return ua.linear;
-		if (e in ua) return ua[e];
+		if (!e) return da.linear;
+		if (e in da) return da[e];
 		let t = /cubic-bezier\((.+)\)/.exec(e);
 		if (t) {
 			let e = t[1].split(",").map((e) => Number(e));
-			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return ca(e[0], e[1], e[2], e[3]);
+			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return la(e[0], e[1], e[2], e[3]);
 		}
-		return ua.linear;
+		return da.linear;
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -8224,7 +8285,7 @@ var la = {
 		});
 	}
 	_commitOffsetPath(e, t, n, r, i, a) {
-		let o = sa(t);
+		let o = ca(t);
 		if (!o) return;
 		let s = this._pathMeasures.get(o);
 		if (!s) {
@@ -8235,7 +8296,7 @@ var la = {
 				startY: t.y
 			}, this._pathMeasures.set(o, s);
 		}
-		let c = E(D(aa(r.offsetDistance ?? i.offsetDistance), aa(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = oa(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
+		let c = E(D(oa(r.offsetDistance ?? i.offsetDistance), oa(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = sa(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
 		e.onUpdateStyleProperty("transform", `${m ? `${m} ` : ""}translate(${d}px, ${f}px) rotate(${p}deg)`, void 0);
 	}
 	_getDiffValue(e, t, n, r, i) {
@@ -8282,14 +8343,14 @@ var la = {
 		});
 	}
 };
-k([_({ fallback: "parent" }), O("design:type", Object)], da.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], da.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], da.prototype, "easing", void 0), da = k([b("Animation", {
+k([_({ fallback: "parent" }), O("design:type", Object)], fa.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], fa.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], fa.prototype, "easing", void 0), fa = k([b("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], da);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], fa);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var fa = class t extends e {
+var pa = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -8319,7 +8380,7 @@ var fa = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, pa = class t extends e {
+}, ma = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8446,7 +8507,7 @@ var fa = class t extends e {
 		let e = this._source;
 		e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio &&= (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), null);
 	}
-}, ma = class {
+}, ha = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8463,7 +8524,7 @@ var fa = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return fa.instance;
+		return pa.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8474,9 +8535,9 @@ var fa = class t extends e {
 		});
 	}
 	createSound() {
-		return new pa();
+		return new ma();
 	}
-}, ha = class extends e {
+}, ga = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8498,7 +8559,7 @@ var fa = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, ga = class {
+}, _a = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8513,21 +8574,21 @@ var fa = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function _a() {
+function va() {
 	if (He) return new AudioContext();
 	if (Ue) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function va(e, t, n) {
+function ya(e, t, n) {
 	if (We) return new OfflineAudioContext(e, t, n);
 	if (Ge) {
 		let r = globalThis.webkitOfflineAudioContext;
 		return new r(e, t, n);
 	} else throw Error("Failed to createOfflineAudioContext");
 }
-var ya = class e extends ha {
+var ba = class e extends ga {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8568,7 +8629,7 @@ var ya = class e extends ha {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = _a(), t = va(1, 2, We ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
+		let e = va(), t = ya(1, 2, We ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
 		r.connect(n), n.connect(e.destination), super(r, n), this._context = e, this._offlineContext = t, this._compressor = n, this._analyser = r, this._locked = e.state === "suspended" && (ze || Be), qe && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
 	}
 	_onFocus() {
@@ -8609,7 +8670,7 @@ var ya = class e extends ha {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, ba = class extends e {
+}, xa = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8742,7 +8803,7 @@ var ya = class e extends ha {
 	destroy() {
 		super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
 	}
-}, xa = class extends ha {
+}, Sa = class extends ga {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8750,7 +8811,7 @@ var ya = class e extends ha {
 	gain;
 	analyser;
 	get context() {
-		return ya.instance;
+		return ba.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8765,8 +8826,8 @@ var ya = class e extends ha {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = ya.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(ya.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = ba.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(ba.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
 	}
 	async load() {
 		return this._sourceLoad ||= new Promise((e) => {
@@ -8779,7 +8840,7 @@ var ya = class e extends ha {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : ya.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : ba.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
 	}
 	cloneSource() {
 		let e = this.context, t = this._sourceNode, n = e.audioContext.createBufferSource(), r = e.audioContext.createGain();
@@ -8789,15 +8850,15 @@ var ya = class e extends ha {
 		};
 	}
 	createSound() {
-		return new ba();
+		return new xa();
 	}
-}, Sa, Ca = class extends V {
+}, Ca, wa = class extends V {
 	static {
-		Sa = this;
+		Ca = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ke ? new xa(this) : new ma(this);
+	_platformAudio = Ke ? new Sa(this) : new ha(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -8890,7 +8951,7 @@ var ya = class e extends ha {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return Sa._soundPool.length > 0 ? Sa._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Ca._soundPool.length > 0 ? Ca._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
 	}
 	refresh() {
 		for (let e = this._sounds.length, t = 0; t < e; t++) this._sounds[t].refresh();
@@ -8906,7 +8967,7 @@ var ya = class e extends ha {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), Sa._soundPool.includes(e) || Sa._soundPool.push(e);
+		e.destroy(), Ca._soundPool.includes(e) || Ca._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -8922,10 +8983,10 @@ var ya = class e extends ha {
 		}, 100);
 	}
 };
-Ca = Sa = k([b("Audio"), O("design:paramtypes", [Object])], Ca);
+wa = Ca = k([b("Audio"), O("design:paramtypes", [Object])], wa);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var wa = class extends wr {}, Ta = class extends ea {
+var Ta = class extends wr {}, Ea = class extends ea {
 	_audioBuffer;
 	_src = (() => {
 		let e = S();
@@ -8949,7 +9010,7 @@ var wa = class extends wr {}, Ta = class extends ea {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => ya.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => ba.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -8984,12 +9045,12 @@ var wa = class extends wr {}, Ta = class extends ea {
 		this.syncTexture(), super._process(e);
 	}
 };
-k([_(), O("design:type", Object)], Ta.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Ta.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Ta.prototype, "color", void 0), Ta = k([b("AudioWaveform"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Ta);
+k([_(), O("design:type", Object)], Ea.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Ea.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Ea.prototype, "color", void 0), Ea = k([b("AudioWaveform"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Ea);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Ea, Da = class extends Cr {
+var Da, Oa = class extends Cr {
 	static {
-		Ea = this;
+		Da = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -9008,7 +9069,7 @@ var Ea, Da = class extends Cr {
 		let d = 1 / s, f = 1 / c, p = [], m, h = o - 1;
 		for (let e = 0; e < h; e++) m = u[e] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p });
 		m = u[h] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p }), l.forEach((t) => {
-			L.draw(e, Ea.material, {
+			L.draw(e, Da.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -9016,31 +9077,31 @@ var Ea, Da = class extends Cr {
 		});
 	}
 };
-Da = Ea = k([b("KawaseTransition")], Da);
+Oa = Da = k([b("KawaseTransition")], Oa);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var Oa, ka = class extends Cr {
+var ka, Aa = class extends Cr {
 	static {
-		Oa = this;
+		ka = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		L.draw(e, Oa.material, {
+		L.draw(e, ka.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-ka = Oa = k([b("LeftEraseTransition")], ka);
+Aa = ka = k([b("LeftEraseTransition")], Aa);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Aa, ja = class extends Cr {
+var ja, Ma = class extends Cr {
 	static {
-		Aa = this;
+		ja = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -9052,7 +9113,7 @@ var Aa, ja = class extends Cr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height, s = [0, o / 2], c = [600, o / 2], l = [a, o], u = c[0] - s[0], d = c[1] - s[1], f = Math.sqrt(u * u + d * d);
-		L.draw(e, Aa.material, {
+		L.draw(e, ja.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9061,7 +9122,7 @@ var Aa, ja = class extends Cr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), L.draw(e, Aa.material, {
+		}), L.draw(e, ja.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9073,12 +9134,12 @@ var Aa, ja = class extends Cr {
 		});
 	}
 };
-ja = Aa = k([b("TiltShiftTransition")], ja);
+Ma = ja = k([b("TiltShiftTransition")], Ma);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Ma, Na = class extends Cr {
+var Na, Pa = class extends Cr {
 	static {
-		Ma = this;
+		Na = this;
 	}
 	radius;
 	angle = 4;
@@ -9092,7 +9153,7 @@ var Ma, Na = class extends Cr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height;
-		L.draw(e, Ma.material, {
+		L.draw(e, Na.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -9108,10 +9169,10 @@ var Ma, Na = class extends Cr {
 		});
 	}
 };
-Na = Ma = k([b("TwistTransition")], Na);
+Pa = Na = k([b("TwistTransition")], Pa);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var Pa = class extends Vn {
+var Fa = class extends Vn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
@@ -9128,14 +9189,14 @@ var Pa = class extends Vn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, Fa = class extends Vn {
+}, Ia = class extends Vn {
 	install(e) {
 		let t = async (e) => JSON.parse(await e.text());
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), ["application/json"].forEach((n) => {
 			e.register(n, t);
 		}), e.json = this, this;
 	}
-}, Ia = class extends Vn {
+}, La = class extends Vn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -9146,12 +9207,12 @@ var Pa = class extends Vn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, La = class extends Vn {
+}, Ra = class extends Vn {
 	install(e) {
 		let t = async (e) => e.text();
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), e.text = this, this;
 	}
-}, Ra = class extends Vn {
+}, za = class extends Vn {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new z({
 			source: e,
@@ -9175,11 +9236,11 @@ var Pa = class extends Vn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, za = class extends Vn {
+}, Ba = class extends Vn {
 	install(e) {
 		return this.load = (t) => e.awaitBy(() => new ar(t).load()), e.video = this, this;
 	}
-}, Ba = Object.entries({
+}, Va = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -9195,31 +9256,31 @@ var Pa = class extends Vn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function Va(e) {
-	for (let [t, n] of Ba) if (n.includes(e)) return t;
-}
 function Ha(e) {
+	for (let [t, n] of Va) if (n.includes(e)) return t;
+}
+function Ua(e) {
 	let t;
 	if (e.startsWith("data:")) t = e.match(/^data:(.+?);/)?.[1];
 	else if (e.startsWith("http")) {
 		let n = e.split(/[#?]/)[0].split(".").pop()?.trim();
-		n && (t = Va(n));
+		n && (t = Ha(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var Ua = "WeakRef" in globalThis, Wa = class extends e {
+var Wa = "WeakRef" in globalThis, Ga = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = Ua ? new FinalizationRegistry((e) => {
+	_gc = Wa ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), Ua || x.on(this.gc.bind(this), { sort: 2 });
+		super(), Wa || x.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -9268,11 +9329,11 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return Ua && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return Wa && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		Ua && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		Wa && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
 	}
 	async awaitBy(e) {
 		let t = e(), n = c();
@@ -9287,7 +9348,7 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Ha(e);
+		let n = await this.loadBy(e), r = Ua(e);
 		return r === void 0 && (r = n.type?.split(";")[0] ?? void 0), ((r ? this._handlers.get(r) : void 0) ?? this.defaultHandler)(n, t);
 	}
 	async waitUntilLoad() {
@@ -9301,14 +9362,14 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new Wa().use(new Hn()).use(new Pa()).use(new Fa()).use(new Ia()).use(new La()).use(new Ra()).use(new za()), Ga = {
+}, $ = new Ga().use(new Hn()).use(new Fa()).use(new Ia()).use(new La()).use(new Ra()).use(new za()).use(new Ba()), Ka = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, Ka = class extends Sr {
+}, qa = class extends Sr {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -9341,12 +9402,12 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 	constructor(e = {}) {
 		let { view: t, width: n, height: r, pixelRatio: i = Ye, autoResize: a, data: o } = e;
 		super(), this.renderer = new Bn(t, {
-			alpha: Ga.alpha ?? e.alpha,
-			stencil: Ga.stencil ?? e.stencil,
-			antialias: Ga.antialias ?? e.antialias,
-			premultipliedAlpha: Ga.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Ga.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Ga.powerPreference ?? e.powerPreference
+			alpha: Ka.alpha ?? e.alpha,
+			stencil: Ka.stencil ?? e.stencil,
+			antialias: Ka.antialias ?? e.antialias,
+			premultipliedAlpha: Ka.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: Ka.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: Ka.powerPreference ?? e.powerPreference
 		}), this._setupInput(), this.pixelRatio = i, a ? !t && this.renderer.view && (this.renderer.view.style.width = "100%", this.renderer.view.style.height = "100%") : this.resize(n || this.gl.drawingBufferWidth || this.view?.clientWidth || 200, r || this.gl.drawingBufferHeight || this.view?.clientHeight || 200, !t), this.setProperties(e), o && this.root.append(o);
 	}
 	_updateProperty(e, t, n) {
@@ -9429,22 +9490,22 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], Ka.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ka.prototype, "autoStart", void 0);
+k([_({ fallback: !1 }), O("design:type", Boolean)], qa.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], qa.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var qa, Ja = [], Ya = !1;
-function Xa() {
-	return qa ??= new Ka({
+var Ja, Ya = [], Xa = !1;
+function Za() {
+	return Ja ??= new qa({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function Za(e = 100) {
-	if (!Ya) {
-		for (Ya = !0; Ja.length;) {
-			let t = Ja.shift();
+async function Qa(e = 100) {
+	if (!Xa) {
+		for (Xa = !0; Ya.length;) {
+			let t = Ya.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9452,11 +9513,11 @@ async function Za(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		Ya = !1;
+		Xa = !1;
 	}
 }
-async function Qa(e) {
-	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = Xa();
+async function $a(e) {
+	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = Za();
 	if (f.resetProperties(), f.setProperties(l), f.debug = t, f.fonts = n, f.timeline.currentTime = 0, f.resize(u, d, !0), f.root.removeChildren(!0), f.root.append(a), await s?.(f), await f.waitAndRender(), o.length) {
 		let e = o.length, t = o[e - 1];
 		for (let n = 0; n < e; n++) {
@@ -9474,15 +9535,15 @@ async function Qa(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function $a(e) {
+async function eo(e) {
 	return new Promise((t) => {
-		Ja.push(async () => t(await Qa(e).then((e) => e.toCanvas2D()))), Za();
+		Ya.push(async () => t(await $a(e).then((e) => e.toCanvas2D()))), Qa();
 	});
 }
-async function eo(e) {
+async function to(e) {
 	return new Promise((t) => {
-		Ja.push(async () => t(await Qa(e).then((e) => e.pixels))), Za();
+		Ya.push(async () => t(await $a(e).then((e) => e.pixels))), Qa();
 	});
 }
 //#endregion
-export { yt as Aabb2D, $n as AnimatedTexture, da as Animation, Wa as Assets, Ca as Audio, ha as AudioPipeline, ga as AudioProcessor, wa as AudioSpectrum, Ta as AudioWaveform, A as BufferUsage, Tr as Camera2D, sr as CanvasContext, _r as CanvasItem, er as CanvasTexture, T as Color, W as ColorAdjustEffect, Rr as ColorFilterEffect, St as ColorMatrix, Vr as ColorOverlayEffect, Ur as ColorRemoveEffect, Kr as ColorReplaceEffect, tr as ColorTexture, C as CoreObject, bt as DEG_TO_RAD, Ye as DEVICE_PIXEL_RATIO, G as DrawboardEffect, $r as DropShadowEffect, U as Effect, Xn as EffectMaterial, ea as Element2D, _i as Element2DBackground, X as Element2DChart, xi as Element2DConnection, Y as Element2DFill, ki as Element2DForeground, ji as Element2DOutline, Mi as Element2DShadow, Ni as Element2DShape, Pi as Element2DStyle, Ri as Element2DTable, Z as Element2DText, ti as EmbossEffect, Ka as Engine, Yi as Flexbox, Hn as FontLoader, Zr as GaussianBlurEffect, Wn as Geometry, Pa as GifLoader, ln as GlBatch2DSystem, an as GlBlendMode, Dt as GlBuffer, Pt as GlBufferSystem, Et as GlBufferTarget, pn as GlMaskSystem, Kt as GlProgram, _n as GlRenderTarget, vn as GlRenderTargetSystem, tn as GlShaderSystem, sn as GlState, cn as GlStateSystem, hn as GlStencilSystem, j as GlSystem, gn as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, nr as GradientTexture, ma as HTMLAudio, fa as HTMLAudioContext, pa as HTMLSound, qe as IN_BROWSER, Je as IN_MAC_OS, Un as IndexBuffer, _t as Input, dt as InputEvent, Fa as JsonLoader, si as KawaseBlurEffect, Da as KawaseTransition, ft as KeyboardInputEvent, ka as LeftEraseTransition, Vn as Loader, na as Lottie2D, Ia as LottieLoader, Tt as MainLoop, li as MaskEffect, I as Material, lr as Meta, pt as MouseInputEvent, B as Node, wr as Node2D, Ct as Obb2D, J as OutlineEffect, Se as PI, Ce as PI_2, pi as PixelateEffect, rr as PixelsTexture, mt as PointerInputEvent, wt as Projection2D, Gn as QuadGeometry, L as QuadUvGeometry, xt as RAD_TO_DEG, vt as RefCounted, R as RenderTarget, Ot as Renderer, w as Resource, He as SUPPORTS_AUDIO_CONTEXT, Be as SUPPORTS_CLICK_EVENTS, Ve as SUPPORTS_CREATE_IMAGE_BITMAP, Pe as SUPPORTS_IMAGE_BITMAP, Re as SUPPORTS_MOUSE_EVENTS, We as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ie as SUPPORTS_POINTER_EVENTS, Fe as SUPPORTS_RESIZE_OBSERVER, ze as SUPPORTS_TOUCH_EVENTS, Ne as SUPPORTS_WEBGL2, Ue as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Ge as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ke as SUPPORTS_WEB_AUDIO, Le as SUPPORTS_WHEEL_EVENTS, Sr as SceneTree, La as TextLoader, z as Texture2D, Ra as TextureLoader, ta as TextureRect2D, x as Ticker, ja as TiltShiftTransition, br as Timeline, V as TimelineNode, ra as TransformRect2D, Cr as Transition, Na as TwistTransition, At as UniformGroup, Qn as UvGeometry, Zn as UvMaterial, F as VertexAttribute, P as VertexBuffer, ia as Video2D, za as VideoLoader, ar as VideoTexture, H as Viewport, or as ViewportTexture, xa as WebAudio, ya as WebAudioContext, Bn as WebGLRenderer, ba as WebSound, ht as WheelInputEvent, xr as Window, hi as ZoomBlurEffect, Bi as alignMap, $ as assets, Er as axisDir, Ji as boxSizingMap, E as clamp, oi as clampFrag, S as createHTMLCanvas, Nt as createIdFromString, be as createNode, ct as crossOrigin, la as cssEasingPresets, ca as cubicBezier, b as customNode, ye as customNodes, Ga as defaultOptions, st as determineCrossOrigin, Hi as directionMap, Vi as displayMap, Q as edgeMap, Ui as flexDirectionMap, Wi as flexWrapMap, ai as frag, rt as getCanvasFactory, Oe as getDefaultCssPropertyValue, ot as getGlContextProvider, Xa as getRenderEngine, zi as gutterMap, ut as instanceId, $e as isCanvasElement, Xe as isElementNode, Qe as isImageElement, we as isPow2, Ze as isVideoElement, et as isWebgl2, Gi as justifyMap, D as lerp, dn as log2, on as mapGlBlendModes, un as nextPow2, xe as nextTick, Ki as overflowMap, Pr as parseCssFilter, Ae as parseCssFunctions, ke as parseCssProperty, Fr as parseCssTransformOrigin, qi as positionTypeMap, $a as render, eo as renderPixels, hr as resetBatchPool, Dr as routeConnection, nt as setCanvasFactory, at as setGlContextProvider, mn as stencilModeMap };
+export { yt as Aabb2D, $n as AnimatedTexture, fa as Animation, Ga as Assets, wa as Audio, ga as AudioPipeline, _a as AudioProcessor, Ta as AudioSpectrum, Ea as AudioWaveform, A as BufferUsage, Tr as Camera2D, sr as CanvasContext, _r as CanvasItem, er as CanvasTexture, T as Color, W as ColorAdjustEffect, Rr as ColorFilterEffect, St as ColorMatrix, Vr as ColorOverlayEffect, Ur as ColorRemoveEffect, Kr as ColorReplaceEffect, tr as ColorTexture, C as CoreObject, bt as DEG_TO_RAD, Ye as DEVICE_PIXEL_RATIO, G as DrawboardEffect, $r as DropShadowEffect, U as Effect, Xn as EffectMaterial, ea as Element2D, _i as Element2DBackground, X as Element2DChart, xi as Element2DConnection, Y as Element2DFill, ki as Element2DForeground, ji as Element2DOutline, Mi as Element2DShadow, Ni as Element2DShape, Pi as Element2DStyle, Ri as Element2DTable, Z as Element2DText, ti as EmbossEffect, qa as Engine, Yi as Flexbox, Hn as FontLoader, Zr as GaussianBlurEffect, Wn as Geometry, Fa as GifLoader, ln as GlBatch2DSystem, an as GlBlendMode, Dt as GlBuffer, Pt as GlBufferSystem, Et as GlBufferTarget, pn as GlMaskSystem, Kt as GlProgram, _n as GlRenderTarget, vn as GlRenderTargetSystem, tn as GlShaderSystem, sn as GlState, cn as GlStateSystem, hn as GlStencilSystem, j as GlSystem, gn as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, nr as GradientTexture, ha as HTMLAudio, pa as HTMLAudioContext, ma as HTMLSound, qe as IN_BROWSER, Je as IN_MAC_OS, Un as IndexBuffer, _t as Input, dt as InputEvent, Ia as JsonLoader, si as KawaseBlurEffect, Oa as KawaseTransition, ft as KeyboardInputEvent, Aa as LeftEraseTransition, Vn as Loader, na as Lottie2D, La as LottieLoader, Tt as MainLoop, li as MaskEffect, I as Material, ra as Mesh2D, lr as Meta, pt as MouseInputEvent, B as Node, wr as Node2D, Ct as Obb2D, J as OutlineEffect, Se as PI, Ce as PI_2, pi as PixelateEffect, rr as PixelsTexture, mt as PointerInputEvent, wt as Projection2D, Gn as QuadGeometry, L as QuadUvGeometry, xt as RAD_TO_DEG, vt as RefCounted, R as RenderTarget, Ot as Renderer, w as Resource, He as SUPPORTS_AUDIO_CONTEXT, Be as SUPPORTS_CLICK_EVENTS, Ve as SUPPORTS_CREATE_IMAGE_BITMAP, Pe as SUPPORTS_IMAGE_BITMAP, Re as SUPPORTS_MOUSE_EVENTS, We as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ie as SUPPORTS_POINTER_EVENTS, Fe as SUPPORTS_RESIZE_OBSERVER, ze as SUPPORTS_TOUCH_EVENTS, Ne as SUPPORTS_WEBGL2, Ue as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Ge as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ke as SUPPORTS_WEB_AUDIO, Le as SUPPORTS_WHEEL_EVENTS, Sr as SceneTree, Ra as TextLoader, z as Texture2D, za as TextureLoader, ta as TextureRect2D, x as Ticker, Ma as TiltShiftTransition, br as Timeline, V as TimelineNode, ia as TransformRect2D, Cr as Transition, Pa as TwistTransition, At as UniformGroup, Qn as UvGeometry, Zn as UvMaterial, F as VertexAttribute, P as VertexBuffer, aa as Video2D, Ba as VideoLoader, ar as VideoTexture, H as Viewport, or as ViewportTexture, Sa as WebAudio, ba as WebAudioContext, Bn as WebGLRenderer, xa as WebSound, ht as WheelInputEvent, xr as Window, hi as ZoomBlurEffect, Bi as alignMap, $ as assets, Er as axisDir, Ji as boxSizingMap, E as clamp, oi as clampFrag, S as createHTMLCanvas, Nt as createIdFromString, be as createNode, ct as crossOrigin, ua as cssEasingPresets, la as cubicBezier, b as customNode, ye as customNodes, Ka as defaultOptions, st as determineCrossOrigin, Hi as directionMap, Vi as displayMap, Q as edgeMap, Ui as flexDirectionMap, Wi as flexWrapMap, ai as frag, rt as getCanvasFactory, Oe as getDefaultCssPropertyValue, ot as getGlContextProvider, Za as getRenderEngine, zi as gutterMap, ut as instanceId, $e as isCanvasElement, Xe as isElementNode, Qe as isImageElement, we as isPow2, Ze as isVideoElement, et as isWebgl2, Gi as justifyMap, D as lerp, dn as log2, on as mapGlBlendModes, un as nextPow2, xe as nextTick, Ki as overflowMap, Pr as parseCssFilter, Ae as parseCssFunctions, ke as parseCssProperty, Fr as parseCssTransformOrigin, qi as positionTypeMap, eo as render, to as renderPixels, hr as resetBatchPool, Dr as routeConnection, nt as setCanvasFactory, at as setGlContextProvider, mn as stencilModeMap };

package/dist/scene/2d/Mesh2D.d.ts

@@ -0,0 +1,31 @@
+import type { Node } from '../main';
+import type { Texture2D } from '../resources';
+import type { Element2DProperties } from './element';
+import { Element2D } from './element';
+export interface Mesh2DProperties extends Element2DProperties {
+    /** 顶点（局部像素坐标，[x,y,...]） */
+    vertices?: Float32Array | number[];
+    /** UV（归一化 0..1，[u,v,...]），与顶点一一对应 */
+    uvs?: Float32Array | number[];
+    /** 三角索引（[i0,i1,i2,...]） */
+    indices?: Uint32Array | number[];
+}
+/**
+ * 可变形三角网格节点：自定义顶点 + UV + 三角索引，用当前 texture 贴图绘制。
+ * 顶点在局部空间，随节点 globalTransform 变换到世界（同 fill 批次）；UV 不由顶点派生。
+ * 适合精灵网格 / 骨骼网格(mesh)变形 —— 改 `vertices` 即变形，无需重建几何。
+ */
+export declare class Mesh2D<T extends Texture2D = Texture2D> extends Element2D {
+    texture?: T;
+    protected _vertices: Float32Array;
+    protected _uvs: Float32Array;
+    protected _indices: Uint32Array;
+    get vertices(): Float32Array;
+    set vertices(value: Float32Array | number[]);
+    get uvs(): Float32Array;
+    set uvs(value: Float32Array | number[]);
+    get indices(): Uint32Array;
+    set indices(value: Uint32Array | number[]);
+    constructor(properties?: Partial<Mesh2DProperties>, children?: Node[]);
+    protected _drawContent(): void;
+}

package/dist/scene/2d/TextureRect2D.d.ts

@@ -1,11 +1,25 @@
 import type { Node } from '../main';
 import type { Texture2D } from '../resources';
 import type { Element2DProperties } from './element';
+import { Transform2D } from 'modern-path2d';
 import { Element2D } from './element';
+/** 纹理子区域（图集 sub-rect），单位为纹理像素。设置后只绘制该矩形区域，用于精灵图集 / 骨骼插槽。 */
+export interface TextureRect2DRegion {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 export interface TextureRect2DProperties extends Element2DProperties {
+    /** 纹理子区域（像素）。省略则绘制整张纹理。 */
+    region?: TextureRect2DRegion;
 }
 export declare class TextureRect2D<T extends Texture2D = Texture2D> extends Element2D {
     texture?: T;
+    /** 纹理子区域（像素）。省略则绘制整张纹理。 */
+    region?: TextureRect2DRegion;
     constructor(properties?: Partial<TextureRect2DProperties>, children?: Node[]);
+    /** 把节点显示尺寸坐标(0..size)映射到纹理 UV(0..1)的变换；有 region 时映射到子矩形。 */
+    protected _uvTransform(): Transform2D;
     protected _drawContent(): void;
 }

package/dist/scene/2d/index.d.ts

@@ -1,6 +1,7 @@
 export * from './Camera2D';
 export * from './element';
 export * from './Lottie2D';
+export * from './Mesh2D';
 export * from './Node2D';
 export * from './TextureRect2D';
 export * from './TransformRect2D';

package/dist/scene/main/CanvasContext.d.ts

@@ -5,7 +5,7 @@ import { Texture2D } from '../resources';
 export type TransformUv = (uvs: Float32Array, index: number) => void;
 export type TransformVertex = (vertices: Float32Array, index: number) => void;
 export interface CanvasBatchable extends Batchable2D {
-    type: 'stroke' | 'fill';
+    type: 'stroke' | 'fill' | 'mesh';
     texture?: Texture2D;
     transformUv?: TransformUv;
     transformVertex?: TransformVertex;
@@ -13,6 +13,8 @@ export interface CanvasBatchable extends Batchable2D {
         width: number;
         height: number;
     };
+    /** mesh 显式 UV(0..1)，绕过「由顶点位置派生 UV」。 */
+    meshUvs?: Float32Array;
 }
 export interface StrokeDraw extends Partial<CanvasBatchable> {
     type: 'stroke';
@@ -23,6 +25,13 @@ export interface FillDraw extends Partial<CanvasBatchable> {
     type: 'fill';
     path: Path2D;
 }
+/** 自定义三角网格绘制：顶点(局部像素)+ 显式 UV(0..1) + 三角索引，不经路径三角化。 */
+export interface MeshDraw extends Partial<CanvasBatchable> {
+    type: 'mesh';
+    vertices: Float32Array;
+    indices: Uint32Array;
+    meshUvs: Float32Array;
+}
 export declare class CanvasContext extends Path2D {
     fillStyle?: ColorValue | Texture2D;
     fillRule?: FillRule;
@@ -34,7 +43,7 @@ export declare class CanvasContext extends Path2D {
     miterLimit?: number;
     transformUv?: TransformUv;
     transformVertex?: TransformVertex;
-    protected _draws: (StrokeDraw | FillDraw)[];
+    protected _draws: (StrokeDraw | FillDraw | MeshDraw)[];
     protected _triCache: {
         sig: string;
         vertices: Float32Array;
@@ -44,6 +53,11 @@ export declare class CanvasContext extends Path2D {
         texture?: Texture2D;
     };
     stroke(options?: Partial<StrokeDraw>): void;
+    /**
+     * 绘制自定义三角网格（用当前 fillStyle 纹理）。顶点为局部像素坐标 [x,y,...]，
+     * UV 为归一化 [u,v,...]（0..1），indices 为三角索引。用于精灵网格 / 骨骼网格变形。
+     */
+    drawMesh(vertices: ArrayLike<number>, uvs: ArrayLike<number>, indices: ArrayLike<number>): void;
     fillRect(x: number, y: number, width: number, height: number): void;
     strokeRect(x: number, y: number, width: number, height: number): void;
     fill(options?: Partial<FillDraw>): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.23.12",
+  "version": "0.23.13",
   "packageManager": "pnpm@10.19.0",
   "description": "A JavaScript WebGL rendering engine. only the ESM.",
   "author": "wxm",