shaders 3.1.463 → 3.2.465

package/dist/core/{Liquify-DBPrHpd-.js → pointerFields-yUe8811b.js}

@@ -1,18 +1,851 @@
-import { Gt as textureStorage2d, Kt as arrayOf, Lt as vec4f, Mt as vec2f, Pt as vec2u, _ as expr, ct as clamp, et as typegpu_default, ft as exp, ln as u32, m as call, qt as struct, rt as select, sn as f32 } from "./edges-CV-BHMpI.js";
-import { M as createGuardedCompute, P as createStateBuffer, R as textureStore } from "./device-DKcu50_C.js";
-import { E as uvRemapShader } from "./porters-j7yWJYy2.js";
-import { n as edgesPropConfig } from "./propConfigs-CvzF7Ot8.js";
-var GRID_SIZE = 64;
-var CELL_COUNT = GRID_SIZE * GRID_SIZE;
-var GRID_MAX = GRID_SIZE - 1;
+import { $n as clamp, Br as f32, Cr as vec2u, G as createGuardedCompute, Hr as u32, Jn as select, Mr as arrayOf, Nr as struct, Tr as vec4f, Un as textureStore, Yn as abs, jr as textureStorage2d, q as createStateBuffer, rr as exp, zn as typegpu_default } from "./lower-DSk_KxOY.js";
+import { a as op, o as trackedViewport } from "./grids-C6sTUox5.js";
 var STATE_FORMAT = "rgba16float";
-var springLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(typegpu_default.bindGroupLayout({
+var SPLAT_MAX_CELLS = 16384;
+const clampSplatGridSize = (v) => Math.max(8, Math.min(128, Math.floor(v)));
+var splatUpdateLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(typegpu_default.bindGroupLayout({
+	buffer: {
+		storage: arrayOf(vec4f, SPLAT_MAX_CELLS),
+		access: "mutable"
+	},
+	params: { uniform: /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(struct({
+		cursorX: f32,
+		cursorY: f32,
+		mouseVelX: f32,
+		mouseVelY: f32,
+		dt: f32,
+		decay: f32,
+		intensity: f32,
+		radius: f32,
+		aspect: f32
+	}), "uniform") }
+}), "splatUpdateLayout");
+var splatOutputLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(typegpu_default.bindGroupLayout({
+	buffer: {
+		storage: arrayOf(vec4f, SPLAT_MAX_CELLS),
+		access: "readonly"
+	},
+	dispTex: { storageTexture: textureStorage2d(STATE_FORMAT, "write-only") }
+}), "splatOutputLayout");
+function makeSplatUpdateKernel(gridSize) {
+	return typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
+		"use gpu";
+		const p = splatUpdateLayout.$.params;
+		const idx = __tsover_add(__tsover_mul(cy, u32(gridSize)), cx);
+		const cell = splatUpdateLayout.$.buffer[idx];
+		let dx = __tsover_mul(cell.x, __tsover_sub(1, __tsover_mul(p.decay, p.dt)));
+		let dy = __tsover_mul(cell.y, __tsover_sub(1, __tsover_mul(p.decay, p.dt)));
+		const cellX = __tsover_div(__tsover_add(f32(cx), .5), f32(gridSize));
+		const cellY = __tsover_div(__tsover_add(f32(cy), .5), f32(gridSize));
+		const ddx = select(__tsover_sub(cellX, p.cursorX), __tsover_mul(__tsover_sub(cellX, p.cursorX), p.aspect), p.aspect >= 1);
+		const ddy = select(__tsover_div(__tsover_sub(cellY, p.cursorY), p.aspect), __tsover_sub(cellY, p.cursorY), p.aspect >= 1);
+		const distSq = __tsover_add(__tsover_mul(ddx, ddx), __tsover_mul(ddy, ddy));
+		const radius2 = __tsover_mul(p.radius, 2);
+		if (distSq < __tsover_mul(radius2, radius2) && __tsover_add(abs(p.mouseVelX), abs(p.mouseVelY)) > .01) {
+			const influence = exp(__tsover_mul(__tsover_div(distSq, __tsover_mul(p.radius, p.radius)), -1));
+			dx = __tsover_add(dx, __tsover_mul(__tsover_mul(__tsover_mul(__tsover_mul(p.mouseVelX, influence), p.intensity), p.dt), .5));
+			dy = __tsover_add(dy, __tsover_mul(__tsover_mul(__tsover_mul(__tsover_mul(p.mouseVelY, influence), p.intensity), p.dt), .5));
+		}
+		dx = clamp(dx, -1, 1);
+		dy = clamp(dy, -1, 1);
+		splatUpdateLayout.$.buffer[idx] = vec4f(dx, dy, 0, 0);
+	}), {
+		v: 2,
+		name: void 0,
+		ast: {
+			"params": [{
+				"type": "i",
+				"name": "cx"
+			}, {
+				"type": "i",
+				"name": "cy"
+			}],
+			"body": [0, [
+				[
+					13,
+					"p",
+					[
+						7,
+						[
+							7,
+							"splatUpdateLayout",
+							"$"
+						],
+						"params"
+					]
+				],
+				[
+					13,
+					"idx",
+					[
+						1,
+						[
+							1,
+							"cy",
+							"*",
+							[
+								6,
+								"d.u32",
+								["gridSize"]
+							]
+						],
+						"+",
+						"cx"
+					]
+				],
+				[
+					13,
+					"cell",
+					[
+						8,
+						[
+							7,
+							[
+								7,
+								"splatUpdateLayout",
+								"$"
+							],
+							"buffer"
+						],
+						"idx"
+					]
+				],
+				[
+					12,
+					"dx",
+					[
+						1,
+						[
+							7,
+							"cell",
+							"x"
+						],
+						"*",
+						[
+							1,
+							[5, "1"],
+							"-",
+							[
+								1,
+								[
+									7,
+									"p",
+									"decay"
+								],
+								"*",
+								[
+									7,
+									"p",
+									"dt"
+								]
+							]
+						]
+					]
+				],
+				[
+					12,
+					"dy",
+					[
+						1,
+						[
+							7,
+							"cell",
+							"y"
+						],
+						"*",
+						[
+							1,
+							[5, "1"],
+							"-",
+							[
+								1,
+								[
+									7,
+									"p",
+									"decay"
+								],
+								"*",
+								[
+									7,
+									"p",
+									"dt"
+								]
+							]
+						]
+					]
+				],
+				[
+					13,
+					"cellX",
+					[
+						1,
+						[
+							1,
+							[
+								6,
+								"d.f32",
+								["cx"]
+							],
+							"+",
+							[5, "0.5"]
+						],
+						"/",
+						[
+							6,
+							"d.f32",
+							["gridSize"]
+						]
+					]
+				],
+				[
+					13,
+					"cellY",
+					[
+						1,
+						[
+							1,
+							[
+								6,
+								"d.f32",
+								["cy"]
+							],
+							"+",
+							[5, "0.5"]
+						],
+						"/",
+						[
+							6,
+							"d.f32",
+							["gridSize"]
+						]
+					]
+				],
+				[
+					13,
+					"ddx",
+					[
+						6,
+						"std.select",
+						[
+							[
+								1,
+								"cellX",
+								"-",
+								[
+									7,
+									"p",
+									"cursorX"
+								]
+							],
+							[
+								1,
+								[
+									1,
+									"cellX",
+									"-",
+									[
+										7,
+										"p",
+										"cursorX"
+									]
+								],
+								"*",
+								[
+									7,
+									"p",
+									"aspect"
+								]
+							],
+							[
+								1,
+								[
+									7,
+									"p",
+									"aspect"
+								],
+								">=",
+								[5, "1"]
+							]
+						]
+					]
+				],
+				[
+					13,
+					"ddy",
+					[
+						6,
+						"std.select",
+						[
+							[
+								1,
+								[
+									1,
+									"cellY",
+									"-",
+									[
+										7,
+										"p",
+										"cursorY"
+									]
+								],
+								"/",
+								[
+									7,
+									"p",
+									"aspect"
+								]
+							],
+							[
+								1,
+								"cellY",
+								"-",
+								[
+									7,
+									"p",
+									"cursorY"
+								]
+							],
+							[
+								1,
+								[
+									7,
+									"p",
+									"aspect"
+								],
+								">=",
+								[5, "1"]
+							]
+						]
+					]
+				],
+				[
+					13,
+					"distSq",
+					[
+						1,
+						[
+							1,
+							"ddx",
+							"*",
+							"ddx"
+						],
+						"+",
+						[
+							1,
+							"ddy",
+							"*",
+							"ddy"
+						]
+					]
+				],
+				[
+					13,
+					"radius2",
+					[
+						1,
+						[
+							7,
+							"p",
+							"radius"
+						],
+						"*",
+						[5, "2"]
+					]
+				],
+				[
+					11,
+					[
+						3,
+						[
+							1,
+							"distSq",
+							"<",
+							[
+								1,
+								"radius2",
+								"*",
+								"radius2"
+							]
+						],
+						"&&",
+						[
+							1,
+							[
+								1,
+								[
+									6,
+									"std.abs",
+									[[
+										7,
+										"p",
+										"mouseVelX"
+									]]
+								],
+								"+",
+								[
+									6,
+									"std.abs",
+									[[
+										7,
+										"p",
+										"mouseVelY"
+									]]
+								]
+							],
+							">",
+							[5, "0.01"]
+						]
+					],
+					[0, [
+						[
+							13,
+							"influence",
+							[
+								6,
+								"std.exp",
+								[[
+									1,
+									[
+										1,
+										"distSq",
+										"/",
+										[
+											1,
+											[
+												7,
+												"p",
+												"radius"
+											],
+											"*",
+											[
+												7,
+												"p",
+												"radius"
+											]
+										]
+									],
+									"*",
+									[
+										4,
+										"-",
+										[5, "1"]
+									]
+								]]
+							]
+						],
+						[
+							2,
+							"dx",
+							"=",
+							[
+								1,
+								"dx",
+								"+",
+								[
+									1,
+									[
+										1,
+										[
+											1,
+											[
+												1,
+												[
+													7,
+													"p",
+													"mouseVelX"
+												],
+												"*",
+												"influence"
+											],
+											"*",
+											[
+												7,
+												"p",
+												"intensity"
+											]
+										],
+										"*",
+										[
+											7,
+											"p",
+											"dt"
+										]
+									],
+									"*",
+									[5, "0.5"]
+								]
+							]
+						],
+						[
+							2,
+							"dy",
+							"=",
+							[
+								1,
+								"dy",
+								"+",
+								[
+									1,
+									[
+										1,
+										[
+											1,
+											[
+												1,
+												[
+													7,
+													"p",
+													"mouseVelY"
+												],
+												"*",
+												"influence"
+											],
+											"*",
+											[
+												7,
+												"p",
+												"intensity"
+											]
+										],
+										"*",
+										[
+											7,
+											"p",
+											"dt"
+										]
+									],
+									"*",
+									[5, "0.5"]
+								]
+							]
+						]
+					]]
+				],
+				[
+					2,
+					"dx",
+					"=",
+					[
+						6,
+						"std.clamp",
+						[
+							"dx",
+							[
+								4,
+								"-",
+								[5, "1"]
+							],
+							[5, "1"]
+						]
+					]
+				],
+				[
+					2,
+					"dy",
+					"=",
+					[
+						6,
+						"std.clamp",
+						[
+							"dy",
+							[
+								4,
+								"-",
+								[5, "1"]
+							],
+							[5, "1"]
+						]
+					]
+				],
+				[
+					2,
+					[
+						8,
+						[
+							7,
+							[
+								7,
+								"splatUpdateLayout",
+								"$"
+							],
+							"buffer"
+						],
+						"idx"
+					],
+					"=",
+					[
+						6,
+						"d.vec4f",
+						[
+							"dx",
+							"dy",
+							[5, "0"],
+							[5, "0"]
+						]
+					]
+				]
+			]]
+		},
+		externals: {
+			"splatUpdateLayout": () => splatUpdateLayout,
+			"d.u32": () => u32,
+			"gridSize": () => gridSize,
+			"d.f32": () => f32,
+			"std.select": () => select,
+			"std.abs": () => abs,
+			"std.exp": () => exp,
+			"std.clamp": () => clamp,
+			"d.vec4f": () => vec4f
+		}
+	}) && $.f)({})).$name("pointerSplatUpdate");
+}
+function makeSplatOutputKernel(gridSize) {
+	return typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
+		"use gpu";
+		const idx = __tsover_add(__tsover_mul(cy, u32(gridSize)), cx);
+		const cell = splatOutputLayout.$.buffer[idx];
+		textureStore(splatOutputLayout.$.dispTex, vec2u(cx, cy), vec4f(cell.x, cell.y, 0, 1));
+	}), {
+		v: 2,
+		name: void 0,
+		ast: {
+			"params": [{
+				"type": "i",
+				"name": "cx"
+			}, {
+				"type": "i",
+				"name": "cy"
+			}],
+			"body": [0, [
+				[
+					13,
+					"idx",
+					[
+						1,
+						[
+							1,
+							"cy",
+							"*",
+							[
+								6,
+								"d.u32",
+								["gridSize"]
+							]
+						],
+						"+",
+						"cx"
+					]
+				],
+				[
+					13,
+					"cell",
+					[
+						8,
+						[
+							7,
+							[
+								7,
+								"splatOutputLayout",
+								"$"
+							],
+							"buffer"
+						],
+						"idx"
+					]
+				],
+				[
+					6,
+					"std.textureStore",
+					[
+						[
+							7,
+							[
+								7,
+								"splatOutputLayout",
+								"$"
+							],
+							"dispTex"
+						],
+						[
+							6,
+							"d.vec2u",
+							["cx", "cy"]
+						],
+						[
+							6,
+							"d.vec4f",
+							[
+								[
+									7,
+									"cell",
+									"x"
+								],
+								[
+									7,
+									"cell",
+									"y"
+								],
+								[5, "0"],
+								[5, "1"]
+							]
+						]
+					]
+				]
+			]]
+		},
+		externals: {
+			"d.u32": () => u32,
+			"gridSize": () => gridSize,
+			"splatOutputLayout": () => splatOutputLayout,
+			"std.textureStore": () => textureStore,
+			"d.vec2u": () => vec2u,
+			"d.vec4f": () => vec4f
+		}
+	}) && $.f)({})).$name("pointerSplatOutput");
+}
+function pointerSplatField(slots) {
+	return (params, root) => {
+		const { getCpuValue, registerComputeTexture, onCleanup } = params;
+		const gridSize = clampSplatGridSize(getCpuValue(slots.gridSize.name) ?? 20);
+		const buffer = createStateBuffer(root, vec4f, SPLAT_MAX_CELLS);
+		const dispTex = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
+			size: [gridSize, gridSize],
+			format: STATE_FORMAT
+		}).$usage("storage", "sampled"), "dispTex");
+		onCleanup(() => dispTex.destroy());
+		const displacement = registerComputeTexture(dispTex);
+		const updateParams = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createUniform(struct({
+			cursorX: f32,
+			cursorY: f32,
+			mouseVelX: f32,
+			mouseVelY: f32,
+			dt: f32,
+			decay: f32,
+			intensity: f32,
+			radius: f32,
+			aspect: f32
+		})), "updateParams");
+		const viewport = trackedViewport(params);
+		const size = [gridSize, gridSize];
+		const updateKernel = makeSplatUpdateKernel(gridSize);
+		const outputKernel = makeSplatOutputKernel(gridSize);
+		const updateBg = root.createBindGroup(splatUpdateLayout, {
+			buffer,
+			params: updateParams.buffer
+		});
+		const outputBg = root.createBindGroup(splatOutputLayout, {
+			buffer,
+			dispTex
+		});
+		const update = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
+			"use gpu";
+			updateKernel(cx, cy);
+		}), {
+			v: 2,
+			name: void 0,
+			ast: {
+				"params": [{
+					"type": "i",
+					"name": "cx"
+				}, {
+					"type": "i",
+					"name": "cy"
+				}],
+				"body": [0, [[
+					6,
+					"updateKernel",
+					["cx", "cy"]
+				]]]
+			},
+			externals: { "updateKernel": () => updateKernel }
+		}) && $.f)({}), {
+			size,
+			bindGroup: updateBg
+		});
+		const output = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
+			"use gpu";
+			outputKernel(cx, cy);
+		}), {
+			v: 2,
+			name: void 0,
+			ast: {
+				"params": [{
+					"type": "i",
+					"name": "cx"
+				}, {
+					"type": "i",
+					"name": "cy"
+				}],
+				"body": [0, [[
+					6,
+					"outputKernel",
+					["cx", "cy"]
+				]]]
+			},
+			externals: { "outputKernel": () => outputKernel }
+		}) && $.f)({}), {
+			size,
+			bindGroup: outputBg
+		});
+		let prevX = .5;
+		let prevY = .5;
+		let smoothVelX = 0;
+		let smoothVelY = 0;
+		let px = .5;
+		let py = .5;
+		let active = false;
+		return {
+			outputs: { [slots.output]: displacement },
+			clampDt: .016,
+			stages: [
+				op.host("cursorVelocity", (f) => {
+					px = f.frameParams.pointer?.x ?? .5;
+					py = f.frameParams.pointer?.y ?? .5;
+					const velX = f.dt > 0 ? (px - prevX) / f.dt : 0;
+					const velY = f.dt > 0 ? (py - prevY) / f.dt : 0;
+					smoothVelX = smoothVelX * .85 + velX * .15;
+					smoothVelY = smoothVelY * .85 + velY * .15;
+					prevX = px;
+					prevY = py;
+					active = Math.abs(velX) + Math.abs(velY) > .01;
+				}),
+				op.settle({
+					activeWhen: () => active,
+					settleMs: (f) => {
+						const decayVal = f.num(slots.decay.name, 3);
+						return decayVal > 0 ? Math.min(3e4, Math.log(1e-4) / Math.log(Math.max(1e-6, 1 - decayVal * .016)) * 16.67) : 3e4;
+					}
+				}),
+				op.values("brush+decay", (f) => {
+					const safe = viewport.safe(f.frameParams);
+					updateParams.write({
+						cursorX: px,
+						cursorY: py,
+						mouseVelX: smoothVelX,
+						mouseVelY: smoothVelY,
+						dt: f.dt,
+						decay: f.num(slots.decay.name, 3),
+						intensity: f.num(slots.intensity.name, 1),
+						radius: f.num(slots.radius.name, 1) * .05,
+						aspect: safe.width / safe.height
+					});
+				}),
+				op.pass(update),
+				op.publish(() => output)
+			]
+		};
+	};
+}
+var LATTICE_GRID = 64;
+var LATTICE_CELLS = LATTICE_GRID * LATTICE_GRID;
+var LATTICE_MAX = LATTICE_GRID - 1;
+var latticeLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(typegpu_default.bindGroupLayout({
 	readBuf: {
-		storage: arrayOf(vec4f, CELL_COUNT),
+		storage: arrayOf(vec4f, LATTICE_CELLS),
 		access: "readonly"
 	},
 	writeBuf: {
-		storage: arrayOf(vec4f, CELL_COUNT),
+		storage: arrayOf(vec4f, LATTICE_CELLS),
 		access: "mutable"
 	},
 	params: { uniform: /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(struct({
@@ -28,33 +861,33 @@ var springLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a
 		radius: f32,
 		aspect: f32
 	}), "uniform") }
-}), "springLayout");
-var outputLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(typegpu_default.bindGroupLayout({
+}), "latticeLayout");
+var latticeOutputLayout = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(typegpu_default.bindGroupLayout({
 	srcBuf: {
-		storage: arrayOf(vec4f, CELL_COUNT),
+		storage: arrayOf(vec4f, LATTICE_CELLS),
 		access: "readonly"
 	},
 	dispTex: { storageTexture: textureStorage2d(STATE_FORMAT, "write-only") }
-}), "outputLayout");
-const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
+}), "latticeOutputLayout");
+const springLatticeKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
 	"use gpu";
-	if (cx > u32(0) && cx < u32(GRID_MAX) && cy > u32(0) && cy < u32(GRID_MAX)) {
-		const p = springLayout.$.params;
-		const gs = u32(GRID_SIZE);
+	if (cx > u32(0) && cx < u32(LATTICE_MAX) && cy > u32(0) && cy < u32(LATTICE_MAX)) {
+		const p = latticeLayout.$.params;
+		const gs = u32(LATTICE_GRID);
 		const idx = __tsover_add(__tsover_mul(cy, gs), cx);
-		const current = springLayout.$.readBuf[idx];
+		const current = latticeLayout.$.readBuf[idx];
 		const dispX = current.x;
 		const dispY = current.y;
 		const velX = current.z;
 		const velY = current.w;
-		const nL = springLayout.$.readBuf[__tsover_sub(idx, u32(1))];
-		const nR = springLayout.$.readBuf[__tsover_add(idx, u32(1))];
-		const nU = springLayout.$.readBuf[__tsover_sub(idx, gs)];
-		const nD = springLayout.$.readBuf[__tsover_add(idx, gs)];
-		const nUL = springLayout.$.readBuf[__tsover_sub(__tsover_sub(idx, gs), u32(1))];
-		const nUR = springLayout.$.readBuf[__tsover_add(__tsover_sub(idx, gs), u32(1))];
-		const nDL = springLayout.$.readBuf[__tsover_sub(__tsover_add(idx, gs), u32(1))];
-		const nDR = springLayout.$.readBuf[__tsover_add(__tsover_add(idx, gs), u32(1))];
+		const nL = latticeLayout.$.readBuf[__tsover_sub(idx, u32(1))];
+		const nR = latticeLayout.$.readBuf[__tsover_add(idx, u32(1))];
+		const nU = latticeLayout.$.readBuf[__tsover_sub(idx, gs)];
+		const nD = latticeLayout.$.readBuf[__tsover_add(idx, gs)];
+		const nUL = latticeLayout.$.readBuf[__tsover_sub(__tsover_sub(idx, gs), u32(1))];
+		const nUR = latticeLayout.$.readBuf[__tsover_add(__tsover_sub(idx, gs), u32(1))];
+		const nDL = latticeLayout.$.readBuf[__tsover_sub(__tsover_add(idx, gs), u32(1))];
+		const nDR = latticeLayout.$.readBuf[__tsover_add(__tsover_add(idx, gs), u32(1))];
 		let fx = __tsover_mul(p.stiffness, __tsover_add(__tsover_add(__tsover_add(__tsover_sub(nL.x, dispX), __tsover_sub(nR.x, dispX)), __tsover_sub(nU.x, dispX)), __tsover_sub(nD.x, dispX)));
 		let fy = __tsover_mul(p.stiffness, __tsover_add(__tsover_add(__tsover_add(__tsover_sub(nL.y, dispY), __tsover_sub(nR.y, dispY)), __tsover_sub(nU.y, dispY)), __tsover_sub(nD.y, dispY)));
 		const shearK = __tsover_mul(p.stiffness, .35);
@@ -65,8 +898,8 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 		let newVelX = __tsover_add(__tsover_mul(velX, p.dampFactor), __tsover_mul(fx, p.subDt));
 		let newVelY = __tsover_add(__tsover_mul(velY, p.dampFactor), __tsover_mul(fy, p.subDt));
 		if (p.clampedSpeed > .01) {
-			const cellX = __tsover_div(__tsover_add(f32(cx), .5), f32(GRID_SIZE));
-			const cellY = __tsover_div(__tsover_add(f32(cy), .5), f32(GRID_SIZE));
+			const cellX = __tsover_div(__tsover_add(f32(cx), .5), f32(LATTICE_GRID));
+			const cellY = __tsover_div(__tsover_add(f32(cy), .5), f32(LATTICE_GRID));
 			const ddx = select(__tsover_sub(cellX, p.cursorX), __tsover_mul(__tsover_sub(cellX, p.cursorX), p.aspect), p.aspect >= 1);
 			const ddy = select(__tsover_div(__tsover_sub(cellY, p.cursorY), p.aspect), __tsover_sub(cellY, p.cursorY), p.aspect >= 1);
 			const distSq = __tsover_add(__tsover_mul(ddx, ddx), __tsover_mul(ddy, ddy));
@@ -80,7 +913,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 		}
 		const newDispX = clamp(__tsover_add(dispX, __tsover_mul(newVelX, p.subDt)), -.5, .5);
 		const newDispY = clamp(__tsover_add(dispY, __tsover_mul(newVelY, p.subDt)), -.5, .5);
-		springLayout.$.writeBuf[idx] = vec4f(newDispX, newDispY, newVelX, newVelY);
+		latticeLayout.$.writeBuf[idx] = vec4f(newDispX, newDispY, newVelX, newVelY);
 	}
 }), {
 	v: 2,
@@ -119,7 +952,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							[
 								6,
 								"d.u32",
-								["GRID_MAX"]
+								["LATTICE_MAX"]
 							]
 						]
 					],
@@ -143,7 +976,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 					[
 						6,
 						"d.u32",
-						["GRID_MAX"]
+						["LATTICE_MAX"]
 					]
 				]
 			],
@@ -155,7 +988,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 						7,
 						[
 							7,
-							"springLayout",
+							"latticeLayout",
 							"$"
 						],
 						"params"
@@ -167,7 +1000,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 					[
 						6,
 						"d.u32",
-						["GRID_SIZE"]
+						["LATTICE_GRID"]
 					]
 				],
 				[
@@ -194,7 +1027,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -247,7 +1080,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -273,7 +1106,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -299,7 +1132,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -321,7 +1154,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -343,7 +1176,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -374,7 +1207,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -405,7 +1238,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -436,7 +1269,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"readBuf"
@@ -874,7 +1707,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 								[
 									6,
 									"d.f32",
-									["GRID_SIZE"]
+									["LATTICE_GRID"]
 								]
 							]
 						],
@@ -897,7 +1730,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 								[
 									6,
 									"d.f32",
-									["GRID_SIZE"]
+									["LATTICE_GRID"]
 								]
 							]
 						],
@@ -1225,7 +2058,7 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 							7,
 							[
 								7,
-								"springLayout",
+								"latticeLayout",
 								"$"
 							],
 							"writeBuf"
@@ -1249,21 +2082,21 @@ const springKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 	},
 	externals: {
 		"d.u32": () => u32,
-		"GRID_MAX": () => GRID_MAX,
-		"springLayout": () => springLayout,
-		"GRID_SIZE": () => GRID_SIZE,
+		"LATTICE_MAX": () => LATTICE_MAX,
+		"latticeLayout": () => latticeLayout,
+		"LATTICE_GRID": () => LATTICE_GRID,
 		"d.f32": () => f32,
 		"std.select": () => select,
 		"std.exp": () => exp,
 		"std.clamp": () => clamp,
 		"d.vec4f": () => vec4f
 	}
-}) && $.f)({})).$name("liquifySpring");
-const outputKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
+}) && $.f)({})).$name("springLatticeStep");
+const springLatticeOutputKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
 	"use gpu";
-	const idx = __tsover_add(__tsover_mul(cy, u32(GRID_SIZE)), cx);
-	const cell = outputLayout.$.srcBuf[idx];
-	textureStore(outputLayout.$.dispTex, vec2u(cx, cy), vec4f(cell.x, cell.y, 0, 1));
+	const idx = __tsover_add(__tsover_mul(cy, u32(LATTICE_GRID)), cx);
+	const cell = latticeOutputLayout.$.srcBuf[idx];
+	textureStore(latticeOutputLayout.$.dispTex, vec2u(cx, cy), vec4f(cell.x, cell.y, 0, 1));
 }), {
 	v: 2,
 	name: void 0,
@@ -1288,7 +2121,7 @@ const outputKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 						[
 							6,
 							"d.u32",
-							["GRID_SIZE"]
+							["LATTICE_GRID"]
 						]
 					],
 					"+",
@@ -1304,7 +2137,7 @@ const outputKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 						7,
 						[
 							7,
-							"outputLayout",
+							"latticeOutputLayout",
 							"$"
 						],
 						"srcBuf"
@@ -1320,7 +2153,7 @@ const outputKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 						7,
 						[
 							7,
-							"outputLayout",
+							"latticeOutputLayout",
 							"$"
 						],
 						"dispTex"
@@ -1354,177 +2187,20 @@ const outputKernel = typegpu_default.fn([u32, u32])(/* @__PURE__ */ (($) => (glo
 	},
 	externals: {
 		"d.u32": () => u32,
-		"GRID_SIZE": () => GRID_SIZE,
-		"outputLayout": () => outputLayout,
+		"LATTICE_GRID": () => LATTICE_GRID,
+		"latticeOutputLayout": () => latticeOutputLayout,
 		"std.textureStore": () => textureStore,
 		"d.vec2u": () => vec2u,
 		"d.vec4f": () => vec4f
 	}
-}) && $.f)({})).$name("liquifyOutput");
-const liquifyOffsetUV = typegpu_default.fn([
-	vec2f,
-	vec2f,
-	f32
-], vec2f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, disp, intensity) => {
-	"use gpu";
-	const scaled = disp.mul(__tsover_mul(intensity, .1));
-	const maxDisp = .15;
-	const clamped = clamp(scaled, vec2f(-maxDisp, -maxDisp), vec2f(maxDisp, maxDisp));
-	return uv.sub(clamped);
-}), {
-	v: 2,
-	name: void 0,
-	ast: {
-		"params": [
-			{
-				"type": "i",
-				"name": "uv"
-			},
-			{
-				"type": "i",
-				"name": "disp"
-			},
-			{
-				"type": "i",
-				"name": "intensity"
-			}
-		],
-		"body": [0, [
-			[
-				13,
-				"scaled",
-				[
-					6,
-					[
-						7,
-						"disp",
-						"mul"
-					],
-					[[
-						1,
-						"intensity",
-						"*",
-						[5, "0.1"]
-					]]
-				]
-			],
-			[
-				13,
-				"maxDisp",
-				[5, "0.15"]
-			],
-			[
-				13,
-				"clamped",
-				[
-					6,
-					"std.clamp",
-					[
-						"scaled",
-						[
-							6,
-							"d.vec2f",
-							[[
-								4,
-								"-",
-								"maxDisp"
-							], [
-								4,
-								"-",
-								"maxDisp"
-							]]
-						],
-						[
-							6,
-							"d.vec2f",
-							["maxDisp", "maxDisp"]
-						]
-					]
-				]
-			],
-			[10, [
-				6,
-				[
-					7,
-					"uv",
-					"sub"
-				],
-				["clamped"]
-			]]
-		]]
-	},
-	externals: {
-		"std.clamp": () => clamp,
-		"d.vec2f": () => vec2f
-	}
-}) && $.f)({}));
-const componentDefinition = {
-	name: "Liquify",
-	category: "Interactive",
-	description: "Liquid-like interactive deformation effect",
-	requiresRTT: true,
-	requiresChild: true,
-	boundingBoxDeclaration: { aspectRatio: null },
-	usesPointer: true,
-	props: {
-		intensity: {
-			default: 10,
-			description: "Scale of the fabric displacement effect",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 20,
-				step: .1,
-				label: "Intensity",
-				group: "Effect"
-			}
-		},
-		stiffness: {
-			default: 3,
-			description: "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)",
-			ui: {
-				type: "range",
-				min: 1,
-				max: 30,
-				step: .5,
-				label: "Stiffness",
-				group: "Effect"
-			}
-		},
-		damping: {
-			default: 3,
-			description: "How quickly fabric motion settles",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 10,
-				step: .1,
-				label: "Damping",
-				group: "Effect"
-			}
-		},
-		radius: {
-			default: 1,
-			description: "Cursor influence area",
-			ui: {
-				type: "range",
-				min: .1,
-				max: 1.5,
-				step: .1,
-				label: "Radius",
-				group: "Effect"
-			}
-		},
-		edges: edgesPropConfig("stretch", "How to handle edges when distortion pushes content out of bounds")
-	},
-	compute: (params) => {
-		const { gpu, registerComputeTexture, getCpuValue, onCleanup, onResize, dimensions } = params;
-		const root = gpu?.root;
-		if (!root) return null;
-		const bufferA = createStateBuffer(root, vec4f, CELL_COUNT);
-		const bufferB = createStateBuffer(root, vec4f, CELL_COUNT);
+}) && $.f)({})).$name("springLatticeOutput");
+function springLatticeField(slots) {
+	return (params, root) => {
+		const { registerComputeTexture, onCleanup } = params;
+		const bufferA = createStateBuffer(root, vec4f, LATTICE_CELLS);
+		const bufferB = createStateBuffer(root, vec4f, LATTICE_CELLS);
 		const dispTex = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [GRID_SIZE, GRID_SIZE],
+			size: [LATTICE_GRID, LATTICE_GRID],
 			format: STATE_FORMAT
 		}).$usage("storage", "sampled"), "dispTex");
 		onCleanup(() => dispTex.destroy());
@@ -1542,26 +2218,21 @@ const componentDefinition = {
 			radius: f32,
 			aspect: f32
 		})), "springParams");
-		let curW = Math.max(1, Math.round(dimensions.width));
-		let curH = Math.max(1, Math.round(dimensions.height));
-		onResize(({ width, height }) => {
-			curW = Math.max(1, Math.round(width));
-			curH = Math.max(1, Math.round(height));
-		});
-		const size = [GRID_SIZE, GRID_SIZE];
-		const springBgAB = root.createBindGroup(springLayout, {
+		const viewport = trackedViewport(params);
+		const size = [LATTICE_GRID, LATTICE_GRID];
+		const springBgAB = root.createBindGroup(latticeLayout, {
 			readBuf: bufferA,
 			writeBuf: bufferB,
 			params: springParams.buffer
 		});
-		const springBgBA = root.createBindGroup(springLayout, {
+		const springBgBA = root.createBindGroup(latticeLayout, {
 			readBuf: bufferB,
 			writeBuf: bufferA,
 			params: springParams.buffer
 		});
 		const spring = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
 			"use gpu";
-			springKernel(cx, cy);
+			springLatticeKernel(cx, cy);
 		}), {
 			v: 2,
 			name: void 0,
@@ -1575,19 +2246,19 @@ const componentDefinition = {
 				}],
 				"body": [0, [[
 					6,
-					"springKernel",
+					"springLatticeKernel",
 					["cx", "cy"]
 				]]]
 			},
-			externals: { "springKernel": () => springKernel }
+			externals: { "springLatticeKernel": () => springLatticeKernel }
 		}) && $.f)({}), { size });
-		const outputBgA = root.createBindGroup(outputLayout, {
+		const outputBgA = root.createBindGroup(latticeOutputLayout, {
 			srcBuf: bufferA,
 			dispTex
 		});
 		const output = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((cx, cy) => {
 			"use gpu";
-			outputKernel(cx, cy);
+			springLatticeOutputKernel(cx, cy);
 		}), {
 			v: 2,
 			name: void 0,
@@ -1601,70 +2272,68 @@ const componentDefinition = {
 				}],
 				"body": [0, [[
 					6,
-					"outputKernel",
+					"springLatticeOutputKernel",
 					["cx", "cy"]
 				]]]
 			},
-			externals: { "outputKernel": () => outputKernel }
+			externals: { "springLatticeOutputKernel": () => springLatticeOutputKernel }
 		}) && $.f)({}), {
 			size,
 			bindGroup: outputBgA
 		});
 		let prevX = .5;
 		let prevY = .5;
-		let lastActiveTime = Date.now();
+		let px = .5;
+		let py = .5;
+		let rawVelX = 0;
+		let rawVelY = 0;
+		let speed = 0;
+		let clampedSpeed = 0;
 		return {
-			outputs: { displacement },
-			getComputeNodes: (frameParams) => {
-				const fp = frameParams;
-				const currentTime = Date.now();
-				const dt = Math.min(fp.deltaTime ?? 0, .016);
-				if (dt <= 0) return null;
-				const aspect = Math.max(1, fp.dimensions?.width ?? curW) / Math.max(1, fp.dimensions?.height ?? curH);
-				const stiffness = getCpuValue("stiffness") ?? 3;
-				const damping = getCpuValue("damping") ?? 3;
-				const radius = (getCpuValue("radius") ?? 1) * .08;
-				const px = fp.pointer?.x ?? .5;
-				const py = fp.pointer?.y ?? .5;
-				const rawVelX = (px - prevX) / dt;
-				const rawVelY = (py - prevY) / dt;
-				const speed = Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY);
-				const clampedSpeed = Math.min(speed, 3);
-				prevX = px;
-				prevY = py;
-				if (clampedSpeed > .01) lastActiveTime = currentTime;
-				const settleMs = damping > 0 ? Math.min(3e4, 5e3 / damping) : 3e4;
-				if (currentTime - lastActiveTime > settleMs) return null;
-				const subDt = dt / 2;
-				springParams.write({
-					cursorX: px,
-					cursorY: py,
-					dirX: speed > .01 ? rawVelX / speed : 0,
-					dirY: speed > .01 ? rawVelY / speed : 0,
-					clampedSpeed,
-					dt,
-					subDt,
-					stiffness,
-					dampFactor: Math.max(0, Math.min(1, 1 - damping * subDt)),
-					radius,
-					aspect
-				});
-				return [
-					spring.with(springBgAB),
-					spring.with(springBgBA),
-					output
-				];
-			}
+			outputs: { [slots.output]: displacement },
+			clampDt: .016,
+			zeroDt: "skip",
+			stages: [
+				op.host("cursorImpulse", (f) => {
+					px = f.frameParams.pointer?.x ?? .5;
+					py = f.frameParams.pointer?.y ?? .5;
+					rawVelX = (px - prevX) / f.dt;
+					rawVelY = (py - prevY) / f.dt;
+					speed = Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY);
+					clampedSpeed = Math.min(speed, 3);
+					prevX = px;
+					prevY = py;
+				}),
+				op.settle({
+					activeWhen: () => clampedSpeed > .01,
+					settleMs: (f) => {
+						const damping = f.num(slots.damping.name, 3);
+						return damping > 0 ? Math.min(3e4, 5e3 / damping) : 3e4;
+					}
+				}),
+				op.values("springs+impulse", (f) => {
+					const safe = viewport.safe(f.frameParams);
+					const damping = f.num(slots.damping.name, 3);
+					const subDt = f.dt / 2;
+					springParams.write({
+						cursorX: px,
+						cursorY: py,
+						dirX: speed > .01 ? rawVelX / speed : 0,
+						dirY: speed > .01 ? rawVelY / speed : 0,
+						clampedSpeed,
+						dt: f.dt,
+						subDt,
+						stiffness: f.num(slots.stiffness.name, 3),
+						dampFactor: Math.max(0, Math.min(1, 1 - damping * subDt)),
+						radius: f.num(slots.radius.name, 1) * .08,
+						aspect: safe.width / safe.height
+					});
+				}),
+				op.pass(spring.with(springBgAB)),
+				op.pass(spring.with(springBgBA)),
+				op.publish(() => output)
+			]
 		};
-	},
-	...uvRemapShader(({ uniforms, computeOutputs }) => ({ map: (uv) => {
-		const dispTex = computeOutputs?.displacement;
-		return call(liquifyOffsetUV, "liquifyOffsetUV", [
-			uv,
-			dispTex ? dispTex.sample(uv, "linearClamp").member("xy") : expr("vec2f(0.0, 0.0)"),
-			uniforms.intensity
-		]);
-	} }), { uvRemapIdentityWhen: ({ computeOutputs }) => !computeOutputs?.displacement })
-};
-var Liquify_default = componentDefinition;
-export { springKernel as a, outputKernel as i, componentDefinition as n, liquifyOffsetUV as r, Liquify_default as t };
+	};
+}
+export { pointerSplatField as n, springLatticeField as r, clampSplatGridSize as t };