shaders 2.5.116 → 2.5.118

package/dist/core/WorleyNoise-CWytDfGH.js

@@ -0,0 +1,323 @@
+import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-CJcUeZIC.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
+import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
+import { Fn, abs, clamp, cos, dot, float, floor, fract, lengthSq, max, min, mix, screenUV, sin, sqrt, vec2, viewportSize } from "three/tsl";
+var TAU = float(Math.PI * 2);
+var HASH_AMP = float(.15);
+var CELL_CENTER = float(.5);
+var CELL_MIN = float(.05);
+var CELL_MAX = float(.95);
+var ANIM_PHASE_SCALE = float(.7);
+var SENTINEL = float(10);
+var worleyHash = Fn(([p]) => {
+	return fract(sin(vec2(dot(p, vec2(127.1, 311.7)), dot(p, vec2(269.5, 183.3)))).mul(float(43758.5453)));
+});
+var transformMode = (value) => {
+	return {
+		f1: 0,
+		f2: 1,
+		f2MinusF1: 2,
+		f1PlusF2: 3,
+		f1TimesF2: 4
+	}[value] ?? 0;
+};
+var transformDistance = (value) => {
+	return {
+		euclidean: 0,
+		manhattan: 1,
+		chebyshev: 2
+	}[value] ?? 0;
+};
+const componentDefinition = {
+	name: "WorleyNoise",
+	category: "Textures",
+	description: "Cellular noise field — distance-based, with selectable feature combinations and fractal octaves",
+	props: {
+		colorA: {
+			default: "#ffffff",
+			transform: transformColor,
+			description: "Color where the noise field is low (typically near cell centers)",
+			ui: {
+				type: "color",
+				label: "Color A (Low)",
+				group: "Colors"
+			}
+		},
+		colorB: {
+			default: "#000000",
+			transform: transformColor,
+			description: "Color where the noise field is high (typically near cell boundaries)",
+			ui: {
+				type: "color",
+				label: "Color B (High)",
+				group: "Colors"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			compileTime: true,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space",
+				group: "Colors"
+			}
+		},
+		scale: {
+			default: 6,
+			description: "Number of cells across the canvas at the base octave",
+			ui: {
+				type: ["range", "map"],
+				min: 1,
+				max: 30,
+				step: .5,
+				label: "Scale",
+				group: "Effect"
+			}
+		},
+		mode: {
+			default: "f1",
+			transform: transformMode,
+			compileTime: true,
+			description: "Field type. F1 = distance to nearest point. F2 = distance to second-nearest. F2 − F1 emphasises cell boundaries.",
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "F1 (Cells)",
+						value: "f1"
+					},
+					{
+						label: "F2 (Wider Cells)",
+						value: "f2"
+					},
+					{
+						label: "F2 − F1 (Edges)",
+						value: "f2MinusF1"
+					},
+					{
+						label: "F1 + F2",
+						value: "f1PlusF2"
+					},
+					{
+						label: "F1 × F2",
+						value: "f1TimesF2"
+					}
+				],
+				label: "Mode",
+				group: "Effect"
+			}
+		},
+		distance: {
+			default: "euclidean",
+			transform: transformDistance,
+			compileTime: true,
+			description: "Distance metric. Euclidean = round cells. Manhattan = diamond. Chebyshev = square.",
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Euclidean",
+						value: "euclidean"
+					},
+					{
+						label: "Manhattan",
+						value: "manhattan"
+					},
+					{
+						label: "Chebyshev",
+						value: "chebyshev"
+					}
+				],
+				label: "Distance",
+				group: "Effect"
+			}
+		},
+		octaves: {
+			default: 1,
+			compileTime: true,
+			description: "Number of fractal layers stacked at progressively finer scales",
+			ui: {
+				type: "range",
+				min: 1,
+				max: 4,
+				step: 1,
+				label: "Octaves",
+				group: "Effect"
+			}
+		},
+		lacunarity: {
+			default: 2,
+			description: "Scale multiplier between octaves (only active when Octaves > 1)",
+			ui: {
+				type: ["range", "map"],
+				min: 1.5,
+				max: 4,
+				step: .1,
+				label: "Lacunarity",
+				group: "Effect",
+				condition: { octaves: [
+					2,
+					3,
+					4
+				] }
+			}
+		},
+		persistence: {
+			default: .5,
+			description: "Amplitude multiplier between octaves (only active when Octaves > 1)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .05,
+				label: "Persistence",
+				group: "Effect",
+				condition: { octaves: [
+					2,
+					3,
+					4
+				] }
+			}
+		},
+		jitter: {
+			default: 1,
+			description: "How much each cell's point drifts inside its cell. 0 = rigid grid (banded look), 1 = fully random.",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .05,
+				label: "Jitter",
+				group: "Effect"
+			}
+		},
+		contrast: {
+			default: 1,
+			description: "Steepness of the gradient between low and high regions",
+			ui: {
+				type: ["range", "map"],
+				min: .25,
+				max: 4,
+				step: .05,
+				label: "Contrast",
+				group: "Effect"
+			}
+		},
+		balance: {
+			default: 0,
+			description: "Shifts the gradient midpoint. Negative pulls the field toward Color A, positive toward Color B.",
+			ui: {
+				type: ["range", "map"],
+				min: -1,
+				max: 1,
+				step: .05,
+				label: "Balance",
+				group: "Effect"
+			}
+		},
+		seed: {
+			default: 0,
+			description: "Random seed — shifts the cell pattern without changing its overall structure",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Seed",
+				group: "Effect"
+			}
+		},
+		speed: {
+			default: .5,
+			description: "Animation speed — how fast each cell's point drifts",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 5,
+				step: .1,
+				label: "Speed",
+				group: "Animation"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const colorA = uniforms.colorA.uniform;
+		const colorB = uniforms.colorB.uniform;
+		const csMode = uniforms.colorSpace.uniform.value;
+		const modeNum = uniforms.mode.uniform.value;
+		const distNum = uniforms.distance.uniform.value;
+		const octavesNum = Math.max(1, Math.min(4, Math.round(uniforms.octaves.uniform.value)));
+		const t = createAnimatedTime(params, uniforms.speed);
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const baseUV = vec2(screenUV.x.mul(aspect), screenUV.y);
+		const scale = uniforms.scale.uniform;
+		const seed = uniforms.seed.uniform;
+		const jitter = uniforms.jitter.uniform;
+		const lacunarity = uniforms.lacunarity.uniform;
+		const persistence = uniforms.persistence.uniform;
+		let modeScale = 1.5;
+		if (modeNum === 1) modeScale = 1;
+		else if (modeNum === 2) modeScale = 2.5;
+		else if (modeNum === 3) modeScale = .6;
+		else if (modeNum === 4) modeScale = 2;
+		if (distNum === 1) modeScale *= .7;
+		else if (distNum === 2) modeScale *= 1.4;
+		const isSquaredEuclidean = distNum === 0;
+		const needsD2 = modeNum !== 0;
+		const evalOctaveRaw = Fn(([oUV, animT, seedOff]) => {
+			const animTSlow = animT.mul(ANIM_PHASE_SCALE);
+			const cell = floor(oUV);
+			const localUV = fract(oUV);
+			let d1 = SENTINEL;
+			let d2 = SENTINEL;
+			for (let ny = -1; ny <= 1; ny++) for (let nx = -1; nx <= 1; nx++) {
+				const offset = vec2(float(nx), float(ny));
+				const h = worleyHash(cell.add(offset).add(seedOff));
+				const px = h.x.add(sin(animT.add(h.x.mul(TAU))).mul(HASH_AMP));
+				const py = h.y.add(cos(animTSlow.add(h.y.mul(TAU))).mul(HASH_AMP));
+				const jx = mix(CELL_CENTER, px.clamp(CELL_MIN, CELL_MAX), jitter);
+				const jy = mix(CELL_CENTER, py.clamp(CELL_MIN, CELL_MAX), jitter);
+				const point = offset.add(vec2(jx, jy));
+				const delta = localUV.sub(point);
+				let d;
+				if (distNum === 1) d = abs(delta.x).add(abs(delta.y));
+				else if (distNum === 2) d = max(abs(delta.x), abs(delta.y));
+				else d = lengthSq(delta);
+				if (needsD2) {
+					d2 = min(d2, max(d, d1));
+					d1 = min(d1, d);
+				} else d1 = min(d1, d);
+			}
+			let raw;
+			if (isSquaredEuclidean) if (modeNum === 1) raw = sqrt(d2);
+			else if (modeNum === 2) raw = sqrt(d2).sub(sqrt(d1));
+			else if (modeNum === 3) raw = sqrt(d1).add(sqrt(d2));
+			else if (modeNum === 4) raw = sqrt(d1.mul(d2));
+			else raw = sqrt(d1);
+			else if (modeNum === 1) raw = d2;
+			else if (modeNum === 2) raw = d2.sub(d1);
+			else if (modeNum === 3) raw = d1.add(d2);
+			else if (modeNum === 4) raw = d1.mul(d2);
+			else raw = d1;
+			return raw;
+		});
+		let acc = float(0);
+		let totalAmp = float(0);
+		let amp = float(1);
+		let freq = scale;
+		for (let o = 0; o < octavesNum; o++) {
+			const raw = evalOctaveRaw(baseUV.mul(freq), t.add(float(o * 17)), seed.add(float(o * 31)));
+			acc = acc.add(raw.mul(amp));
+			totalAmp = totalAmp.add(amp);
+			amp = amp.mul(persistence);
+			freq = freq.mul(lacunarity);
+		}
+		return mixColors(colorA, colorB, clamp(acc.div(totalAmp.max(float(1e-4))).mul(float(modeScale)).mul(float(2)).sub(float(1)).mul(uniforms.contrast.uniform).add(uniforms.balance.uniform).mul(float(.5)).add(float(.5)), float(0), float(1)), csMode);
+	}
+};
+var WorleyNoise_default = componentDefinition;
+export { componentDefinition as n, WorleyNoise_default as t };

package/dist/core/index.js

@@ -6,115 +6,123 @@ import "./Ascii-BwSMmD6Z.js";
 import "./colorMixing-BPpDnR5I.js";
 import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
 import "./Aurora-D5Pjk4ve.js";
-import "./Beam-mvF5Ri7_.js";
-import "./Blob-CLHx5s6k.js";
-import "./computeBlur-DCRhuYEi.js";
-import "./Blur-DG7lJKPo.js";
-import "./BrightnessContrast-CJTOpQCn.js";
-import "./Bulge-wflTcWfI.js";
-import "./ChannelBlur-BhcCkwcO.js";
-import "./Checkerboard-Db7Rb57F.js";
-import "./ChromaFlow-DbiVz3hF.js";
-import "./ChromaticAberration-Bg_I4XF-.js";
-import "./Circle-Bfi2e0Vm.js";
-import "./ConcentricSpin-bAFd5_WI.js";
-import "./ConicGradient-Bcw4_25S.js";
-import "./ContourLines-CcQWPKLx.js";
-import "./sdf-DyC2H_qS.js";
-import "./Crescent-DiioCL2k.js";
-import "./Cross-CxQTHuxC.js";
-import "./CRTScreen-CTwXU-NX.js";
-import "./Crystal-B3iO7o_n.js";
-import "./CursorRipples-CsYAXG2E.js";
-import "./CursorTrail-CUtEP_-P.js";
-import "./DiamondGradient-3b93bdrv.js";
-import "./DiffuseBlur-61Vuq571.js";
-import "./Dither-Cv0Uci60.js";
-import "./DOMTexture-D-RkeyMs.js";
-import "./DotGrid-C88Sux6D.js";
-import "./DropShadow-EZyCC_97.js";
-import "./Duotone-D4ads1T9.js";
-import "./Ellipse-iwH-zEvD.js";
-import "./Emboss-B4i61QDT.js";
-import "./FallingLines-CQBvwLqn.js";
-import "./FilmGrain-DSJiMtEp.js";
-import "./FloatingParticles-BAvsQDhF.js";
-import "./Flower-CdHVKJKu.js";
-import "./FlowField-D2xJ0Xr4.js";
-import "./FlowingGradient-DVDnNpGd.js";
-import "./FlutedGlass-trmBFfQr.js";
-import "./Fog-DrsxPyih.js";
-import "./Form3D-D1TtCjk8.js";
-import "./Glass-B19xsZLn.js";
-import "./GlassTiles-CMx4NyO-.js";
-import "./Glitch-BdygvJKe.js";
-import "./Glow-CsTZA75y.js";
-import "./Godrays-Mvz7ha2E.js";
-import "./Grayscale-ChaVI3AW.js";
-import "./Grid-CsD21Eqg.js";
-import "./GridDistortion-BcDqBh9i.js";
-import "./Group-BqVJ4S7i.js";
-import "./Halftone-3ImN5uQi.js";
-import "./HexGrid-BWwIHYEg.js";
-import "./HueShift-C1RxETwN.js";
-import "./ImageTexture-DXhgMEOT.js";
-import "./Invert-D3tc2UGp.js";
-import "./Kaleidoscope-D1HmcoOv.js";
-import "./LensFlare-Be-Z9whi.js";
-import "./LinearBlur-xrHtMmWp.js";
-import "./LinearGradient-BiIad_hA.js";
-import "./Liquify-DkTxZZFW.js";
-import "./Mirror-BDTE51kP.js";
-import "./MultiPointGradient-Bd-EGOI8.js";
-import "./Neon-BeGABHrs.js";
-import "./Paper-BmeUPAFe.js";
-import "./Perspective-CqweSeFv.js";
-import "./Pixelate-DqZcUKFK.js";
-import "./Plasma-DqKLBDYd.js";
-import "./PolarCoordinates-CKT4CLT7.js";
-import "./Polygon-_3DSqSBg.js";
-import "./Posterize-CxYemXTn.js";
-import "./ProgressiveBlur-Dh8W2bZ3.js";
-import "./RadialGradient-Dj3-DdO7.js";
-import "./RectangularCoordinates-DxeLJ2nt.js";
-import "./Ring-4J6h5Iof.js";
-import "./Ripples-CXeVzwUd.js";
-import "./RoundedRect-Dj-gqOc0.js";
-import "./Saturation-n-aXJS81.js";
-import "./Sharpness-7tm7b-Bu.js";
-import "./Shatter-CDza7dSw.js";
-import "./SimplexNoise-HQTocBLm.js";
-import "./SineWave-S6nK8ZHR.js";
-import "./Smoke-DjlArYQW.js";
-import "./SmokeFill-rM9vUIm4.js";
-import "./Solarize-gNMmd47z.js";
-import "./SolidColor-a8bCIksn.js";
-import "./Spherize-BHmD2ajL.js";
-import "./Spiral-Bjsi8BMH.js";
-import "./Star-CJ4mkBZg.js";
-import "./Strands-C9fEwaiR.js";
-import "./Stretch-Cvht8B0L.js";
-import "./Stripes-ChVSAeCO.js";
-import "./StudioBackground-B8hilROB.js";
-import "./Swirl-DZTPLx-W.js";
-import "./TiltShift-DSQ-CsXz.js";
-import "./Tint-P7KwJAU5.js";
-import "./Trapezoid-P9gXhH9a.js";
-import "./Tritone-_9VR2bhu.js";
-import "./Truchet-CbL5nYMj.js";
-import "./Twirl-C_97m32v.js";
-import "./Vesica-DYov_i53.js";
-import "./VHS-DbNjgUEX.js";
-import "./Vibrance-IDvmP1Xw.js";
-import "./browser-CsOpQ0L_.js";
-import "./VideoTexture-Cr1f0IOE.js";
-import "./Vignette-DmYVHciL.js";
-import "./Voronoi-kngFpTNB.js";
-import "./WaveDistortion-DM-f_XCw.js";
-import "./Weave-DO0m0Dsh.js";
-import "./WebcamTexture-BQJpZvC5.js";
-import "./ZoomBlur-DLaH226M.js";
-import { t as getAllShaders } from "./shaderRegistry-BPtUQU-N.js";
+import "./BarShift-2XBhva1A.js";
+import "./Beam-B3BX08lR.js";
+import "./Blob-B7IFHhVB.js";
+import "./computeBlur-CprKe0xa.js";
+import "./Blur-5_t3tR_g.js";
+import "./BrickPattern-BfTsjp4I.js";
+import "./BrightnessContrast-GppIqtkO.js";
+import "./Bulge-DMOATSEs.js";
+import "./ChannelBlur-DWgS3nhn.js";
+import "./Checkerboard-BVBGTvd-.js";
+import "./Chevron-BKZjAXR_.js";
+import "./ChromaFlow-C0guw_LP.js";
+import "./ChromaticAberration-vygkvgz-.js";
+import "./Circle-BycqVCMt.js";
+import "./ColorWheel-BQUKQPM-.js";
+import "./ConcentricSpin-CO3Kx1I1.js";
+import "./ConicGradient-DRvVwiSj.js";
+import "./ContourLines-s4waN3uU.js";
+import "./sdf-D_EAGXhN.js";
+import "./Crescent-ppz7W7eM.js";
+import "./Cross-BfNOtQ6s.js";
+import "./CRTScreen-corekL_R.js";
+import "./Crystal-QsQoy8fZ.js";
+import "./CursorRipples-CLP7Sinv.js";
+import "./CursorTrail-CshoSM5Y.js";
+import "./DiamondGradient-D6eyjZOn.js";
+import "./DiffuseBlur-BjvXHmJx.js";
+import "./Dither-z6s-TFg7.js";
+import "./DOMTexture-Ec0k6AnK.js";
+import "./DotGrid-BxAAGO4F.js";
+import "./DropShadow-CR3cecIQ.js";
+import "./Duotone-PwTfBBtM.js";
+import "./Ellipse-sWhNvW9-.js";
+import "./Emboss-DGaubb9x.js";
+import "./FallingLines-DqIZ8wTH.js";
+import "./FilmGrain-Dbw02Jz9.js";
+import "./FloatingParticles-C4sLwGyT.js";
+import "./Flower-BbRNrXIa.js";
+import "./FlowField-D3CAHBBG.js";
+import "./FlowingGradient-BRQ_K-k3.js";
+import "./FlutedGlass-CyFWN_SM.js";
+import "./Fog-CLGVVVeo.js";
+import "./Form3D-8tPyUgh4.js";
+import "./FractalNoise-Ccufnbw6.js";
+import "./Glass-CXT1jdLw.js";
+import "./GlassTiles-CXJHjEBe.js";
+import "./Glitch-Bg9W-KNm.js";
+import "./Glow-5PP4-rM9.js";
+import "./Godrays-DHXKsw5B.js";
+import "./Grayscale-DgXoUcmg.js";
+import "./Grid-DwyhjFAT.js";
+import "./GridDistortion-DJ8S-96Y.js";
+import "./Group-DmgNNlDd.js";
+import "./Halftone-x9boWkFW.js";
+import "./HexGrid-BUsgyF8P.js";
+import "./HueShift-D3_5D7jx.js";
+import "./ImageTexture-6ZzBt79u.js";
+import "./Invert-kXxY97QJ.js";
+import "./Kaleidoscope-D4jRcZCt.js";
+import "./LensFlare-D7vypE2Q.js";
+import "./LinearBlur-2hspd2YP.js";
+import "./LinearGradient-glCc9IaB.js";
+import "./Liquify-uZjs0wcu.js";
+import "./Marble-DkHLcqFD.js";
+import "./Mirror-Dv5fOEp6.js";
+import "./MultiPointGradient-Dvt1GUiv.js";
+import "./Neon-DQDB7hAE.js";
+import "./Paper-DNP2-hPM.js";
+import "./Perspective-CAIchX9p.js";
+import "./Pixelate-BbT3Rrf2.js";
+import "./Plasma-D9rhkH2y.js";
+import "./PolarCoordinates-2RBCk-fo.js";
+import "./Polygon-C6_siOs0.js";
+import "./Posterize-DNxTRgvF.js";
+import "./ProgressiveBlur-BJwJ5mE0.js";
+import "./RadialGradient-CQIctl__.js";
+import "./RectangularCoordinates-F2VzXmal.js";
+import "./Ring-CtnDtTY8.js";
+import "./Ripples-B4H0VoZb.js";
+import "./RoundedRect-tnt7Jr5b.js";
+import "./Saturation-6FlxHXSi.js";
+import "./Sharpness-C4cJlBuh.js";
+import "./Shatter-CnkycTRD.js";
+import "./SimplexNoise-BnRaoxON.js";
+import "./SineWave-CZ4Fanvr.js";
+import "./Smoke-CXPjGG-b.js";
+import "./SmokeFill-DzEtYeKN.js";
+import "./Solarize-CynVlxjT.js";
+import "./SolidColor-dCAOGC_P.js";
+import "./Spherize-C77QGVWj.js";
+import "./Spiral-eN65wa6O.js";
+import "./Star-0Flymgm9.js";
+import "./Strands-DnWJDGiO.js";
+import "./Stretch-B5XGF1bF.js";
+import "./Stripes-CNXJpFyr.js";
+import "./StudioBackground-DtiE2mCf.js";
+import "./SunBurst-D9X1-buZ.js";
+import "./Swirl-BV6pN94G.js";
+import "./TiltShift-r4qzPb2k.js";
+import "./Tint-CJ8FQdzA.js";
+import "./Trapezoid-JmybJMUr.js";
+import "./Tritone-D_QvxjGc.js";
+import "./Truchet-BJeZS_JQ.js";
+import "./Twirl-8ayqS0n8.js";
+import "./Vesica-D7iqgpJg.js";
+import "./VHS-Gbec95K_.js";
+import "./Vibrance-COKHmh8r.js";
+import "./browser-BamVDhaZ.js";
+import "./VideoTexture-D9XxE1Hw.js";
+import "./Vignette-Y_2yono-.js";
+import "./Voronoi-DQ_f6k5D.js";
+import "./WaveDistortion-R5FfwKQN.js";
+import "./Weave-DJ4s3Gwc.js";
+import "./WebcamTexture-9Td8qQWm.js";
+import "./WorleyNoise-CWytDfGH.js";
+import "./ZoomBlur-DWFQVFMK.js";
+import { t as getAllShaders } from "./shaderRegistry-CO5SCxc6.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, Vector2, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";