shaders 2.2.29 → 2.2.31

package/dist/core/{RectangularCoordinates-DyHBo456.js → RectangularCoordinates-Dq2JrmOX.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges, o as transformPosition } from "./transformations-Dv5JW9ck.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { PI, convertToTexture, cos, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "RectangularCoordinates",
@@ -70,15 +70,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const theta = uv$1.x.mul(PI.mul(2)).sub(PI);
-		const r = uv$1.y.mul(uniforms.scale.uniform);
-		const rectX = r.mul(cos(theta));
-		const rectY = r.mul(sin(theta));
-		const aspect = viewportSize$1.x.div(viewportSize$1.y);
-		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
-		return mix(uv$1, vec2(rectX.div(aspect).add(centerPos.x), rectY.add(centerPos.y)), uniforms.intensity.uniform);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{Ripples-2FGWCZlp.js → Ripples-Ot1rx8kL.js}

@@ -1,12 +1,11 @@
-import { t as createAnimatedTime } from "./time-CTJvRUZ4.js";
-import { o as transformPosition, r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { distance, float, screenUV, sin, smoothstep, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Ripples",
 	category: "Base Layers",
 	description: "Concentric animated ripples emanating from a point",
-	acceptsUVContext: true,
 	props: {
 		center: {
 			default: {
@@ -95,8 +94,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const uv$1 = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const uv$1 = screenUV;
 		const center = uniforms.center.uniform;
 		const colorA = uniforms.colorA.uniform;
 		const colorB = uniforms.colorB.uniform;

package/dist/core/{SimplexNoise-B6dtUCmn.js → SimplexNoise-BfilWh05.js}

@@ -1,12 +1,11 @@
-import { t as createAnimatedTime } from "./time-CTJvRUZ4.js";
-import { r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { clamp, exp, float, mx_noise_float, screenUV, vec2, vec3, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "SimplexNoise",
 	category: "Base Layers",
 	description: "Organic noise with animated movement",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#ffffff",
@@ -83,8 +82,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const uv$1 = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
 		const animTime = createAnimatedTime(params, uniforms.speed);

package/dist/core/{SineWave-BtPf6-2H.js → SineWave-DRqL-jda.js}

@@ -1,10 +1,9 @@
-import { n as transformAngle, o as transformPosition, r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { n as transformAngle, r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { PI, abs, cos, radians, screenUV, sin, smoothstep, time, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "SineWave",
 	category: "Base Layers",
 	description: "Animated wave with thickness and softness",
-	acceptsUVContext: true,
 	props: {
 		color: {
 			default: "#ffffff",
@@ -95,8 +94,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
 		const centerPos = vec2(uniforms.position.uniform.x.mul(aspect), uniforms.position.uniform.y.oneMinus());

package/dist/core/{SolidColor-CETl1cEr.js → SolidColor-B62ZBRlK.js}

@@ -1,9 +1,8 @@
-import { r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
 const componentDefinition = {
 	name: "SolidColor",
 	category: "Base Layers",
 	description: "Fill the canvas with a single solid color",
-	acceptsUVContext: true,
 	props: { color: {
 		default: "#5b18ca",
 		transform: transformColor,

package/dist/core/{Spherize-BwvUcorJ.js → Spherize-DDP0_5VP.js}

@@ -1,4 +1,4 @@
-import { o as transformPosition, r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { convertToTexture, dot, float, max, normalize, pow, screenUV, smoothstep, sqrt, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Spherize",

package/dist/core/{Spiral-DmJWmUmr.js → Spiral-Cx7Z8gLc.js}

@@ -1,11 +1,10 @@
-import { i as transformColorSpace, o as transformPosition, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { abs, atan, clamp, float, fract, fwidth, length, mix, screenUV, smoothstep, time, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Spiral",
 	category: "Base Layers",
 	description: "Rotating spiral pattern with animated movement",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#000000",
@@ -103,8 +102,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const baseUV = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const baseUV = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const aspectCorrectedUV = vec2(baseUV.x.mul(aspect), baseUV.y);
 		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());

package/dist/core/{Strands-CV1oCmHx.js → Strands-C9FBVtDe.js}

@@ -1,5 +1,5 @@
-import { t as createAnimatedTime } from "./time-CTJvRUZ4.js";
-import { o as transformPosition, r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
 import { Fn, abs, cos, float, max, mix, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Strands",
@@ -7,7 +7,6 @@ const componentDefinition = {
 	description: "Procedural wavy strands with layered animation",
 	requiresRTT: false,
 	requiresChild: false,
-	acceptsUVContext: true,
 	props: {
 		speed: {
 			default: .5,
@@ -107,8 +106,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const baseUV = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const baseUV = screenUV;
 		const t = createAnimatedTime(params, uniforms.speed);
 		const random = Fn(([time$1]) => {
 			return cos(time$1).add(cos(time$1.mul(1.2).add(1.6))).add(cos(time$1.mul(1.4).add(1.5))).div(3);

package/dist/core/{Stretch-pl-Cn2F8.js → Stretch-BCpOO3q6.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges, o as transformPosition } from "./transformations-Dv5JW9ck.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { clamp, convertToTexture, cos, float, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Stretch",
@@ -81,25 +81,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const aspect = viewportSize$1.x.div(viewportSize$1.y);
-		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
-		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
-		const delta = aspectCorrectedUV.sub(centerPos);
-		const angleRad = uniforms.angle.uniform.mul(Math.PI / 180);
-		const directionVector = vec2(cos(angleRad), sin(angleRad));
-		const projection = delta.dot(directionVector);
-		const perpendicular = delta.sub(directionVector.mul(projection));
-		const falloffAmount = uniforms.falloff.uniform;
-		const transitionWidth = mix(float(.001), float(75), falloffAmount);
-		const effectMask = clamp(projection.div(transitionWidth), float(0), float(1));
-		const scaledStrength = uniforms.strength.uniform.mul(float(100));
-		const stretchFactor = float(1).add(scaledStrength.mul(effectMask));
-		const finalProjection = projection.div(stretchFactor);
-		const stretchedDelta = directionVector.mul(finalProjection).add(perpendicular);
-		const stretchedUV = centerPos.add(stretchedDelta);
-		return vec2(stretchedUV.x.div(aspect), stretchedUV.y);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{Swirl-D65vXLDw.js → Swirl-KUjGnUAM.js}

@@ -1,12 +1,11 @@
-import { t as createAnimatedTime } from "./time-CTJvRUZ4.js";
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Swirl",
 	category: "Base Layers",
 	description: "Flowing swirl pattern with multi-layered noise",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#1275d8",
@@ -137,8 +136,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const uvCoords = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const uvCoords = screenUV;
 		const t = createAnimatedTime(params, uniforms.speed);
 		const detail = uniforms.detail.uniform;
 		const scaleCoarse = float(.02);

package/dist/core/{TiltShift-CFcK6Hzg.js → TiltShift-CvKqM1xk.js}

@@ -1,4 +1,4 @@
-import { n as transformAngle, o as transformPosition } from "./transformations-Dv5JW9ck.js";
+import { n as transformAngle, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { Fn, abs, convertToTexture, cos, dot, float, mix, radians, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "TiltShift",

package/dist/core/{Tritone-EmnjV2rX.js → Tritone-BeEJj4U0.js}

@@ -1,4 +1,4 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { convertToTexture, dot, screenUV, smoothstep, vec3, vec4 } from "three/tsl";
 const componentDefinition = {

package/dist/core/{Twirl-HSMyRx5I.js → Twirl-EJ3aS_lo.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges, o as transformPosition } from "./transformations-Dv5JW9ck.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { convertToTexture, cos, length, screenUV, sin, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Twirl",
@@ -59,16 +59,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms }) => {
-		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
-		const delta = uv$1.sub(centerPos);
-		const angle = uniforms.intensity.uniform.mul(length(delta));
-		const cosAngle = cos(angle);
-		const sinAngle = sin(angle);
-		const rotatedX = cosAngle.mul(delta.x).sub(sinAngle.mul(delta.y));
-		const rotatedY = sinAngle.mul(delta.x).add(cosAngle.mul(delta.y));
-		return vec2(rotatedX.add(centerPos.x), rotatedY.add(centerPos.y));
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) {
 			console.error("You must pass a child component into the Twirl shader.");

package/dist/core/{WaveDistortion-DG8GO_l8.js → WaveDistortion-BOWBSWEU.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges } from "./transformations-Dv5JW9ck.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges } from "./transformations-YbhRK-rd.js";
 import { PI, abs, convertToTexture, cos, float, fract, screenUV, sin, step, time, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "WaveDistortion",
@@ -114,28 +114,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms }) => {
-		const t = time.mul(uniforms.speed.uniform).mul(.5);
-		const angleRad = uniforms.angle.uniform.mul(PI).div(180);
-		const cosAngle = cos(angleRad);
-		const sinAngle = sin(angleRad);
-		const centeredUV = uv$1.sub(vec2(.5, .5));
-		const phase = vec2(centeredUV.x.mul(cosAngle).sub(centeredUV.y.mul(sinAngle)), centeredUV.x.mul(sinAngle).add(centeredUV.y.mul(cosAngle))).add(vec2(.5, .5)).y.mul(uniforms.frequency.uniform).mul(PI.mul(2)).add(t);
-		const normalizedPhase = fract(phase.div(PI.mul(2)));
-		const sineWave = sin(phase);
-		const triangleWave = abs(normalizedPhase.mul(2).sub(1)).mul(2).sub(1);
-		const squareWave = step(float(.5), normalizedPhase).mul(2).sub(1);
-		const sawtoothWave = normalizedPhase.mul(2).sub(1);
-		const waveTypeValue = uniforms.waveType.uniform;
-		const isSine = step(waveTypeValue, float(.5));
-		const isTriangle = step(float(.5), waveTypeValue).mul(step(waveTypeValue, float(1.5)));
-		const isSquare = step(float(1.5), waveTypeValue).mul(step(waveTypeValue, float(2.5)));
-		const isSawtooth = step(float(2.5), waveTypeValue);
-		const displacement = sineWave.mul(isSine).add(triangleWave.mul(isTriangle)).add(squareWave.mul(isSquare)).add(sawtoothWave.mul(isSawtooth)).mul(uniforms.strength.uniform).mul(.5);
-		const displacementX = displacement.mul(cosAngle);
-		const displacementY = displacement.mul(sinAngle);
-		return vec2(uv$1.x.add(displacementX), uv$1.y.add(displacementY));
-	},
 	fragmentNode: (params) => {
 		const { uniforms, childNode, onCleanup } = params;
 		if (!childNode) return vec4(0, 0, 0, 0);

package/dist/core/{ZoomBlur-C01oGwwG.js → ZoomBlur-gB0BxldE.js}

@@ -1,4 +1,4 @@
-import { o as transformPosition } from "./transformations-Dv5JW9ck.js";
+import { s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { Fn, convertToTexture, float, screenUV, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "ZoomBlur",

package/dist/core/{edges-Djr_12SL.js → edges-Bd7GP4s2.js}

@@ -1,13 +1,4 @@
 import { abs, float, fract, mod, select, step, vec2, vec4 } from "three/tsl";
-const applyEdgeToUV = (uv$1, edgeModeUniform) => {
-	const stretchedUV = uv$1.clamp(vec2(0, 0), vec2(1, 1));
-	const transparentUV = uv$1;
-	const mirrorX = mod(abs(uv$1.x), float(2));
-	const mirrorY = mod(abs(uv$1.y), float(2));
-	const mirroredUV = vec2(select(step(float(1), mirrorX), float(2).sub(mirrorX), mirrorX), select(step(float(1), mirrorY), float(2).sub(mirrorY), mirrorY));
-	const wrappedUV = fract(uv$1);
-	return select(step(float(.5), edgeModeUniform), select(step(float(1.5), edgeModeUniform), select(step(float(2.5), edgeModeUniform), wrappedUV, mirroredUV), transparentUV), stretchedUV);
-};
 const applyEdgeHandling = (distortedUV, sampledColor, childTexture, edgeModeUniform) => {
 	const inBoundsX = step(float(0), distortedUV.x).mul(step(distortedUV.x, float(1)));
 	const inBoundsY = step(float(0), distortedUV.y).mul(step(distortedUV.y, float(1)));
@@ -22,4 +13,4 @@ const applyEdgeHandling = (distortedUV, sampledColor, childTexture, edgeModeUnif
 	const wrapColor = childTexture.sample(wrappedUV);
 	return select(step(float(.5), edgeModeUniform), select(step(float(1.5), edgeModeUniform), select(step(float(2.5), edgeModeUniform), wrapColor, mirrorColor), transparentColor), sampledColor);
 };
-export { applyEdgeToUV as n, applyEdgeHandling as t };
+export { applyEdgeHandling as t };