shaders 2.5.108 → 2.5.110

package/dist/solid/engine/Shader.js

@@ -67,7 +67,7 @@ function Shader(allProps) {
     const checkRendering = () => {
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "2.5.108";
+        const version = "2.5.110";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();

package/dist/solid/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.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;AAw9CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.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;AAy9CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -552,7 +552,7 @@ const shaderMetadata = {
     "blendMode": "normal",
     "intensity": 1,
     "threshold": 0.5,
-    "size": 10
+    "size": 25
   },
   "Godrays": {
     "opacity": 1,
@@ -963,6 +963,7 @@ const shaderMetadata = {
     "blendMode": "normal",
     "colorA": "#ffffff",
     "colorB": "#000000",
+    "colorSpace": "linear",
     "scale": 2,
     "balance": 0,
     "contrast": 0,

package/dist/svelte/{generatePresetCode-DR_OAIL7.js → generatePresetCode-jdOx6mhw.js}

@@ -550,7 +550,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"intensity": 1,
 		"threshold": .5,
-		"size": 10
+		"size": 25
 	},
 	"Godrays": {
 		"opacity": 1,
@@ -961,6 +961,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#ffffff",
 		"colorB": "#000000",
+		"colorSpace": "linear",
 		"scale": 2,
 		"balance": 0,
 		"contrast": 0,

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-DR_OAIL7.js";
+import { n as generatePresetCode } from "./generatePresetCode-jdOx6mhw.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -21342,7 +21342,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.108", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.110", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-DR_OAIL7.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-jdOx6mhw.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -60,7 +60,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.108", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.110", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/vue/SimplexNoise.vue_vue_type_script_setup_true_lang.js

@@ -19,6 +19,7 @@ var SimplexNoise_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		transform: {},
 		colorA: {},
 		colorB: {},
+		colorSpace: {},
 		scale: {},
 		seed: {},
 		speed: {}

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

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.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;AAu9CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.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;AAw9CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -548,7 +548,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"intensity": 1,
 		"threshold": .5,
-		"size": 10
+		"size": 25
 	},
 	"Godrays": {
 		"opacity": 1,
@@ -959,6 +959,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#ffffff",
 		"colorB": "#000000",
+		"colorSpace": "linear",
 		"scale": 2,
 		"balance": 0,
 		"contrast": 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.5.108",
+  "version": "2.5.110",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",

package/dist/core/Swirl-By5FadQK.js

@@ -1,103 +0,0 @@
-import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
-import { cos, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
-const componentDefinition = {
-	name: "Swirl",
-	category: "Textures",
-	description: "Flowing swirl pattern with multi-layered noise",
-	props: {
-		colorA: {
-			default: "#1275d8",
-			description: "Primary gradient color",
-			transform: transformColor,
-			ui: {
-				type: "color",
-				label: "Color A",
-				group: "Colors"
-			}
-		},
-		colorB: {
-			default: "#e19136",
-			description: "Secondary gradient color",
-			transform: transformColor,
-			ui: {
-				type: "color",
-				label: "Color B",
-				group: "Colors"
-			}
-		},
-		speed: {
-			default: 1,
-			description: "Flow animation speed",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 5,
-				step: .1,
-				label: "Speed",
-				group: "Animation"
-			}
-		},
-		detail: {
-			default: 1,
-			description: "Level of detail and intricacy in the swirl patterns",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 5,
-				step: .1,
-				label: "Detail",
-				group: "Effect"
-			}
-		},
-		blend: {
-			default: 50,
-			description: "Skew color balance toward A (lower values) or B (higher values)",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Blend",
-				group: "Effect"
-			}
-		},
-		colorSpace: {
-			default: "linear",
-			transform: transformColorSpace,
-			compileTime: true,
-			description: "Color space for color interpolation",
-			ui: {
-				type: "select",
-				options: colorSpaceOptions,
-				label: "Color Space",
-				group: "Colors"
-			}
-		}
-	},
-	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.value);
-		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/computeBlur-DeXZ99YL.js

@@ -1,150 +0,0 @@
-import { StorageTexture } from "three/webgpu";
-import { FloatType } from "three";
-import { Fn, If, float, instanceIndex, int, storageTexture, textureLoad, textureStore, uint, uniformArray, uvec2, vec4 } from "three/tsl";
-var HALF_KERNEL = 24;
-var KERNEL_SIZE = HALF_KERNEL * 2 + 1;
-var VAR_SIGMA = HALF_KERNEL / 3;
-var FIXED_WEIGHTS = [];
-var fixedWeightSum = 0;
-for (let i = -HALF_KERNEL; i <= HALF_KERNEL; i++) {
-	const w = Math.exp(-(i * i) / (2 * VAR_SIGMA * VAR_SIGMA));
-	FIXED_WEIGHTS.push(w);
-	fixedWeightSum += w;
-}
-for (let i = 0; i < KERNEL_SIZE; i++) FIXED_WEIGHTS[i] /= fixedWeightSum;
-function createGaussianBlurCompute(inputTexture, width, height, onCleanup, outputScale = 1) {
-	if (outputScale !== 1 && outputScale !== .5) {
-		console.warn(`[computeBlur] unsupported outputScale ${outputScale} — falling back to 1`);
-		outputScale = 1;
-	}
-	const outWidth = Math.round(width * outputScale);
-	const outHeight = Math.round(height * outputScale);
-	const coordScale = Math.round(1 / outputScale);
-	const intermediateTex = new StorageTexture(outWidth, outHeight);
-	intermediateTex.type = FloatType;
-	const outputTex = new StorageTexture(outWidth, outHeight);
-	outputTex.type = FloatType;
-	onCleanup(() => {
-		intermediateTex.dispose();
-		outputTex.dispose();
-	});
-	const intermediateWriteNode = storageTexture(intermediateTex);
-	const intermediateReadNode = storageTexture(intermediateTex).toReadOnly();
-	const outputNode = storageTexture(outputTex);
-	const weights = uniformArray(new Array(KERNEL_SIZE).fill(0), "float");
-	let lastRadius = -1;
-	const ow = uint(outWidth);
-	const oh = uint(outHeight);
-	const inputWm1 = int(width - 1);
-	const inputHm1 = int(height - 1);
-	const outHm1 = int(outHeight - 1);
-	const horizontalPass = Fn(() => {
-		const idx = instanceIndex;
-		const x = idx.mod(ow);
-		const y = idx.div(ow);
-		If(y.lessThan(oh), () => {
-			const sum = vec4(0).toVar();
-			const xi = x.toInt().mul(int(coordScale));
-			const yi = y.toInt().mul(int(coordScale)).clamp(int(0), inputHm1);
-			for (let i = -HALF_KERNEL; i <= HALF_KERNEL; i++) {
-				const texel = textureLoad(inputTexture, uvec2(xi.add(int(i)).clamp(int(0), inputWm1).toUint(), yi.toUint()), int(0));
-				sum.assign(sum.add(texel.mul(weights.element(int(i + HALF_KERNEL)))));
-			}
-			textureStore(intermediateWriteNode, uvec2(x, y), sum).toWriteOnly();
-		});
-	})().compute(outWidth * outHeight, [256]);
-	const verticalPass = Fn(() => {
-		const idx = instanceIndex;
-		const x = idx.mod(ow);
-		const y = idx.div(ow);
-		If(y.lessThan(oh), () => {
-			const sum = vec4(0).toVar();
-			for (let i = -HALF_KERNEL; i <= HALF_KERNEL; i++) {
-				const texel = textureLoad(intermediateReadNode, uvec2(x, y.toInt().add(int(i)).clamp(int(0), outHm1).toUint()), int(0));
-				sum.assign(sum.add(texel.mul(weights.element(int(i + HALF_KERNEL)))));
-			}
-			textureStore(outputNode, uvec2(x, y), sum).toWriteOnly();
-		});
-	})().compute(outWidth * outHeight, [256]);
-	function updateRadius(pixelRadius) {
-		if (Math.abs(pixelRadius - lastRadius) < .01) return;
-		lastRadius = pixelRadius;
-		const sigma = Math.max(pixelRadius * .5, .001);
-		const newWeights = new Array(KERNEL_SIZE);
-		let total = 0;
-		for (let i = -HALF_KERNEL; i <= HALF_KERNEL; i++) {
-			const w = Math.exp(-(i * i) / (2 * sigma * sigma));
-			newWeights[i + HALF_KERNEL] = w;
-			total += w;
-		}
-		for (let i = 0; i < KERNEL_SIZE; i++) newWeights[i] /= total;
-		weights.array = newWeights;
-	}
-	updateRadius(4);
-	return {
-		computeNodes: [horizontalPass, verticalPass],
-		outputTexture: outputTex,
-		updateRadius
-	};
-}
-function createVariableGaussianBlurCompute(inputTexture, width, height, onCleanup) {
-	const blurMapTex = new StorageTexture(width, height);
-	blurMapTex.type = FloatType;
-	const blurMapWriteNode = storageTexture(blurMapTex);
-	const blurMapReadNode = storageTexture(blurMapTex).toReadOnly();
-	const intermediateTex = new StorageTexture(width, height);
-	intermediateTex.type = FloatType;
-	const outputTex = new StorageTexture(width, height);
-	outputTex.type = FloatType;
-	onCleanup(() => {
-		blurMapTex.dispose();
-		intermediateTex.dispose();
-		outputTex.dispose();
-	});
-	const intermediateWriteNode = storageTexture(intermediateTex);
-	const intermediateReadNode = storageTexture(intermediateTex).toReadOnly();
-	const outputNode = storageTexture(outputTex);
-	const weights = uniformArray(FIXED_WEIGHTS, "float");
-	const w = uint(width);
-	const h = uint(height);
-	const wm1 = int(width - 1);
-	const hm1 = int(height - 1);
-	const invHalf = float(1 / HALF_KERNEL);
-	return {
-		computeNodes: [Fn(() => {
-			const idx = instanceIndex;
-			const x = idx.mod(w);
-			const y = idx.div(w);
-			If(y.lessThan(h), () => {
-				const blurRadius = textureLoad(blurMapReadNode, uvec2(x, y), int(0)).r;
-				const sum = vec4(0).toVar();
-				const xi = x.toInt();
-				for (let i = -HALF_KERNEL; i <= HALF_KERNEL; i++) {
-					const offset = float(i).mul(invHalf).mul(blurRadius);
-					const texel = textureLoad(inputTexture, uvec2(xi.add(offset.round().toInt()).clamp(int(0), wm1).toUint(), y), int(0));
-					sum.assign(sum.add(texel.mul(weights.element(int(i + HALF_KERNEL)))));
-				}
-				textureStore(intermediateWriteNode, uvec2(x, y), sum).toWriteOnly();
-			});
-		})().compute(width * height, [256]), Fn(() => {
-			const idx = instanceIndex;
-			const x = idx.mod(w);
-			const y = idx.div(w);
-			If(y.lessThan(h), () => {
-				const blurRadius = textureLoad(blurMapReadNode, uvec2(x, y), int(0)).r;
-				const sum = vec4(0).toVar();
-				const yi = y.toInt();
-				for (let i = -HALF_KERNEL; i <= HALF_KERNEL; i++) {
-					const offset = float(i).mul(invHalf).mul(blurRadius);
-					const texel = textureLoad(intermediateReadNode, uvec2(x, yi.add(offset.round().toInt()).clamp(int(0), hm1).toUint()), int(0));
-					sum.assign(sum.add(texel.mul(weights.element(int(i + HALF_KERNEL)))));
-				}
-				textureStore(outputNode, uvec2(x, y), sum).toWriteOnly();
-			});
-		})().compute(width * height, [256])],
-		outputTexture: outputTex,
-		blurMapTexture: blurMapTex,
-		blurMapWriteNode
-	};
-}
-export { createVariableGaussianBlurCompute as n, createGaussianBlurCompute as t };