shaders 2.2.31 → 2.2.33

package/dist/vue/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAmED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAyHD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.2.31",
+  "version": "2.2.33",
   "description": "Declarative shader components for Vue, React, and Svelte",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",

package/dist/core/GlassTiles-uW7j91uC.js

@@ -1,55 +0,0 @@
-import { add, convertToTexture, div, floor, mul, screenUV, sub, uniform, vec2, vec4 } from "three/tsl";
-const componentDefinition = {
-	name: "GlassTiles",
-	category: "Distortions",
-	description: "Refraction-like distortion in a tile grid pattern",
-	requiresRTT: true,
-	requiresChild: true,
-	props: {
-		intensity: {
-			default: 1,
-			description: "The intensity of the glass tiles effect",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 5,
-				step: .1,
-				label: "Intensity"
-			}
-		},
-		tileCount: {
-			default: 100,
-			description: "Number of tiles across the shortest dimension",
-			ui: {
-				type: "range",
-				min: 1,
-				max: 200,
-				step: 1,
-				label: "Tile Count"
-			}
-		}
-	},
-	fragmentNode: ({ uniforms, childNode, dimensions, onCleanup }) => {
-		if (!childNode) {
-			console.error("You must pass a child component into the Glass Tiles shader.");
-			return vec4(0);
-		}
-		const texture$1 = convertToTexture(childNode);
-		onCleanup(() => {
-			if (texture$1?.renderTarget?.dispose) texture$1.renderTarget.dispose();
-		});
-		const aspectRatioUniform = uniform(dimensions.width / dimensions.height);
-		const uvNode = screenUV;
-		const intensity = uniforms.intensity.uniform;
-		const baseTileCount = uniforms.tileCount.uniform;
-		const tileCount = vec2(aspectRatioUniform.greaterThanEqual(1).select(mul(baseTileCount, aspectRatioUniform), baseTileCount), aspectRatioUniform.lessThan(1).select(div(baseTileCount, aspectRatioUniform), baseTileCount));
-		const cellCoord = div(floor(mul(uvNode, tileCount)), tileCount);
-		const localUV = sub(uvNode, cellCoord);
-		const distortionCenter = vec2(.5, .5);
-		const distortionFactor = mul(intensity, .025);
-		const finalUV = add(add(localUV, mul(sub(div(localUV, div(vec2(1), tileCount)), distortionCenter), distortionFactor)), cellCoord);
-		return vec4(texture$1.sample(finalUV));
-	}
-};
-var GlassTiles_default = componentDefinition;
-export { componentDefinition as n, GlassTiles_default as t };

package/dist/core/Swirl-KUjGnUAM.js

@@ -1,171 +0,0 @@
-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",
-	props: {
-		colorA: {
-			default: "#1275d8",
-			description: "Primary gradient color",
-			transform: transformColor,
-			ui: {
-				type: "color",
-				label: "Primary Color"
-			}
-		},
-		colorB: {
-			default: "#e19136",
-			description: "Secondary gradient color",
-			transform: transformColor,
-			ui: {
-				type: "color",
-				label: "Secondary Color"
-			}
-		},
-		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: 10,
-				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"
-			}
-		},
-		coarseX: {
-			default: 50,
-			description: "Horizontal frequency for coarse/base layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Coarse X"
-			}
-		},
-		coarseY: {
-			default: 50,
-			description: "Vertical frequency for coarse/base layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Coarse Y"
-			}
-		},
-		mediumX: {
-			default: 50,
-			description: "Horizontal frequency for medium detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Medium X"
-			}
-		},
-		mediumY: {
-			default: 50,
-			description: "Vertical frequency for medium detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Medium Y"
-			}
-		},
-		fineX: {
-			default: 50,
-			description: "Horizontal frequency for fine detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Fine X"
-			}
-		},
-		fineY: {
-			default: 50,
-			description: "Vertical frequency for fine detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Fine Y"
-			}
-		},
-		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 scaleCoarse = float(.02);
-		const scaleMedium = float(.028);
-		const scaleFine = float(.056);
-		const freq1 = detail;
-		const coarseScaleX = uniforms.coarseX.uniform.mul(scaleCoarse);
-		const coarseScaleY = uniforms.coarseY.uniform.mul(scaleCoarse);
-		const distort1 = vec2(uvCoords.x.add(sin(uvCoords.y.mul(freq1.mul(coarseScaleY).mul(1.7)).add(t.mul(.8))).mul(.12)), uvCoords.y.add(cos(uvCoords.x.mul(freq1.mul(coarseScaleX).mul(1.3)).sub(t.mul(.6))).mul(.12)));
-		const pattern1 = sin(distort1.x.mul(freq1.mul(coarseScaleX).mul(2.1)).add(distort1.y.mul(freq1.mul(coarseScaleY).mul(1.8))).add(t.mul(.4)));
-		const freq2 = detail.mul(1.4);
-		const mediumScaleX = uniforms.mediumX.uniform.mul(scaleMedium);
-		const mediumScaleY = uniforms.mediumY.uniform.mul(scaleMedium);
-		const distort2 = vec2(distort1.x.add(cos(distort1.y.mul(freq2.mul(mediumScaleY).mul(1.9)).sub(t.mul(.5))).mul(.06)), distort1.y.add(sin(distort1.x.mul(freq2.mul(mediumScaleX).mul(2.3)).add(t.mul(.7))).mul(.06)));
-		const pattern2 = cos(distort2.x.mul(freq2.mul(mediumScaleX).mul(1.6)).sub(distort2.y.mul(freq2.mul(mediumScaleY).mul(2.4))).add(t.mul(.3)));
-		const freq3 = detail.mul(2.8);
-		const fineScaleX = uniforms.fineX.uniform.mul(scaleFine);
-		const fineScaleY = uniforms.fineY.uniform.mul(scaleFine);
-		const distort3 = vec2(distort2.x.add(sin(distort2.y.mul(freq3.mul(fineScaleY).mul(1.1)).add(t.mul(.9))).mul(.03)), distort2.y.add(cos(distort2.x.mul(freq3.mul(fineScaleX).mul(.9)).sub(t.mul(.4))).mul(.03)));
-		const pattern3 = sin(distort3.x.mul(freq3.mul(fineScaleX).mul(1.3)).add(distort3.y.mul(freq3.mul(fineScaleY).mul(1.7))).sub(t.mul(.6)));
-		const combinedPattern = pattern1.mul(.5).add(pattern2.mul(.3)).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 };