shaders 2.4.78 → 2.5.81

package/dist/core/Liquify-Cy6ck3_k.js

@@ -1,157 +0,0 @@
-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 { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
-import { convertToTexture, float, screenUV, texture, uniform, vec2, vec4 } from "three/tsl";
-var GRID_SIZE = 32;
-var displacementStateCache = /* @__PURE__ */ new WeakMap();
-var getOrCreateDisplacementState = (uniforms) => {
-	let state = displacementStateCache.get(uniforms);
-	if (!state) {
-		const data = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
-		const dataTexture = new DataTexture(data, GRID_SIZE, GRID_SIZE, RGFormat, FloatType);
-		dataTexture.magFilter = LinearFilter;
-		dataTexture.minFilter = LinearFilter;
-		dataTexture.needsUpdate = true;
-		state = {
-			dataTexture,
-			data,
-			tslNode: texture(dataTexture),
-			initialized: false
-		};
-		displacementStateCache.set(uniforms, state);
-	}
-	return state;
-};
-const componentDefinition = {
-	name: "Liquify",
-	category: "Interactive",
-	description: "Liquid-like interactive deformation effect",
-	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"
-			}
-		},
-		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"
-			}
-		}
-	},
-	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup }) => {
-		const { dataTexture: displacementTexture, data: displacementData, tslNode: displacementField } = getOrCreateDisplacementState(uniforms);
-		const mouseVelX = uniform(0);
-		const mouseVelY = uniform(0);
-		let prevX = .5;
-		let prevY = .5;
-		let lastTime = Date.now();
-		onBeforeRender(({ pointer, dimensions }) => {
-			const currentTime = Date.now();
-			const dt = Math.min((currentTime - lastTime) / 1e3, .016);
-			lastTime = currentTime;
-			const aspect = dimensions.width / 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 ? (cellX - pointer.x) * aspect : cellX - pointer.x;
-				const dy = aspect >= 1 ? cellY - pointer.y : (cellY - pointer.y) / aspect;
-				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 displacement = displacementField.sample(screenUV).xy;
-		const maxDisplacement = float(.2);
-		const negMaxDisplacement = float(-.2);
-		const clampedDisplacement = displacement.clamp(vec2(negMaxDisplacement, negMaxDisplacement), vec2(maxDisplacement, maxDisplacement));
-		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 };