shaders 2.2.30 → 2.2.32

package/dist/core/Swirl-BfD35doJ.js

@@ -0,0 +1,96 @@
+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, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
+const componentDefinition = {
+	name: "Swirl",
+	category: "Base Layers",
+	description: "Flowing swirl pattern with multi-layered noise",
+	props: {
+		colorA: {
+			default: "#1275d8",
+			description: "Primary gradient color",
+			transform: transformColor,
+			ui: {
+				type: "color",
+				label: "Color A"
+			}
+		},
+		colorB: {
+			default: "#e19136",
+			description: "Secondary gradient color",
+			transform: transformColor,
+			ui: {
+				type: "color",
+				label: "Color B"
+			}
+		},
+		speed: {
+			default: 1,
+			description: "Flow animation speed",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 5,
+				step: .1,
+				label: "Speed"
+			}
+		},
+		detail: {
+			default: 1,
+			description: "Level of detail and intricacy in the swirl patterns",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 5,
+				step: .1,
+				label: "Detail"
+			}
+		},
+		blend: {
+			default: 50,
+			description: "Skew color balance toward A (lower values) or B (higher values)",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Blend"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const uvCoords = screenUV;
+		const t = createAnimatedTime(params, uniforms.speed);
+		const detail = uniforms.detail.uniform;
+		const freq1 = detail;
+		const distort1 = vec2(uvCoords.x.add(sin(uvCoords.y.mul(freq1.mul(1.7)).add(t.mul(.8))).mul(.12).add(cos(uvCoords.x.mul(freq1.mul(.9)).sub(t.mul(.5))).mul(.05))), uvCoords.y.add(cos(uvCoords.x.mul(freq1.mul(1.3)).sub(t.mul(.6))).mul(.12).add(sin(uvCoords.y.mul(freq1.mul(1.1)).add(t.mul(.7))).mul(.05))));
+		const pattern1 = sin(distort1.x.mul(freq1.mul(2.1)).add(distort1.y.mul(freq1.mul(1.8))).add(t.mul(.4)));
+		const freq2 = detail.mul(2.1);
+		const distort2 = vec2(distort1.x.add(cos(distort1.y.mul(freq2.mul(2.7)).sub(t.mul(.45))).mul(.07).add(sin(distort1.x.mul(freq2.mul(1.9)).add(t.mul(.6))).mul(.04))), distort1.y.add(sin(distort1.x.mul(freq2.mul(2.3)).add(t.mul(.65))).mul(.07).add(cos(distort1.y.mul(freq2.mul(1.6)).sub(t.mul(.4))).mul(.04))));
+		const pattern2 = cos(distort2.x.mul(freq2.mul(1.4)).sub(distort2.y.mul(freq2.mul(1.9))).add(t.mul(.35)));
+		const freq3 = detail.mul(3.7);
+		const distort3 = vec2(distort2.x.add(sin(distort2.y.mul(freq3.mul(1.8)).add(t.mul(.85))).mul(.04).add(cos(distort2.x.mul(freq3.mul(1.3)).sub(t.mul(.55))).mul(.025)).add(sin(distort2.x.add(distort2.y).mul(freq3.mul(.7)).add(t.mul(.9))).mul(.02))), distort2.y.add(cos(distort2.x.mul(freq3.mul(1.6)).sub(t.mul(.75))).mul(.04).add(sin(distort2.y.mul(freq3.mul(1.1)).add(t.mul(.5))).mul(.025)).add(cos(distort2.x.add(distort2.y).mul(freq3.mul(.8)).sub(t.mul(.95))).mul(.02))));
+		const pattern3 = sin(distort3.x.mul(freq3.mul(1.1)).add(distort3.y.mul(freq3.mul(1.5))).sub(t.mul(.55)));
+		const combinedPattern = pattern1.mul(.45).add(pattern2.mul(.35)).add(pattern3.mul(.2));
+		const blendBias = uniforms.blend.uniform.sub(50).mul(.006);
+		const blendFactor = smoothstep(.3, .7, combinedPattern.mul(.5).add(.5).add(blendBias));
+		const colorMix = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, blendFactor, uniforms.colorSpace.uniform);
+		const shimmer = sin(t.mul(2.5).add(combinedPattern.mul(8))).mul(.015).add(1);
+		const finalColor = colorMix.mul(shimmer);
+		return vec4(finalColor.rgb, finalColor.a);
+	}
+};
+var Swirl_default = componentDefinition;
+export { componentDefinition as n, Swirl_default as t };

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

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.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 = {
@@ -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-Btn7OJ4m.js → WaveDistortion-BOWBSWEU.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.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 = {
@@ -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/{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 };