shaders 2.5.94 → 2.5.96

package/dist/core/GridDistortion-DtaRNrTZ.js

@@ -0,0 +1,278 @@
+import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
+import { c as transformEdges } from "./transformations-B5lM6fYX.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { StorageTexture } from "three/webgpu";
+import { DataTexture, FloatType, LinearFilter as LinearFilter$1, RGFormat } from "three";
+import { Fn, If, attributeArray, convertToTexture, float, instanceIndex, screenUV, storageTexture, texture, textureStore, uint, uniform, uvec2, vec2, vec4, viewportSize } from "three/tsl";
+var DEFAULT_GRID_SIZE = 20;
+var displacementStateCache = /* @__PURE__ */ new WeakMap();
+var getOrCreateDisplacementState = (uniforms) => {
+	let state = displacementStateCache.get(uniforms);
+	const gridSize = uniforms?.gridSize?.uniform?.value ? Math.max(8, Math.min(128, Math.floor(uniforms.gridSize.uniform.value))) : DEFAULT_GRID_SIZE;
+	if (state && state.gridSize !== gridSize) {
+		state.dataTexture.dispose();
+		state = void 0;
+		displacementStateCache.delete(uniforms);
+	}
+	if (!state) {
+		const data = new Float32Array(gridSize * gridSize * 2);
+		const dataTexture = new DataTexture(data, gridSize, gridSize, RGFormat, FloatType);
+		dataTexture.magFilter = LinearFilter$1;
+		dataTexture.minFilter = LinearFilter$1;
+		dataTexture.needsUpdate = true;
+		state = {
+			dataTexture,
+			data,
+			tslNode: texture(dataTexture),
+			gridSize
+		};
+		displacementStateCache.set(uniforms, state);
+	}
+	return state;
+};
+const componentDefinition = {
+	name: "GridDistortion",
+	category: "Interactive",
+	description: "Interactive grid distortion controlled by mouse position",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		intensity: {
+			default: 1,
+			description: "Strength of the distortion effect",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 5,
+				step: .1,
+				label: "Intensity",
+				group: "Effect"
+			}
+		},
+		decay: {
+			default: 3,
+			description: "Rate of distortion decay (higher = faster)",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Decay",
+				group: "Effect"
+			}
+		},
+		radius: {
+			default: 1,
+			description: "Radius of the distortion effect",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 3,
+				step: .1,
+				label: "Radius",
+				group: "Effect"
+			}
+		},
+		gridSize: {
+			default: 20,
+			description: "Resolution of the distortion grid (higher = more detailed)",
+			ui: {
+				type: ["range", "map"],
+				min: 8,
+				max: 128,
+				step: 1,
+				label: "Grid Size",
+				group: "Effect"
+			}
+		},
+		edges: {
+			default: "stretch",
+			description: "How to handle edges when distortion pushes content out of bounds",
+			transform: transformEdges,
+			compileTime: true,
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Stretch",
+						value: "stretch"
+					},
+					{
+						label: "Transparent",
+						value: "transparent"
+					},
+					{
+						label: "Mirror",
+						value: "mirror"
+					},
+					{
+						label: "Wrap",
+						value: "wrap"
+					}
+				],
+				label: "Edges",
+				group: "Effect"
+			}
+		}
+	},
+	computeNode: ({ uniforms, onCleanup, dimensions }) => {
+		const GRID_SIZE = uniforms?.gridSize?.uniform?.value ? Math.max(8, Math.min(128, Math.floor(uniforms.gridSize.uniform.value))) : DEFAULT_GRID_SIZE;
+		const buffer = attributeArray(GRID_SIZE * GRID_SIZE, "vec4");
+		const dispTex = new StorageTexture(GRID_SIZE, GRID_SIZE);
+		dispTex.type = FloatType;
+		const dispTexNode = storageTexture(dispTex);
+		onCleanup(() => {
+			dispTex.dispose();
+		});
+		const cursorXU = uniform(.5);
+		const cursorYU = uniform(.5);
+		const mouseVelXU = uniform(0);
+		const mouseVelYU = uniform(0);
+		const dtU = uniform(.016);
+		const decayU = uniform(3);
+		const intensityU = uniform(1);
+		const radiusU = uniform(.05);
+		const aspectU = uniform(1);
+		const gs = uint(GRID_SIZE);
+		const updatePass = Fn(() => {
+			const idx = instanceIndex;
+			const j = idx.mod(gs);
+			const i = idx.div(gs);
+			const cell = buffer.element(idx);
+			const dx = cell.x.mul(float(1).sub(decayU.mul(dtU))).toVar();
+			const dy = cell.y.mul(float(1).sub(decayU.mul(dtU))).toVar();
+			const cellX = j.toFloat().add(float(.5)).div(float(GRID_SIZE));
+			const cellY = i.toFloat().add(float(.5)).div(float(GRID_SIZE));
+			const ddx = aspectU.greaterThanEqual(float(1)).select(cellX.sub(cursorXU).mul(aspectU), cellX.sub(cursorXU));
+			const ddy = aspectU.greaterThanEqual(float(1)).select(cellY.sub(cursorYU), cellY.sub(cursorYU).div(aspectU));
+			const distSq = ddx.mul(ddx).add(ddy.mul(ddy));
+			const radius2 = radiusU.mul(float(2));
+			If(distSq.lessThan(radius2.mul(radius2)).and(mouseVelXU.abs().add(mouseVelYU.abs()).greaterThan(float(.01))), () => {
+				const influence = distSq.negate().div(radiusU.mul(radiusU)).exp();
+				dx.assign(dx.add(mouseVelXU.mul(influence).mul(intensityU).mul(dtU).mul(float(.5))));
+				dy.assign(dy.add(mouseVelYU.mul(influence).mul(intensityU).mul(dtU).mul(float(.5))));
+			});
+			dx.assign(dx.clamp(float(-1), float(1)));
+			dy.assign(dy.clamp(float(-1), float(1)));
+			buffer.element(idx).assign(vec4(dx, dy, float(0), float(0)));
+		})().compute(GRID_SIZE * GRID_SIZE, [256]);
+		const outputPass = Fn(() => {
+			const idx = instanceIndex;
+			const j = idx.mod(gs);
+			const i = idx.div(gs);
+			const cell = buffer.element(idx);
+			textureStore(dispTexNode, uvec2(j, i), vec4(cell.x, cell.y, float(0), float(1))).toWriteOnly();
+		})().compute(GRID_SIZE * GRID_SIZE, [256]);
+		let prevX = .5;
+		let prevY = .5;
+		let lastTime = Date.now();
+		let lastActiveTime = Date.now();
+		let smoothVelX = 0;
+		let smoothVelY = 0;
+		return {
+			outputs: {
+				displacement: dispTex,
+				gridSize: GRID_SIZE
+			},
+			getComputeNodes: (params) => {
+				const currentTime = Date.now();
+				const dt = Math.min((currentTime - lastTime) / 1e3, .016);
+				lastTime = currentTime;
+				const aspect = dimensions.width / Math.max(dimensions.height, 1);
+				const velX = dt > 0 ? (params.pointer.x - prevX) / dt : 0;
+				const velY = dt > 0 ? (params.pointer.y - prevY) / dt : 0;
+				smoothVelX = smoothVelX * .85 + velX * .15;
+				smoothVelY = smoothVelY * .85 + velY * .15;
+				prevX = params.pointer.x;
+				prevY = params.pointer.y;
+				if (Math.abs(velX) + Math.abs(velY) > .01) lastActiveTime = currentTime;
+				const decayVal = uniforms.decay.uniform.value;
+				const settleTime = decayVal > 0 ? Math.min(3e4, Math.log(1e-4) / Math.log(Math.max(1e-6, 1 - decayVal * .016)) * 16.67) : 3e4;
+				if (currentTime - lastActiveTime > settleTime) return null;
+				cursorXU.value = params.pointer.x;
+				cursorYU.value = params.pointer.y;
+				mouseVelXU.value = smoothVelX;
+				mouseVelYU.value = smoothVelY;
+				dtU.value = dt;
+				decayU.value = uniforms.decay.uniform.value;
+				intensityU.value = uniforms.intensity.uniform.value;
+				radiusU.value = uniforms.radius.uniform.value * .05;
+				aspectU.value = aspect;
+				return [updatePass, outputPass];
+			}
+		};
+	},
+	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup, dimensions, computeOutputs }) => {
+		let displacementField;
+		let GRID_SIZE;
+		if (computeOutputs?.displacement) {
+			displacementField = texture(computeOutputs.displacement);
+			GRID_SIZE = computeOutputs.gridSize;
+		} else {
+			const state = getOrCreateDisplacementState(uniforms);
+			displacementField = state.tslNode;
+			GRID_SIZE = state.gridSize;
+			const { dataTexture: displacementTexture, data: displacementData } = state;
+			const mouseVelX = uniform(0);
+			const mouseVelY = uniform(0);
+			let prevX = .5, prevY = .5, lastTime = Date.now();
+			onBeforeRender(({ pointer }) => {
+				const currentTime = Date.now();
+				const dt = Math.min((currentTime - lastTime) / 1e3, .016);
+				lastTime = currentTime;
+				const aspect$1 = Math.max(1, dimensions.width) / Math.max(1, dimensions.height);
+				const velX = dt > 0 ? (pointer.x - prevX) / dt : 0;
+				const velY = dt > 0 ? (pointer.y - prevY) / dt : 0;
+				mouseVelX.value = mouseVelX.value * .85 + velX * .15;
+				mouseVelY.value = mouseVelY.value * .85 + velY * .15;
+				const decay = uniforms.decay.uniform.value;
+				const intensity = uniforms.intensity.uniform.value;
+				const radius = uniforms.radius.uniform.value * .05;
+				for (let i = 0; i < GRID_SIZE; i++) for (let j = 0; j < GRID_SIZE; j++) {
+					const idx = (i * GRID_SIZE + j) * 2;
+					displacementData[idx] *= 1 - decay * dt;
+					displacementData[idx + 1] *= 1 - decay * dt;
+					const cellX = (j + .5) / GRID_SIZE;
+					const cellY = (i + .5) / GRID_SIZE;
+					const dx = aspect$1 >= 1 ? (cellX - pointer.x) * aspect$1 : cellX - pointer.x;
+					const dy = aspect$1 >= 1 ? cellY - pointer.y : (cellY - pointer.y) / aspect$1;
+					const dist = Math.sqrt(dx * dx + dy * dy);
+					if (dist < radius * 2 && Math.abs(velX) + Math.abs(velY) > .01) {
+						const influence = Math.exp(-dist * dist / (radius * radius));
+						displacementData[idx] += mouseVelX.value * influence * intensity * dt * .5;
+						displacementData[idx + 1] += mouseVelY.value * influence * intensity * dt * .5;
+					}
+					displacementData[idx] = Math.max(-1, Math.min(1, displacementData[idx]));
+					displacementData[idx + 1] = Math.max(-1, Math.min(1, displacementData[idx + 1]));
+				}
+				displacementTexture.needsUpdate = true;
+				prevX = pointer.x;
+				prevY = pointer.y;
+			});
+			onCleanup(() => {
+				displacementTexture.dispose();
+				displacementStateCache.delete(uniforms);
+			});
+		}
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const gridSizeUniform = uniforms.gridSize.uniform;
+		const isWide = aspect.greaterThan(float(1));
+		const cellsX = isWide.select(gridSizeUniform, gridSizeUniform.mul(aspect)).max(float(1));
+		const cellsY = isWide.select(gridSizeUniform.div(aspect), gridSizeUniform).max(float(1));
+		const cellIndexX = screenUV.x.mul(cellsX).floor();
+		const cellIndexY = screenUV.y.mul(cellsY).floor();
+		const gridCellUV = vec2(cellIndexX.add(.5).div(cellsX), cellIndexY.add(.5).div(cellsY));
+		const displacement = displacementField.sample(gridCellUV).xy;
+		const maxDisplacement = float(.1);
+		const clampedDisplacement = displacement.clamp(vec2(maxDisplacement.negate(), maxDisplacement.negate()), vec2(maxDisplacement, maxDisplacement));
+		const distortedUV = screenUV.sub(clampedDisplacement);
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform.value));
+	}
+};
+var GridDistortion_default = componentDefinition;
+export { componentDefinition as n, GridDistortion_default as t };

package/dist/core/Liquify-cE5dxrfh.js

@@ -0,0 +1,351 @@
+import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
+import { c as transformEdges } from "./transformations-B5lM6fYX.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { StorageTexture } from "three/webgpu";
+import { DataTexture, FloatType, LinearFilter as LinearFilter$1, RGFormat } from "three";
+import { Fn, If, attributeArray, convertToTexture, float, instanceIndex, screenUV, storageTexture, texture, textureStore, uint, uniform, uvec2, vec2, vec4 } from "three/tsl";
+var GRID_SIZE = 64;
+const componentDefinition = {
+	name: "Liquify",
+	category: "Interactive",
+	description: "Liquid-like interactive deformation effect",
+	requiresRTT: true,
+	requiresChild: 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: {
+			default: "stretch",
+			description: "How to handle edges when distortion pushes content out of bounds",
+			transform: transformEdges,
+			compileTime: true,
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Stretch",
+						value: "stretch"
+					},
+					{
+						label: "Transparent",
+						value: "transparent"
+					},
+					{
+						label: "Mirror",
+						value: "mirror"
+					},
+					{
+						label: "Wrap",
+						value: "wrap"
+					}
+				],
+				label: "Edges",
+				group: "Effect"
+			}
+		}
+	},
+	computeNode: ({ uniforms, onCleanup, dimensions }) => {
+		const bufferA = attributeArray(GRID_SIZE * GRID_SIZE, "vec4");
+		const bufferB = attributeArray(GRID_SIZE * GRID_SIZE, "vec4");
+		const dispTex = new StorageTexture(GRID_SIZE, GRID_SIZE);
+		dispTex.type = FloatType;
+		const dispTexNode = storageTexture(dispTex);
+		onCleanup(() => {
+			dispTex.dispose();
+		});
+		const cursorXU = uniform(.5);
+		const cursorYU = uniform(.5);
+		const dirXU = uniform(0);
+		const dirYU = uniform(0);
+		const clampedSpeedU = uniform(0);
+		const dtU = uniform(.016);
+		const subDtU = uniform(.008);
+		const stiffnessU = uniform(3);
+		const dampFactorU = uniform(.97);
+		const radiusU = uniform(.08);
+		const aspectU = uniform(1);
+		const gs = uint(GRID_SIZE);
+		const gsm1 = uint(GRID_SIZE - 1);
+		const buildSpringKernel = (readBuf, writeBuf) => Fn(() => {
+			const idx = instanceIndex;
+			const j = idx.mod(gs);
+			const i = idx.div(gs);
+			If(i.greaterThan(uint(0)).and(i.lessThan(gsm1)).and(j.greaterThan(uint(0))).and(j.lessThan(gsm1)), () => {
+				const current = readBuf.element(idx);
+				const dispX = current.x;
+				const dispY = current.y;
+				const velX = current.z;
+				const velY = current.w;
+				const idxL = idx.sub(uint(1));
+				const idxR = idx.add(uint(1));
+				const idxU = idx.sub(gs);
+				const idxD = idx.add(gs);
+				const idxUL = idx.sub(gs).sub(uint(1));
+				const idxUR = idx.sub(gs).add(uint(1));
+				const idxDL = idx.add(gs).sub(uint(1));
+				const idxDR = idx.add(gs).add(uint(1));
+				const fx = stiffnessU.mul(readBuf.element(idxL).x.sub(dispX).add(readBuf.element(idxR).x.sub(dispX)).add(readBuf.element(idxU).x.sub(dispX)).add(readBuf.element(idxD).x.sub(dispX))).toVar();
+				const fy = stiffnessU.mul(readBuf.element(idxL).y.sub(dispY).add(readBuf.element(idxR).y.sub(dispY)).add(readBuf.element(idxU).y.sub(dispY)).add(readBuf.element(idxD).y.sub(dispY))).toVar();
+				const shearK = stiffnessU.mul(float(.35));
+				fx.assign(fx.add(shearK.mul(readBuf.element(idxUL).x.sub(dispX).add(readBuf.element(idxUR).x.sub(dispX)).add(readBuf.element(idxDL).x.sub(dispX)).add(readBuf.element(idxDR).x.sub(dispX)))));
+				fy.assign(fy.add(shearK.mul(readBuf.element(idxUL).y.sub(dispY).add(readBuf.element(idxUR).y.sub(dispY)).add(readBuf.element(idxDL).y.sub(dispY)).add(readBuf.element(idxDR).y.sub(dispY)))));
+				fx.assign(fx.sub(stiffnessU.mul(float(.1)).mul(dispX)));
+				fy.assign(fy.sub(stiffnessU.mul(float(.1)).mul(dispY)));
+				const newVelX = velX.mul(dampFactorU).add(fx.mul(subDtU)).toVar();
+				const newVelY = velY.mul(dampFactorU).add(fy.mul(subDtU)).toVar();
+				If(clampedSpeedU.greaterThan(float(.01)), () => {
+					const cellX = j.toFloat().add(float(.5)).div(float(GRID_SIZE));
+					const cellY = i.toFloat().add(float(.5)).div(float(GRID_SIZE));
+					const ddx = aspectU.greaterThanEqual(float(1)).select(cellX.sub(cursorXU).mul(aspectU), cellX.sub(cursorXU));
+					const ddy = aspectU.greaterThanEqual(float(1)).select(cellY.sub(cursorYU), cellY.sub(cursorYU).div(aspectU));
+					const distSq = ddx.mul(ddx).add(ddy.mul(ddy));
+					const influenceRadius = radiusU.mul(float(3));
+					If(distSq.lessThan(influenceRadius.mul(influenceRadius)), () => {
+						const forceMag = distSq.negate().div(radiusU.mul(radiusU)).exp().mul(clampedSpeedU).mul(dtU).mul(float(2));
+						newVelX.assign(newVelX.add(dirXU.mul(forceMag)));
+						newVelY.assign(newVelY.add(dirYU.mul(forceMag)));
+					});
+				});
+				const newDispX = dispX.add(newVelX.mul(subDtU)).clamp(float(-.5), float(.5));
+				const newDispY = dispY.add(newVelY.mul(subDtU)).clamp(float(-.5), float(.5));
+				writeBuf.element(idx).assign(vec4(newDispX, newDispY, newVelX, newVelY));
+			});
+		})().compute(GRID_SIZE * GRID_SIZE, [256]);
+		const buildOutputKernel = (srcBuf) => Fn(() => {
+			const idx = instanceIndex;
+			const j = idx.mod(gs);
+			const i = idx.div(gs);
+			const cell = srcBuf.element(idx);
+			textureStore(dispTexNode, uvec2(j, i), vec4(cell.x, cell.y, float(0), float(1))).toWriteOnly();
+		})().compute(GRID_SIZE * GRID_SIZE, [256]);
+		const springAtoB = buildSpringKernel(bufferA, bufferB);
+		const springBtoA = buildSpringKernel(bufferB, bufferA);
+		const outputFromA = buildOutputKernel(bufferA);
+		let prevX = .5;
+		let prevY = .5;
+		let lastTime = Date.now();
+		let lastActiveTime = Date.now();
+		return {
+			outputs: { displacement: dispTex },
+			getComputeNodes: (params) => {
+				const currentTime = Date.now();
+				const dt = Math.min((currentTime - lastTime) / 1e3, .016);
+				lastTime = currentTime;
+				if (dt <= 0) return null;
+				const aspect = dimensions.width / Math.max(dimensions.height, 1);
+				const stiffness = uniforms.stiffness.uniform.value;
+				const damping = uniforms.damping.uniform.value;
+				const radius = uniforms.radius.uniform.value * .08;
+				const rawVelX = (params.pointer.x - prevX) / dt;
+				const rawVelY = (params.pointer.y - prevY) / dt;
+				const speed = Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY);
+				const clampedSpeed = Math.min(speed, 3);
+				prevX = params.pointer.x;
+				prevY = params.pointer.y;
+				if (clampedSpeed > .01) lastActiveTime = currentTime;
+				const dampVal = uniforms.damping.uniform.value;
+				const settleMs = dampVal > 0 ? Math.min(3e4, 5e3 / dampVal) : 3e4;
+				if (currentTime - lastActiveTime > settleMs) return null;
+				const subDt = dt / 2;
+				cursorXU.value = params.pointer.x;
+				cursorYU.value = params.pointer.y;
+				dirXU.value = speed > .01 ? rawVelX / speed : 0;
+				dirYU.value = speed > .01 ? rawVelY / speed : 0;
+				clampedSpeedU.value = clampedSpeed;
+				dtU.value = dt;
+				subDtU.value = subDt;
+				stiffnessU.value = stiffness;
+				dampFactorU.value = Math.max(0, Math.min(1, 1 - damping * subDt));
+				radiusU.value = radius;
+				aspectU.value = aspect;
+				return [
+					springAtoB,
+					springBtoA,
+					outputFromA
+				];
+			}
+		};
+	},
+	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup, dimensions, computeOutputs }) => {
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = computeOutputs?.childTexture ?? convertToTexture(childNode);
+		if (!computeOutputs) onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		let displacement;
+		if (computeOutputs?.displacement) {
+			childTexture.sample(screenUV);
+			displacement = texture(computeOutputs.displacement).sample(screenUV).xy;
+		} else {
+			const displacementX = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const displacementY = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const velocityX = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const velocityY = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const tempVelocityX = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const tempVelocityY = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const tempDisplacementX = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const tempDisplacementY = new Float32Array(GRID_SIZE * GRID_SIZE);
+			const displacementData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
+			const displacementTexture = new DataTexture(displacementData, GRID_SIZE, GRID_SIZE, RGFormat, FloatType);
+			displacementTexture.magFilter = LinearFilter$1;
+			displacementTexture.minFilter = LinearFilter$1;
+			displacementTexture.needsUpdate = true;
+			const displacementField = texture(displacementTexture);
+			let prevX = .5;
+			let prevY = .5;
+			let lastTime = Date.now();
+			const SUBSTEPS = 2;
+			onBeforeRender(({ pointer }) => {
+				const currentTime = Date.now();
+				const dt = Math.min((currentTime - lastTime) / 1e3, .016);
+				lastTime = currentTime;
+				if (dt <= 0) return;
+				const aspect = dimensions.width / Math.max(dimensions.height, 1);
+				const stiffness = uniforms.stiffness.uniform.value;
+				const damping = uniforms.damping.uniform.value;
+				const radius = uniforms.radius.uniform.value * .08;
+				const rawVelX = (pointer.x - prevX) / dt;
+				const rawVelY = (pointer.y - prevY) / dt;
+				const speed = Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY);
+				const clampedSpeed = Math.min(speed, 3);
+				let dirX = 0, dirY = 0;
+				if (speed > .01) {
+					dirX = rawVelX / speed;
+					dirY = rawVelY / speed;
+				}
+				const subDt = dt / SUBSTEPS;
+				for (let s = 0; s < SUBSTEPS; s++) {
+					if (s === 0 && clampedSpeed > .01) {
+						const influenceRadius = radius * 3;
+						const minI = Math.max(1, Math.floor((pointer.y - influenceRadius) * GRID_SIZE));
+						const maxI = Math.min(GRID_SIZE - 2, Math.ceil((pointer.y + influenceRadius) * GRID_SIZE));
+						const minJ = Math.max(1, Math.floor((pointer.x - influenceRadius) * GRID_SIZE));
+						const maxJ = Math.min(GRID_SIZE - 2, Math.ceil((pointer.x + influenceRadius) * GRID_SIZE));
+						for (let i = minI; i <= maxI; i++) for (let j = minJ; j <= maxJ; j++) {
+							const idx = i * GRID_SIZE + j;
+							const cellX = (j + .5) / GRID_SIZE;
+							const cellY = (i + .5) / GRID_SIZE;
+							const ddx = aspect >= 1 ? (cellX - pointer.x) * aspect : cellX - pointer.x;
+							const ddy = aspect >= 1 ? cellY - pointer.y : (cellY - pointer.y) / aspect;
+							const dist = Math.sqrt(ddx * ddx + ddy * ddy);
+							if (dist < influenceRadius) {
+								const forceMag = Math.exp(-dist * dist / (radius * radius)) * clampedSpeed * dt * 2;
+								velocityX[idx] += dirX * forceMag;
+								velocityY[idx] += dirY * forceMag;
+							}
+						}
+					}
+					const dampFactor = Math.max(0, Math.min(1, 1 - damping * subDt));
+					const shearK = stiffness * .35;
+					tempVelocityX.set(velocityX);
+					tempVelocityY.set(velocityY);
+					tempDisplacementX.set(displacementX);
+					tempDisplacementY.set(displacementY);
+					for (let i = 1; i < GRID_SIZE - 1; i++) for (let j = 1; j < GRID_SIZE - 1; j++) {
+						const idx = i * GRID_SIZE + j;
+						let fx = 0, fy = 0;
+						const idxL = idx - 1, idxR = idx + 1;
+						const idxU = idx - GRID_SIZE, idxD = idx + GRID_SIZE;
+						fx += stiffness * (displacementX[idxL] - displacementX[idx]);
+						fx += stiffness * (displacementX[idxR] - displacementX[idx]);
+						fx += stiffness * (displacementX[idxU] - displacementX[idx]);
+						fx += stiffness * (displacementX[idxD] - displacementX[idx]);
+						fy += stiffness * (displacementY[idxL] - displacementY[idx]);
+						fy += stiffness * (displacementY[idxR] - displacementY[idx]);
+						fy += stiffness * (displacementY[idxU] - displacementY[idx]);
+						fy += stiffness * (displacementY[idxD] - displacementY[idx]);
+						const idxUL = idx - GRID_SIZE - 1, idxUR = idx - GRID_SIZE + 1;
+						const idxDL = idx + GRID_SIZE - 1, idxDR = idx + GRID_SIZE + 1;
+						fx += shearK * (displacementX[idxUL] - displacementX[idx]);
+						fx += shearK * (displacementX[idxUR] - displacementX[idx]);
+						fx += shearK * (displacementX[idxDL] - displacementX[idx]);
+						fx += shearK * (displacementX[idxDR] - displacementX[idx]);
+						fy += shearK * (displacementY[idxUL] - displacementY[idx]);
+						fy += shearK * (displacementY[idxUR] - displacementY[idx]);
+						fy += shearK * (displacementY[idxDL] - displacementY[idx]);
+						fy += shearK * (displacementY[idxDR] - displacementY[idx]);
+						fx -= stiffness * .1 * displacementX[idx];
+						fy -= stiffness * .1 * displacementY[idx];
+						tempVelocityX[idx] = velocityX[idx] * dampFactor + fx * subDt;
+						tempVelocityY[idx] = velocityY[idx] * dampFactor + fy * subDt;
+						tempDisplacementX[idx] = displacementX[idx] + tempVelocityX[idx] * subDt;
+						tempDisplacementY[idx] = displacementY[idx] + tempVelocityY[idx] * subDt;
+						tempDisplacementX[idx] = Math.max(-.5, Math.min(.5, tempDisplacementX[idx]));
+						tempDisplacementY[idx] = Math.max(-.5, Math.min(.5, tempDisplacementY[idx]));
+					}
+					velocityX.set(tempVelocityX);
+					velocityY.set(tempVelocityY);
+					displacementX.set(tempDisplacementX);
+					displacementY.set(tempDisplacementY);
+				}
+				for (let i = 0; i < GRID_SIZE; i++) for (let j = 0; j < GRID_SIZE; j++) {
+					const idx = i * GRID_SIZE + j;
+					const dIdx = idx * 2;
+					displacementData[dIdx] = displacementX[idx];
+					displacementData[dIdx + 1] = displacementY[idx];
+				}
+				displacementTexture.needsUpdate = true;
+				prevX = pointer.x;
+				prevY = pointer.y;
+			});
+			onCleanup(() => {
+				displacementTexture.dispose();
+			});
+			displacement = displacementField.sample(screenUV).xy;
+		}
+		const intensityScale = uniforms.intensity.uniform.mul(.1);
+		const scaledDisplacement = displacement.mul(intensityScale);
+		const maxDisp = float(.15);
+		const clampedDisplacement = scaledDisplacement.clamp(vec2(maxDisp.negate(), maxDisp.negate()), vec2(maxDisp, maxDisp));
+		const distortedUV = screenUV.sub(clampedDisplacement);
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform.value));
+	}
+};
+var Liquify_default = componentDefinition;
+export { componentDefinition as n, Liquify_default as t };

package/dist/core/{Neon-CUKnkAK8.js → Neon-Dg8UfC7P.js}

@@ -1,5 +1,5 @@
 import { a as transformColor, l as transformPosition } from "./transformations-B5lM6fYX.js";
-import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-Bux00UoZ.js";
+import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-DyC2H_qS.js";
 import { Fn, atan, clamp, cos, exp, exp2, float, max, mix, pow, screenUV, sin, smoothstep, sqrt, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var _LZ = .7;
 var _INV_LIGHT_LEN = 1 / Math.sqrt(1 + _LZ * _LZ);

package/dist/core/{Polygon-C1y6Nyh4.js → Polygon-DRCs3CYs.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { c as polygonSdf, t as circleSdf } from "./sdf-Bux00UoZ.js";
+import { c as polygonSdf, t as circleSdf } from "./sdf-DyC2H_qS.js";
 import { cos, float, mix, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {