modern-canvas 0.23.11 → 0.23.12

package/dist/index.js

@@ -8008,8 +8008,7 @@ function sa(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();
 }
-var ca = (e) => e, la = pa(.25, .1, .25, 1), ua = pa(.42, 0, 1, 1), da = pa(0, 0, .58, 1), fa = pa(.42, 0, .58, 1);
-function pa(e, t, n, r) {
+function ca(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;
@@ -8029,13 +8028,74 @@ function pa(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var ma = {
-	linear: ca,
-	ease: la,
-	easeIn: ua,
-	easeOut: da,
-	easeInOut: fa
-}, ha = class extends V {
+var la = {
+	linear: [
+		0,
+		0,
+		1,
+		1
+	],
+	ease: [
+		.25,
+		.1,
+		.25,
+		1
+	],
+	"ease-in": [
+		.42,
+		0,
+		1,
+		1
+	],
+	"ease-out": [
+		0,
+		0,
+		.58,
+		1
+	],
+	"ease-in-out": [
+		.42,
+		0,
+		.58,
+		1
+	],
+	"ease-in-quad": [
+		.55,
+		.085,
+		.68,
+		.53
+	],
+	"ease-out-quad": [
+		.25,
+		.46,
+		.45,
+		.94
+	],
+	"ease-in-out-quad": [
+		.455,
+		.03,
+		.515,
+		.955
+	],
+	"ease-in-cubic": [
+		.55,
+		.055,
+		.675,
+		.19
+	],
+	"ease-out-cubic": [
+		.215,
+		.61,
+		.355,
+		1
+	],
+	"ease-in-out-cubic": [
+		.645,
+		.045,
+		.355,
+		1
+	]
+}, ua = Object.fromEntries(Object.entries(la).map(([e, [t, n, r, i]]) => [e, ca(t, n, r, i)])), da = class extends V {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -8122,10 +8182,14 @@ var ma = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return ma.linear;
-		if (e in ma) return ma[e];
-		let t = e.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((e) => Number(e));
-		return pa(t[0], t[1], t[2], t[3]);
+		if (!e) return ua.linear;
+		if (e in ua) return ua[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]);
+		}
+		return ua.linear;
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -8218,14 +8282,14 @@ var ma = {
 		});
 	}
 };
-k([_({ fallback: "parent" }), O("design:type", Object)], ha.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], ha.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], ha.prototype, "easing", void 0), ha = k([b("Animation", {
+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", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ha);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], da);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var ga = class t extends e {
+var fa = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -8255,7 +8319,7 @@ var ga = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, _a = class t extends e {
+}, pa = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8382,7 +8446,7 @@ var ga = 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);
 	}
-}, va = class {
+}, ma = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8399,7 +8463,7 @@ var ga = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return ga.instance;
+		return fa.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8410,9 +8474,9 @@ var ga = class t extends e {
 		});
 	}
 	createSound() {
-		return new _a();
+		return new pa();
 	}
-}, ya = class extends e {
+}, ha = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8434,7 +8498,7 @@ var ga = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, ba = class {
+}, ga = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8449,21 +8513,21 @@ var ga = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function xa() {
+function _a() {
 	if (He) return new AudioContext();
 	if (Ue) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function Sa(e, t, n) {
+function va(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 Ca = class e extends ya {
+var ya = class e extends ha {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8504,7 +8568,7 @@ var Ca = class e extends ya {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = xa(), t = Sa(1, 2, We ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
+		let e = _a(), t = va(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() {
@@ -8545,7 +8609,7 @@ var Ca = class e extends ya {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, wa = class extends e {
+}, ba = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8678,7 +8742,7 @@ var Ca = class e extends ya {
 	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;
 	}
-}, Ta = class extends ya {
+}, xa = class extends ha {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8686,7 +8750,7 @@ var Ca = class e extends ya {
 	gain;
 	analyser;
 	get context() {
-		return Ca.instance;
+		return ya.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8701,8 +8765,8 @@ var Ca = class e extends ya {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = Ca.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(Ca.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		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;
 	}
 	async load() {
 		return this._sourceLoad ||= new Promise((e) => {
@@ -8715,7 +8779,7 @@ var Ca = class e extends ya {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : Ca.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : ya.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();
@@ -8725,15 +8789,15 @@ var Ca = class e extends ya {
 		};
 	}
 	createSound() {
-		return new wa();
+		return new ba();
 	}
-}, Ea, Da = class extends V {
+}, Sa, Ca = class extends V {
 	static {
-		Ea = this;
+		Sa = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ke ? new Ta(this) : new va(this);
+	_platformAudio = Ke ? new xa(this) : new ma(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -8826,7 +8890,7 @@ var Ca = class e extends ya {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return Ea._soundPool.length > 0 ? Ea._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Sa._soundPool.length > 0 ? Sa._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();
@@ -8842,7 +8906,7 @@ var Ca = class e extends ya {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), Ea._soundPool.includes(e) || Ea._soundPool.push(e);
+		e.destroy(), Sa._soundPool.includes(e) || Sa._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -8858,10 +8922,10 @@ var Ca = class e extends ya {
 		}, 100);
 	}
 };
-Da = Ea = k([b("Audio"), O("design:paramtypes", [Object])], Da);
+Ca = Sa = k([b("Audio"), O("design:paramtypes", [Object])], Ca);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Oa = class extends wr {}, ka = class extends ea {
+var wa = class extends wr {}, Ta = class extends ea {
 	_audioBuffer;
 	_src = (() => {
 		let e = S();
@@ -8885,7 +8949,7 @@ var Oa = class extends wr {}, ka = class extends ea {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Ca.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => ya.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -8920,12 +8984,12 @@ var Oa = class extends wr {}, ka = class extends ea {
 		this.syncTexture(), super._process(e);
 	}
 };
-k([_(), O("design:type", Object)], ka.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], ka.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], ka.prototype, "color", void 0), ka = k([b("AudioWaveform"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], ka);
+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);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Aa, ja = class extends Cr {
+var Ea, Da = class extends Cr {
 	static {
-		Aa = this;
+		Ea = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -8944,7 +9008,7 @@ var Aa, ja = 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, Aa.material, {
+			L.draw(e, Ea.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -8952,31 +9016,31 @@ var Aa, ja = class extends Cr {
 		});
 	}
 };
-ja = Aa = k([b("KawaseTransition")], ja);
+Da = Ea = k([b("KawaseTransition")], Da);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var Ma, Na = class extends Cr {
+var Oa, ka = class extends Cr {
 	static {
-		Ma = this;
+		Oa = 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, Ma.material, {
+		L.draw(e, Oa.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-Na = Ma = k([b("LeftEraseTransition")], Na);
+ka = Oa = k([b("LeftEraseTransition")], ka);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Pa, Fa = class extends Cr {
+var Aa, ja = class extends Cr {
 	static {
-		Pa = this;
+		Aa = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -8988,7 +9052,7 @@ var Pa, Fa = 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, Pa.material, {
+		L.draw(e, Aa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8997,7 +9061,7 @@ var Pa, Fa = class extends Cr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), L.draw(e, Pa.material, {
+		}), L.draw(e, Aa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9009,12 +9073,12 @@ var Pa, Fa = class extends Cr {
 		});
 	}
 };
-Fa = Pa = k([b("TiltShiftTransition")], Fa);
+ja = Aa = k([b("TiltShiftTransition")], ja);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Ia, La = class extends Cr {
+var Ma, Na = class extends Cr {
 	static {
-		Ia = this;
+		Ma = this;
 	}
 	radius;
 	angle = 4;
@@ -9028,7 +9092,7 @@ var Ia, La = 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, Ia.material, {
+		L.draw(e, Ma.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -9044,10 +9108,10 @@ var Ia, La = class extends Cr {
 		});
 	}
 };
-La = Ia = k([b("TwistTransition")], La);
+Na = Ma = k([b("TwistTransition")], Na);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var Ra = class extends Vn {
+var Pa = class extends Vn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
@@ -9064,14 +9128,14 @@ var Ra = class extends Vn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, za = class extends Vn {
+}, Fa = 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;
 	}
-}, Ba = class extends Vn {
+}, Ia = class extends Vn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -9082,12 +9146,12 @@ var Ra = class extends Vn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, Va = class extends Vn {
+}, La = 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;
 	}
-}, Ha = class extends Vn {
+}, Ra = class extends Vn {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new z({
 			source: e,
@@ -9111,11 +9175,11 @@ var Ra = class extends Vn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, Ua = class extends Vn {
+}, za = class extends Vn {
 	install(e) {
 		return this.load = (t) => e.awaitBy(() => new ar(t).load()), e.video = this, this;
 	}
-}, Wa = Object.entries({
+}, Ba = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -9131,31 +9195,31 @@ var Ra = class extends Vn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function Ga(e) {
-	for (let [t, n] of Wa) if (n.includes(e)) return t;
+function Va(e) {
+	for (let [t, n] of Ba) if (n.includes(e)) return t;
 }
-function Ka(e) {
+function Ha(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 = Ga(n));
+		n && (t = Va(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var qa = "WeakRef" in globalThis, Ja = class extends e {
+var Ua = "WeakRef" in globalThis, Wa = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = qa ? new FinalizationRegistry((e) => {
+	_gc = Ua ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), qa || x.on(this.gc.bind(this), { sort: 2 });
+		super(), Ua || x.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -9204,11 +9268,11 @@ var qa = "WeakRef" in globalThis, Ja = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return qa && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return Ua && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		qa && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		Ua && 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();
@@ -9223,7 +9287,7 @@ var qa = "WeakRef" in globalThis, Ja = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Ka(e);
+		let n = await this.loadBy(e), r = Ha(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() {
@@ -9237,14 +9301,14 @@ var qa = "WeakRef" in globalThis, Ja = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new Ja().use(new Hn()).use(new Ra()).use(new za()).use(new Ba()).use(new Va()).use(new Ha()).use(new Ua()), Ya = {
+}, $ = new Wa().use(new Hn()).use(new Pa()).use(new Fa()).use(new Ia()).use(new La()).use(new Ra()).use(new za()), Ga = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, Xa = class extends Sr {
+}, Ka = class extends Sr {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -9277,12 +9341,12 @@ var qa = "WeakRef" in globalThis, Ja = 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: Ya.alpha ?? e.alpha,
-			stencil: Ya.stencil ?? e.stencil,
-			antialias: Ya.antialias ?? e.antialias,
-			premultipliedAlpha: Ya.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Ya.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Ya.powerPreference ?? e.powerPreference
+			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
 		}), 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) {
@@ -9365,22 +9429,22 @@ var qa = "WeakRef" in globalThis, Ja = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], Xa.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Xa.prototype, "autoStart", void 0);
+k([_({ fallback: !1 }), O("design:type", Boolean)], Ka.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ka.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var Za, Qa = [], $a = !1;
-function eo() {
-	return Za ??= new Xa({
+var qa, Ja = [], Ya = !1;
+function Xa() {
+	return qa ??= new Ka({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function to(e = 100) {
-	if (!$a) {
-		for ($a = !0; Qa.length;) {
-			let t = Qa.shift();
+async function Za(e = 100) {
+	if (!Ya) {
+		for (Ya = !0; Ja.length;) {
+			let t = Ja.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9388,11 +9452,11 @@ async function to(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		$a = !1;
+		Ya = !1;
 	}
 }
-async function no(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 = eo();
+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();
 	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++) {
@@ -9410,15 +9474,15 @@ async function no(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function ro(e) {
+async function $a(e) {
 	return new Promise((t) => {
-		Qa.push(async () => t(await no(e).then((e) => e.toCanvas2D()))), to();
+		Ja.push(async () => t(await Qa(e).then((e) => e.toCanvas2D()))), Za();
 	});
 }
-async function io(e) {
+async function eo(e) {
 	return new Promise((t) => {
-		Qa.push(async () => t(await no(e).then((e) => e.pixels))), to();
+		Ja.push(async () => t(await Qa(e).then((e) => e.pixels))), Za();
 	});
 }
 //#endregion
-export { yt as Aabb2D, $n as AnimatedTexture, ha as Animation, Ja as Assets, Da as Audio, ya as AudioPipeline, ba as AudioProcessor, Oa as AudioSpectrum, ka 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, Xa as Engine, Yi as Flexbox, Hn as FontLoader, Zr as GaussianBlurEffect, Wn as Geometry, Ra 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, va as HTMLAudio, ga as HTMLAudioContext, _a as HTMLSound, qe as IN_BROWSER, Je as IN_MAC_OS, Un as IndexBuffer, _t as Input, dt as InputEvent, za as JsonLoader, si as KawaseBlurEffect, ja as KawaseTransition, ft as KeyboardInputEvent, Na as LeftEraseTransition, Vn as Loader, na as Lottie2D, Ba 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, Va as TextLoader, z as Texture2D, Ha as TextureLoader, ta as TextureRect2D, x as Ticker, Fa as TiltShiftTransition, br as Timeline, V as TimelineNode, ra as TransformRect2D, Cr as Transition, La as TwistTransition, At as UniformGroup, Qn as UvGeometry, Zn as UvMaterial, F as VertexAttribute, P as VertexBuffer, ia as Video2D, Ua as VideoLoader, ar as VideoTexture, H as Viewport, or as ViewportTexture, Ta as WebAudio, Ca as WebAudioContext, Bn as WebGLRenderer, wa 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, pa as cubicBezier, b as customNode, ye as customNodes, Ya as defaultOptions, st as determineCrossOrigin, Hi as directionMap, Vi as displayMap, la as ease, ua as easeIn, fa as easeInOut, da as easeOut, Q as edgeMap, Ui as flexDirectionMap, Wi as flexWrapMap, ai as frag, rt as getCanvasFactory, Oe as getDefaultCssPropertyValue, ot as getGlContextProvider, eo 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, ca as linear, 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, ro as render, io as renderPixels, hr as resetBatchPool, Dr as routeConnection, nt as setCanvasFactory, at as setGlContextProvider, mn as stencilModeMap, ma as timingFunctions };
+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 };

package/dist/scene/animation/Animation.d.ts

@@ -3,21 +3,23 @@ import { RawWeakMap } from 'modern-idoc';
 import { PathMeasure } from 'modern-path2d';
 import { Element2D } from '../2d';
 import { TimelineNode } from '../main';
-export declare const linear: (amount: number) => number;
-export declare const ease: (amount: number) => number;
-export declare const easeIn: (amount: number) => number;
-export declare const easeOut: (amount: number) => number;
-export declare const easeInOut: (amount: number) => number;
 export declare function cubicBezier(x1: number, y1: number, x2: number, y2: number): (amount: number) => number;
-export declare const timingFunctions: {
-    linear: (amount: number) => number;
-    ease: (amount: number) => number;
-    easeIn: (amount: number) => number;
-    easeOut: (amount: number) => number;
-    easeInOut: (amount: number) => number;
+/** CSS 缓动预设：name → cubic-bezier 控制点 [x1, y1, x2, y2] */
+export declare const cssEasingPresets: {
+    readonly linear: readonly [0, 0, 1, 1];
+    readonly ease: readonly [0.25, 0.1, 0.25, 1];
+    readonly 'ease-in': readonly [0.42, 0, 1, 1];
+    readonly 'ease-out': readonly [0, 0, 0.58, 1];
+    readonly 'ease-in-out': readonly [0.42, 0, 0.58, 1];
+    readonly 'ease-in-quad': readonly [0.55, 0.085, 0.68, 0.53];
+    readonly 'ease-out-quad': readonly [0.25, 0.46, 0.45, 0.94];
+    readonly 'ease-in-out-quad': readonly [0.455, 0.03, 0.515, 0.955];
+    readonly 'ease-in-cubic': readonly [0.55, 0.055, 0.675, 0.19];
+    readonly 'ease-out-cubic': readonly [0.215, 0.61, 0.355, 1];
+    readonly 'ease-in-out-cubic': readonly [0.645, 0.045, 0.355, 1];
 };
-export type TimingFunctions = typeof timingFunctions;
-export type Easing = keyof TimingFunctions | `cubic-bezier(${string})`;
+export type CssEasing = keyof typeof cssEasingPresets;
+export type Easing = CssEasing | `cubic-bezier(${string})`;
 export interface Keyframe {
     easing?: Easing;
     offset?: number;

package/package.json

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