shaders 3.0.453 → 3.1.455

package/dist/core/{CurlNoise-RsATuC8w.js → CurlNoise-D6kSV8PJ.js}

@@ -1,8 +1,9 @@
-import { Gt as data_exports, Tt as exp, it as std_exports, kt as length, ln as f32, m as call, nt as src_default, rn as vec2f } from "./edges-B7Yet3LV.js";
-import { t as animatedTime } from "./porters-D_xmIPz2.js";
-import { p as noise_exports, r as curl22z } from "./noise-B-PI7JUx.js";
-import { n as toneAndColorExpr } from "./noiseColor-BQAO-Rjk.js";
-import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-Cgx-FS2o.js";
+import { at as std_exports, h as call, kt as length, rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { i as fields_exports, t as aspectScaledDomain } from "./fields-CC0756V2.js";
+import { t as animatedTime } from "./porters-DUtQounc.js";
+import { p as noise_exports, r as curl22z } from "./noise-Bd6IGS0W.js";
+import { n as toneAndColorExpr } from "./noiseColor-DYhX5Js1.js";
+import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-DRDY44sf.js";
 const curlNoiseField = src_default.fn([
 	vec2f,
 	vec2f,
@@ -11,8 +12,7 @@ const curlNoiseField = src_default.fn([
 	f32
 ], f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, viewport, scale, seed, animTime) => {
 	"use gpu";
-	const aspect = __tsover_div(viewport.x, viewport.y);
-	const pos = vec2f(__tsover_mul(uv.x, aspect), uv.y).mul(exp(scale)).add(seed);
+	const pos = aspectScaledDomain(uv, viewport, scale, seed);
 	return __tsover_div(length(curl22z(pos, __tsover_mul(animTime, .2))), 1.414);
 }), {
 	v: 1,
@@ -40,116 +40,58 @@ const curlNoiseField = src_default.fn([
 				"name": "animTime"
 			}
 		],
-		"body": [0, [
+		"body": [0, [[
+			13,
+			"pos",
 			[
-				13,
-				"aspect",
+				6,
 				[
-					1,
-					[
-						7,
-						"viewport",
-						"x"
-					],
-					"/",
-					[
-						7,
-						"viewport",
-						"y"
-					]
+					7,
+					"fields",
+					"aspectScaledDomain"
+				],
+				[
+					"uv",
+					"viewport",
+					"scale",
+					"seed"
 				]
-			],
+			]
+		], [10, [
+			1,
 			[
-				13,
-				"aspectUV",
+				6,
 				[
+					7,
+					"std",
+					"length"
+				],
+				[[
 					6,
 					[
 						7,
-						"d",
-						"vec2f"
+						"noise",
+						"curl22z"
 					],
-					[[
+					["pos", [
 						1,
-						[
-							7,
-							"uv",
-							"x"
-						],
+						"animTime",
 						"*",
-						"aspect"
-					], [
-						7,
-						"uv",
-						"y"
+						[5, "0.2"]
 					]]
-				]
-			],
-			[
-				13,
-				"pos",
-				[
-					6,
-					[
-						7,
-						[
-							6,
-							[
-								7,
-								"aspectUV",
-								"mul"
-							],
-							[[
-								6,
-								[
-									7,
-									"std",
-									"exp"
-								],
-								["scale"]
-							]]
-						],
-						"add"
-					],
-					["seed"]
-				]
+				]]
 			],
-			[10, [
-				1,
-				[
-					6,
-					[
-						7,
-						"std",
-						"length"
-					],
-					[[
-						6,
-						[
-							7,
-							"noise",
-							"curl22z"
-						],
-						["pos", [
-							1,
-							"animTime",
-							"*",
-							[5, "0.2"]
-						]]
-					]]
-				],
-				"/",
-				[5, "1.414"]
-			]]
-		]],
+			"/",
+			[5, "1.414"]
+		]]]],
 		"externalNames": [
-			"d",
+			"fields",
 			"std",
 			"noise"
 		]
 	},
 	externals: () => ({
-		d: data_exports,
+		fields: fields_exports,
 		std: std_exports,
 		noise: noise_exports
 	})

package/dist/core/{CursorRipples-DbtJtDDl.js → CursorRipples-C1hLNWzZ.js}

@@ -1,10 +1,14 @@
-import { F as unpremultiplyAlpha, Gt as data_exports, Tt as exp, Yt as textureStorage2d, _ as expr, an as vec2u, b as vec4, cn as vec4f, ct as textureStore, d as ZERO, dn as u32, en as struct, gt as select, it as std_exports, ln as f32, m as call, nt as src_default, qt as arrayOf, rn as vec2f, t as applyEdgeHandlingExpr, xt as clamp } from "./edges-B7Yet3LV.js";
-import { n as createGuardedCompute, r as createStateBuffer } from "./compute-Ax-p6Ubc.js";
-import { s as transformEdges } from "./transformations-C7gn_5rF.js";
+import { Gt as data_exports, I as unpremultiplyAlpha, Tt as exp, Yt as textureStorage2d, an as vec2u, at as std_exports, cn as vec4f, en as struct, f as ZERO, fn as u32, gt as select, h as call, lt as textureStore, qt as arrayOf, rn as vec2f, rt as src_default, t as applyEdgeHandlingExpr, un as f32, v as expr, x as vec4, xt as clamp } from "./edges-CD7gCAto.js";
+import { M as createGuardedCompute, N as createPingPongPair, P as createStateBuffer } from "./device-B0ZwBfOg.js";
+import { s as transformEdges } from "./transformations-B-zNWNdd.js";
+import { n as createPointerVelocityTracker } from "./pointer-DGDGF-yO.js";
 var GRID_SIZE = 128;
 var CELL_COUNT = GRID_SIZE * GRID_SIZE;
 var GRID_MAX = GRID_SIZE - 1;
 var STATE_FORMAT = "rgba16float";
+var BRUSH_CUTOFF_SIGMAS = 3;
+var BRUSH_EDGE = Math.exp(-(BRUSH_CUTOFF_SIGMAS * BRUSH_CUTOFF_SIGMAS));
+var BRUSH_EDGE_GAIN = 1 / (1 - BRUSH_EDGE);
 var propagateLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(src_default.bindGroupLayout({
 	readBuf: {
 		storage: arrayOf(f32, CELL_COUNT),
@@ -52,7 +56,7 @@ const propagateKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glob
 		const distSq = __tsover_add(__tsover_mul(ddx, ddx), __tsover_mul(ddy, ddy));
 		const influenceRadius = __tsover_mul(p.radius, 3);
 		if (distSq < __tsover_mul(influenceRadius, influenceRadius) && p.mouseSpeed > .01) {
-			const influence = exp(__tsover_mul(__tsover_div(distSq, __tsover_mul(p.radius, p.radius)), -1));
+			const influence = __tsover_mul(__tsover_sub(exp(__tsover_mul(__tsover_div(distSq, __tsover_mul(p.radius, p.radius)), -1)), BRUSH_EDGE), BRUSH_EDGE_GAIN);
 			next = __tsover_sub(next, __tsover_mul(__tsover_mul(__tsover_mul(influence, p.mouseSpeed), p.dt), 3));
 		}
 		propagateLayout.$.writeBuf[idx] = next;
@@ -593,40 +597,50 @@ const propagateKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glob
 						13,
 						"influence",
 						[
-							6,
+							1,
 							[
-								7,
-								"std",
-								"exp"
-							],
-							[[
 								1,
 								[
-									1,
-									"distSq",
-									"/",
+									6,
 									[
+										7,
+										"std",
+										"exp"
+									],
+									[[
 										1,
 										[
-											7,
-											"p",
-											"radius"
+											1,
+											"distSq",
+											"/",
+											[
+												1,
+												[
+													7,
+													"p",
+													"radius"
+												],
+												"*",
+												[
+													7,
+													"p",
+													"radius"
+												]
+											]
 										],
 										"*",
 										[
-											7,
-											"p",
-											"radius"
+											4,
+											"-",
+											[5, "1"]
 										]
-									]
+									]]
 								],
-								"*",
-								[
-									4,
-									"-",
-									[5, "1"]
-								]
-							]]
+								"-",
+								"BRUSH_EDGE"
+							],
+							"*",
+							"BRUSH_EDGE_GAIN"
 						]
 					], [
 						2,
@@ -688,7 +702,9 @@ const propagateKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glob
 			"GRID_MAX",
 			"propagateLayout",
 			"GRID_SIZE",
-			"std"
+			"std",
+			"BRUSH_EDGE",
+			"BRUSH_EDGE_GAIN"
 		]
 	},
 	externals: () => ({
@@ -696,7 +712,9 @@ const propagateKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glob
 		GRID_MAX,
 		propagateLayout,
 		GRID_SIZE,
-		std: std_exports
+		std: std_exports,
+		BRUSH_EDGE,
+		BRUSH_EDGE_GAIN
 	})
 }) && $.f)({})).$name("cursorRipplesPropagate");
 const gradientKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
@@ -1337,16 +1355,16 @@ const componentDefinition = {
 			curH = Math.max(1, Math.round(height));
 		});
 		const size = [GRID_SIZE, GRID_SIZE];
-		const propBgAB = root.createBindGroup(propagateLayout, {
-			readBuf: bufferA,
-			writeBuf: bufferB,
+		const field = createPingPongPair(bufferA, bufferB);
+		const propGroup = field.groups((readBuf, writeBuf) => root.createBindGroup(propagateLayout, {
+			readBuf,
+			writeBuf,
 			params: propParams.buffer
-		});
-		const propBgBA = root.createBindGroup(propagateLayout, {
-			readBuf: bufferB,
-			writeBuf: bufferA,
-			params: propParams.buffer
-		});
+		}));
+		const gradGroup = field.perSide((srcBuf) => root.createBindGroup(gradientLayout, {
+			srcBuf,
+			dispTex
+		}));
 		const propagate = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
 			"use gpu";
 			propagateKernel(cx, cy);
@@ -1370,14 +1388,6 @@ const componentDefinition = {
 			},
 			externals: () => ({ propagateKernel })
 		}) && $.f)({}), { size });
-		const gradBgB = root.createBindGroup(gradientLayout, {
-			srcBuf: bufferB,
-			dispTex
-		});
-		const gradBgA = root.createBindGroup(gradientLayout, {
-			srcBuf: bufferA,
-			dispTex
-		});
 		const gradient = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
 			"use gpu";
 			gradientKernel(cx, cy);
@@ -1401,9 +1411,7 @@ const componentDefinition = {
 			},
 			externals: () => ({ gradientKernel })
 		}) && $.f)({}), { size });
-		let direction = 0;
-		let prevX = .5;
-		let prevY = .5;
+		const pointer = createPointerVelocityTracker();
 		let lastActiveTime = Date.now();
 		return {
 			outputs: { displacement },
@@ -1414,28 +1422,23 @@ const componentDefinition = {
 				const aspect = Math.max(1, fp.dimensions?.width ?? curW) / Math.max(1, fp.dimensions?.height ?? curH);
 				const decay = getCpuValue("decay") ?? 10;
 				const radius = (getCpuValue("radius") ?? .5) * .05;
-				const px = fp.pointer?.x ?? .5;
-				const py = fp.pointer?.y ?? .5;
-				const rawVelX = dt > 0 ? (px - prevX) / dt : 0;
-				const rawVelY = dt > 0 ? (py - prevY) / dt : 0;
-				const mouseSpeed = Math.min(Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY), 2);
-				prevX = px;
-				prevY = py;
+				const move = pointer.update(fp.pointer, dt);
+				const mouseSpeed = Math.min(Math.sqrt(move.velX * move.velX + move.velY * move.velY), 2);
 				if (mouseSpeed > .01) lastActiveTime = currentTime;
 				const dampFactor = 1 - decay * .004;
 				const settleTime = dampFactor >= 1 ? Infinity : Math.min(3e4, Math.log(1e-6) / Math.log(Math.max(dampFactor, .001)) * 16.67);
 				if (currentTime - lastActiveTime > settleTime) return null;
 				propParams.write({
-					cursorX: px,
-					cursorY: py,
+					cursorX: move.x,
+					cursorY: move.y,
 					mouseSpeed,
 					dt,
 					decay,
 					radius,
 					aspect
 				});
-				const nodes = direction === 0 ? [propagate.with(propBgAB), gradient.with(gradBgB)] : [propagate.with(propBgBA), gradient.with(gradBgA)];
-				direction = 1 - direction;
+				const nodes = [propagate.with(propGroup()), gradient.with(gradGroup.written())];
+				field.swap();
 				return nodes;
 			}
 		};

package/dist/core/{CursorTrail-yoPFtwk9.js → CursorTrail-CPW8orHG.js}

@@ -1,11 +1,14 @@
-import { Gt as data_exports, L as colorMixing_exports, Tt as exp, Ut as step, Yt as textureStorage2d, an as vec2u, b as vec4, cn as vec4f, ct as textureStore, d as ZERO, dn as u32, en as struct, gt as select, it as std_exports, jt as min, ln as f32, m as call, nt as src_default, qt as arrayOf, rn as vec2f, v as floatE } from "./edges-B7Yet3LV.js";
-import { S as mixColorStopsRuntime, h as colorStopsPropConfig } from "./porters-D_xmIPz2.js";
-import { n as createGuardedCompute, r as createStateBuffer } from "./compute-Ax-p6Ubc.js";
-import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-C7gn_5rF.js";
+import { Gt as data_exports, R as colorMixing_exports, Tt as exp, Ut as step, Yt as textureStorage2d, an as vec2u, at as std_exports, cn as vec4f, en as struct, f as ZERO, fn as u32, gt as select, h as call, jt as min, lt as textureStore, qt as arrayOf, rn as vec2f, rt as src_default, un as f32, x as vec4, y as floatE } from "./edges-CD7gCAto.js";
+import { J as mixColorStopsRuntime, V as colorStopsPropConfig } from "./porters-DUtQounc.js";
+import { M as createGuardedCompute, P as createStateBuffer } from "./device-B0ZwBfOg.js";
+import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B-zNWNdd.js";
+import { i as pathStampRibbon, n as createPointerVelocityTracker } from "./pointer-DGDGF-yO.js";
 var GRID_SIZE = 128;
 var CELL_COUNT = GRID_SIZE * GRID_SIZE;
 var STATE_FORMAT = "rgba16float";
 var cm = colorMixing_exports;
+var BRUSH_EDGE = Math.exp(-9);
+var BRUSH_EDGE_GAIN = 1 / (1 - BRUSH_EDGE);
 var decayLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(src_default.bindGroupLayout({
 	trailBuf: {
 		storage: arrayOf(vec4f, CELL_COUNT),
@@ -236,7 +239,7 @@ const stampKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalTh
 	const influenceRadius = __tsover_mul(p.radius, 3);
 	if (distSq < __tsover_mul(influenceRadius, influenceRadius)) {
 		const idx = __tsover_add(__tsover_mul(cy, u32(GRID_SIZE)), cx);
-		const influence = exp(__tsover_mul(__tsover_div(distSq, __tsover_mul(p.radius, p.radius)), -1));
+		const influence = __tsover_mul(__tsover_sub(exp(__tsover_mul(__tsover_div(distSq, __tsover_mul(p.radius, p.radius)), -1)), BRUSH_EDGE), BRUSH_EDGE_GAIN);
 		const cell = stampLayout.$.trailBuf[idx];
 		const newIntensity = min(__tsover_add(cell.x, __tsover_mul(influence, p.amount)), 1);
 		stampLayout.$.trailBuf[idx] = vec4f(newIntensity, 1, 0, 0);
@@ -509,40 +512,50 @@ const stampKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalTh
 						13,
 						"influence",
 						[
-							6,
+							1,
 							[
-								7,
-								"std",
-								"exp"
-							],
-							[[
 								1,
 								[
-									1,
-									"distSq",
-									"/",
+									6,
 									[
+										7,
+										"std",
+										"exp"
+									],
+									[[
 										1,
 										[
-											7,
-											"p",
-											"radius"
+											1,
+											"distSq",
+											"/",
+											[
+												1,
+												[
+													7,
+													"p",
+													"radius"
+												],
+												"*",
+												[
+													7,
+													"p",
+													"radius"
+												]
+											]
 										],
 										"*",
 										[
-											7,
-											"p",
-											"radius"
+											4,
+											"-",
+											[5, "1"]
 										]
-									]
+									]]
 								],
-								"*",
-								[
-									4,
-									"-",
-									[5, "1"]
-								]
-							]]
+								"-",
+								"BRUSH_EDGE"
+							],
+							"*",
+							"BRUSH_EDGE_GAIN"
 						]
 					],
 					[
@@ -631,14 +644,18 @@ const stampKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalTh
 			"stampLayout",
 			"d",
 			"GRID_SIZE",
-			"std"
+			"std",
+			"BRUSH_EDGE",
+			"BRUSH_EDGE_GAIN"
 		]
 	},
 	externals: () => ({
 		stampLayout,
 		d: data_exports,
 		GRID_SIZE,
-		std: std_exports
+		std: std_exports,
+		BRUSH_EDGE,
+		BRUSH_EDGE_GAIN
 	})
 }) && $.f)({})).$name("cursorTrailStamp");
 const outputKernel = src_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
@@ -1208,8 +1225,10 @@ const componentDefinition = {
 			size,
 			bindGroup: outputBg
 		});
-		let prevX = .5;
-		let prevY = .5;
+		const pointer = createPointerVelocityTracker({
+			minDrag: .001,
+			teleportGuard: Number.POSITIVE_INFINITY
+		});
 		let lastActiveTime = Date.now();
 		return {
 			outputs: { trailTexture },
@@ -1221,15 +1240,8 @@ const componentDefinition = {
 				const radius = (getCpuValue("radius") ?? .5) * .1;
 				const length = getCpuValue("length") ?? .5;
 				const shrink = getCpuValue("shrink") ?? 1;
-				const px = fp.pointer?.x ?? .5;
-				const py = fp.pointer?.y ?? .5;
-				const dx = px - prevX;
-				const dy = py - prevY;
-				const speed = Math.sqrt(dx * dx + dy * dy);
-				const oldX = prevX;
-				const oldY = prevY;
-				prevX = px;
-				prevY = py;
+				const move = pointer.update(fp.pointer, dt);
+				const speed = Math.sqrt(move.dx * move.dx + move.dy * move.dy);
 				if (speed > .001) lastActiveTime = currentTime;
 				const settleMs = Math.min(3e4, Math.max(3e3, length * 5e3));
 				if (currentTime - lastActiveTime > settleMs) return null;
@@ -1240,22 +1252,24 @@ const componentDefinition = {
 				});
 				const nodes = [decay];
 				if (speed > .001) {
-					const stepSize = Math.max(.005, radius * .5);
-					const numSteps = Math.min(20, Math.max(1, Math.ceil(speed / stepSize)));
-					const amountPerStep = speed / numSteps * 50 * dt;
-					for (let s = 0; s < numSteps; s++) {
-						const t = (s + .5) / numSteps;
-						const cursorX = oldX + dx * t;
-						const cursorY = oldY + dy * t;
-						nodes.push(() => stampParams.write({
+					let amountPerStep = 0;
+					amountPerStep = speed / pathStampRibbon(nodes, {
+						fromX: move.prevX,
+						fromY: move.prevY,
+						dx: move.dx,
+						dy: move.dy,
+						dragDist: speed,
+						stepSize: Math.max(.005, radius * .5),
+						maxSteps: 20,
+						write: (cursorX, cursorY) => stampParams.write({
 							cursorX,
 							cursorY,
 							radius,
 							amount: amountPerStep,
 							aspect
-						}));
-						nodes.push(stamp);
-					}
+						}),
+						pass: stamp
+					}) * 50 * dt;
 				}
 				nodes.push(output);
 				return nodes;

package/dist/core/{DataMosh-DabFQ-B5.js → DataMosh-CjVK_gxL.js}

@@ -1,5 +1,6 @@
-import { At as max, Bt as sin, Dt as floor, F as unpremultiplyAlpha, Gt as data_exports, Jt as texture2d, Mt as mix, Ot as fract, St as cos, Vt as smoothstep, Yt as textureStorage2d, an as vec2u, at as textureDimensions, cn as vec4f, ct as textureStore, d as ZERO, dn as u32, en as struct, gt as select, it as std_exports, ln as f32, m as call, nt as src_default, on as vec3f, ot as textureLoad, xt as clamp, y as mixExpr } from "./edges-B7Yet3LV.js";
-import { n as createGuardedCompute } from "./compute-Ax-p6Ubc.js";
+import { At as max, Bt as sin, Dt as floor, Gt as data_exports, I as unpremultiplyAlpha, Jt as texture2d, Mt as mix, Ot as fract, St as cos, Vt as smoothstep, Yt as textureStorage2d, an as vec2u, at as std_exports, b as mixExpr, cn as vec4f, en as struct, f as ZERO, fn as u32, gt as select, h as call, lt as textureStore, on as vec3f, ot as textureDimensions, rt as src_default, st as textureLoad, un as f32, xt as clamp } from "./edges-CD7gCAto.js";
+import { D as createFeedbackTrailSim } from "./porters-DUtQounc.js";
+import { M as createGuardedCompute } from "./device-B0ZwBfOg.js";
 var STATE_RES = 768;
 var STATE_FORMAT = "rgba16float";
 var MoshParams = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(struct({
@@ -2538,30 +2539,24 @@ const componentDefinition = {
 		}
 	},
 	compute: (params) => {
-		const { childNode, gpu, registerComputeTexture, convertToTexture, getCpuValue, onCleanup } = params;
+		const { childNode, gpu, getCpuValue } = params;
 		if (!childNode) return null;
 		const root = gpu?.root;
 		if (!root) return null;
-		const childTexture = convertToTexture(childNode);
-		const stateA = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [STATE_RES, STATE_RES],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "stateA");
-		const stateB = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [STATE_RES, STATE_RES],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "stateB");
-		const displayTex = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [STATE_RES, STATE_RES],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "displayTex");
-		onCleanup(() => {
-			stateA.destroy();
-			stateB.destroy();
-			displayTex.destroy();
-		});
-		const display = registerComputeTexture(displayTex);
 		const paramsBuf = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createUniform(MoshParams), "paramsBuf");
+		const sim = createFeedbackTrailSim(params, {
+			size: STATE_RES,
+			format: STATE_FORMAT,
+			speedProp: "speed",
+			bindGroups: ({ childTexture, display }, read, write) => root.createBindGroup(moshLayout, {
+				src: childTexture,
+				prev: read.state,
+				next: write.state,
+				display,
+				params: paramsBuf.buffer
+			})
+		});
+		if (!sim) return null;
 		const pipeline = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
 			"use gpu";
 			moshKernel(cx, cy);
@@ -2585,39 +2580,13 @@ const componentDefinition = {
 			},
 			externals: () => ({ moshKernel })
 		}) && $.f)({}), { size: [STATE_RES, STATE_RES] });
-		let bgAB = null;
-		let bgBA = null;
-		let direction = 0;
-		let localTime = 0;
 		return {
 			outputs: {
-				childTexture,
-				display
-			},
-			bindInputs: (resolve) => {
-				const src = resolve(childTexture.key);
-				if (!src) return;
-				bgAB = root.createBindGroup(moshLayout, {
-					src: src.texture,
-					prev: stateA,
-					next: stateB,
-					display: displayTex,
-					params: paramsBuf.buffer
-				});
-				bgBA = root.createBindGroup(moshLayout, {
-					src: src.texture,
-					prev: stateB,
-					next: stateA,
-					display: displayTex,
-					params: paramsBuf.buffer
-				});
+				childTexture: sim.childTexture,
+				display: sim.display
 			},
-			getComputeNodes: (frameParams) => {
-				if (!bgAB || !bgBA) return null;
-				const fp = frameParams;
-				const speed = getCpuValue("speed") ?? 1;
-				const dt = Math.min(fp.deltaTime ?? .016, .05) * speed;
-				localTime += dt;
+			bindInputs: sim.bindInputs,
+			getComputeNodes: (frameParams) => sim.tick(frameParams, ({ groups, dt, localTime }) => {
 				paramsBuf.write({
 					time: localTime,
 					dt,
@@ -2627,10 +2596,8 @@ const componentDefinition = {
 					drift: getCpuValue("drift") ?? .35,
 					churn: getCpuValue("churn") ?? .4
 				});
-				const nodes = [pipeline.with(direction === 0 ? bgAB : bgBA)];
-				direction = 1 - direction;
-				return nodes;
-			}
+				return [pipeline.with(groups)];
+			})
 		};
 	},
 	fragment: ({ childNode, ctx, computeOutputs, uniforms, convertToTexture }) => {