shaders 2.5.93 → 2.5.95

package/dist/core/computeBlur-B0KA4n89.js

@@ -0,0 +1,141 @@
+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 = 48;
+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) {
+	const intermediateTex = new StorageTexture(width, height);
+	intermediateTex.type = FloatType;
+	const outputTex = new StorageTexture(width, height);
+	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 w = uint(width);
+	const h = uint(height);
+	const wm1 = int(width - 1);
+	const hm1 = int(height - 1);
+	const horizontalPass = Fn(() => {
+		const idx = instanceIndex;
+		const x = idx.mod(w);
+		const y = idx.div(w);
+		If(y.lessThan(h), () => {
+			const sum = vec4(0).toVar();
+			const xi = x.toInt();
+			for (let i = -HALF_KERNEL; i <= HALF_KERNEL; i++) {
+				const texel = textureLoad(inputTexture, uvec2(xi.add(int(i)).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]);
+	const verticalPass = Fn(() => {
+		const idx = instanceIndex;
+		const x = idx.mod(w);
+		const y = idx.div(w);
+		If(y.lessThan(h), () => {
+			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), 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]);
+	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$1 = Math.exp(-(i * i) / (2 * sigma * sigma));
+			newWeights[i + HALF_KERNEL] = w$1;
+			total += w$1;
+		}
+		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 };

package/dist/core/effects/glass.d.ts

@@ -61,5 +61,5 @@ export interface GlassEffectUniforms {
         uniform: any;
     };
 }
-export declare function applyGlassEffect(childTexture: any, sdfSampler: (uv: any) => any, uniforms: GlassEffectUniforms & UniformsMap): Node;
+export declare function applyGlassEffect(childTexture: any, sdfSampler: (uv: any) => any, uniforms: GlassEffectUniforms & UniformsMap, onBeforeRender?: (callback: () => void) => void, blurredTexture?: any): Node;
 //# sourceMappingURL=glass.d.ts.map

package/dist/core/effects/glass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../src/effects/glass.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAMzC,eAAO,MAAM,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAO,CAAA;AAO/C,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,KAAK,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACvB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,IAAI,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACtB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC/B,sBAAsB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxC,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,cAAc,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAChC,iBAAiB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACnC,OAAO,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACzB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,eAAe,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACjC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;CAC9B;AAgBD,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,GAAG,EACjB,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,GAAG,EAC5B,QAAQ,EAAE,mBAAmB,GAAG,WAAW,GAC5C,IAAI,CAyKN"}
+{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../src/effects/glass.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAMzC,eAAO,MAAM,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAO,CAAA;AAO/C,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,KAAK,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACvB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,IAAI,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACtB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC/B,sBAAsB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxC,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,cAAc,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAChC,iBAAiB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACnC,OAAO,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACzB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,eAAe,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACjC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;CAC9B;AAgBD,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,GAAG,EACjB,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,GAAG,EAC5B,QAAQ,EAAE,mBAAmB,GAAG,WAAW,EAC3C,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,EAC/C,cAAc,CAAC,EAAE,GAAG,GACrB,IAAI,CAqMN"}

package/dist/core/index.js

@@ -7,108 +7,109 @@ import "./colorMixing-BPpDnR5I.js";
 import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
 import "./Aurora-BPHeGEZ_.js";
 import "./Beam-CAnoOWgt.js";
-import "./Blob-56vuq_qL.js";
-import "./Blur-DTyNQt1R.js";
-import "./BrightnessContrast-BoR9bi58.js";
-import "./Bulge-DN2R75Hp.js";
-import "./ChannelBlur-CCaPXjka.js";
-import "./Checkerboard-_IUtUrDv.js";
-import "./ChromaFlow-Cq6hDVjX.js";
-import "./ChromaticAberration-G8_bwQtD.js";
-import "./Circle--0oHzoCi.js";
-import "./ConcentricSpin-BzxzMieZ.js";
-import "./ConicGradient-BXXizzIs.js";
-import "./ContourLines-C0XSJEkE.js";
-import "./sdf-Bux00UoZ.js";
-import "./Crescent-DPxGWdPH.js";
-import "./Cross-CDyzf8TT.js";
-import "./CRTScreen-DolQEkb1.js";
-import "./Crystal-DSuN8TNY.js";
-import "./CursorRipples-n_xEDr10.js";
-import "./CursorTrail-C-0lpOV1.js";
-import "./DiamondGradient-TsOxHjg_.js";
-import "./DiffuseBlur-BqIV4JLM.js";
-import "./Dither-D_YF6z03.js";
-import "./DOMTexture-Dw3Qakny.js";
-import "./DotGrid-CiDt4NmI.js";
-import "./DropShadow-BRoXryDA.js";
-import "./Duotone-CGHcHB9f.js";
-import "./Ellipse-BNmzdnpK.js";
-import "./Emboss-nrduRrVs.js";
-import "./FallingLines-vdw8KxhV.js";
-import "./FilmGrain-BqQeKO6Z.js";
-import "./FloatingParticles-DR5cv6Eh.js";
-import "./Flower-B4xPp0Qa.js";
-import "./FlowField-DpP32B1X.js";
-import "./FlowingGradient-lSouJxmq.js";
-import "./Form3D-DQD-0zrd.js";
-import "./Glass-CR9981-Z.js";
-import "./GlassTiles-B7aAvcTQ.js";
-import "./Glitch-CgmgjLea.js";
-import "./Glow-CKWIRcBt.js";
-import "./Godrays-o-3Im6H1.js";
-import "./Grayscale-Bip62olI.js";
-import "./Grid-hwQnF_hs.js";
-import "./GridDistortion-DXM5MgSc.js";
-import "./Group-BexPm4Fb.js";
-import "./Halftone-onLYU4dF.js";
-import "./HexGrid-BkqEEgfh.js";
-import "./HueShift-BldS-av9.js";
-import "./ImageTexture-DLCjc5cM.js";
-import "./Invert-C2LI5GXr.js";
-import "./Kaleidoscope-CxWjs5jx.js";
-import "./LensFlare-BNO7tCXH.js";
-import "./LinearBlur-Ds6rm8u-.js";
-import "./LinearGradient-BZjDhnZp.js";
-import "./Liquify-CqcAWBwZ.js";
-import "./Mirror-5W3sul9v.js";
-import "./MultiPointGradient-lpUGnrLq.js";
-import "./Neon-CUKnkAK8.js";
-import "./Paper-14yYPnWW.js";
-import "./Perspective-POVbIGPc.js";
-import "./Pixelate-CxUxBDeN.js";
-import "./Plasma-DM9TU0VN.js";
-import "./PolarCoordinates-t4Wa00gQ.js";
-import "./Polygon-C1y6Nyh4.js";
-import "./Posterize-Dk4DE8Ee.js";
-import "./ProgressiveBlur-BcHBSVDo.js";
-import "./RadialGradient-CSXQIa5L.js";
-import "./RectangularCoordinates-YaZ_uRXb.js";
-import "./Ring-Chj1tp_P.js";
-import "./Ripples-wJx2FwJY.js";
-import "./RoundedRect-BEj6tE1e.js";
-import "./Saturation-B500nPZH.js";
-import "./Sharpness-NqY4_gKZ.js";
-import "./Shatter-CZMOHj60.js";
-import "./SimplexNoise-2-J7EbY9.js";
-import "./SineWave-OWJVWsI1.js";
-import "./Solarize-CEhQxL9Z.js";
-import "./SolidColor-Dlzm61ZG.js";
-import "./Spherize-CXf4_Mkm.js";
-import "./Spiral-CSXNX92f.js";
-import "./Star-fPw1j10r.js";
-import "./Strands-BPVy1zbt.js";
-import "./Stretch-CFAjfvny.js";
-import "./Stripes-BSGzno-I.js";
-import "./StudioBackground-81AihXcZ.js";
-import "./Swirl-D_ZvZtDS.js";
-import "./TiltShift-BysRsV8v.js";
-import "./Tint-C6xN-Qot.js";
-import "./Trapezoid-Cr61vRvN.js";
-import "./Tritone-Dk8GcpYo.js";
-import "./Truchet-BFd2XYD3.js";
-import "./Twirl-CA0r8U7e.js";
-import "./Vesica-AXTA8DJU.js";
-import "./Vibrance-Dq1jBFJb.js";
-import "./browser-DIoaEnIX.js";
-import "./VideoTexture-BobyGZGr.js";
-import "./Vignette-DB8x78Up.js";
-import "./Voronoi-ALXxxHBo.js";
-import "./WaveDistortion-BVT1KuLK.js";
-import "./Weave-j4CrCig4.js";
-import "./WebcamTexture-BXj7sqND.js";
-import "./ZoomBlur-Cl75kL8E.js";
-import { t as getAllShaders } from "./shaderRegistry-BZ6QG12o.js";
+import "./Blob-CuRSRXmA.js";
+import "./computeBlur-B0KA4n89.js";
+import "./Blur-CC8fo0C5.js";
+import "./BrightnessContrast-CJTOpQCn.js";
+import "./Bulge-Chpbxxzj.js";
+import "./ChannelBlur-CN_Zyiur.js";
+import "./Checkerboard-ucave4-a.js";
+import "./ChromaFlow-BZXyVHtK.js";
+import "./ChromaticAberration-DsMj-vBw.js";
+import "./Circle-QgCuVo44.js";
+import "./ConcentricSpin-Crfxti93.js";
+import "./ConicGradient-CQAPYlQg.js";
+import "./ContourLines-KTHC32hd.js";
+import "./sdf-DyC2H_qS.js";
+import "./Crescent-BkRt-XWy.js";
+import "./Cross-kkY7feuC.js";
+import "./CRTScreen-CTwXU-NX.js";
+import "./Crystal-xVyUhVD-.js";
+import "./CursorRipples-Cgm7N0Bp.js";
+import "./CursorTrail-CCRbdwHJ.js";
+import "./DiamondGradient-BC3ugP8a.js";
+import "./DiffuseBlur-eyM1v3ad.js";
+import "./Dither-CDfDotR6.js";
+import "./DOMTexture-D-RkeyMs.js";
+import "./DotGrid-T9YbgC3V.js";
+import "./DropShadow-jMhnYPXZ.js";
+import "./Duotone-Bl02WcA2.js";
+import "./Ellipse-CXxGqTYI.js";
+import "./Emboss-ClQV27Mt.js";
+import "./FallingLines-CArEXajJ.js";
+import "./FilmGrain-Ph73aoC_.js";
+import "./FloatingParticles-BtwGRl_d.js";
+import "./Flower-MAwlZEv8.js";
+import "./FlowField-RyqiRxyI.js";
+import "./FlowingGradient-C0Zoyfd6.js";
+import "./Form3D-rKpxb9t3.js";
+import "./Glass-gQCmJlsQ.js";
+import "./GlassTiles-k1C4a4u8.js";
+import "./Glitch-DzPMkBu4.js";
+import "./Glow-DvN-WnB4.js";
+import "./Godrays-DAYmq-BP.js";
+import "./Grayscale-lYKBBkGY.js";
+import "./Grid-BJ-nxN3i.js";
+import "./GridDistortion-DtaRNrTZ.js";
+import "./Group-DpozigtX.js";
+import "./Halftone-BVL2oy37.js";
+import "./HexGrid-D-EmQ4kI.js";
+import "./HueShift-D9K0ynaS.js";
+import "./ImageTexture-CArkZMfh.js";
+import "./Invert-DCnwo_Xq.js";
+import "./Kaleidoscope-BytHro3k.js";
+import "./LensFlare-B0vv4x97.js";
+import "./LinearBlur-BFewxPjV.js";
+import "./LinearGradient-BKUf_u7r.js";
+import "./Liquify-cE5dxrfh.js";
+import "./Mirror-DIle92J8.js";
+import "./MultiPointGradient-DDwac_mm.js";
+import "./Neon-Dg8UfC7P.js";
+import "./Paper-bMSMCeYK.js";
+import "./Perspective-BmfvQV6W.js";
+import "./Pixelate-Dl26r6IT.js";
+import "./Plasma-CJWS1TvX.js";
+import "./PolarCoordinates-lq6K4WBm.js";
+import "./Polygon-DRCs3CYs.js";
+import "./Posterize-BjH7Zscm.js";
+import "./ProgressiveBlur-Dm530r0z.js";
+import "./RadialGradient-DiGFPgrn.js";
+import "./RectangularCoordinates-COkNDxi0.js";
+import "./Ring-QApyKPzE.js";
+import "./Ripples-C8Q17Hvz.js";
+import "./RoundedRect-Ca9af9xe.js";
+import "./Saturation-CgDaiq6n.js";
+import "./Sharpness-CRXT0D30.js";
+import "./Shatter-BssZTRYJ.js";
+import "./SimplexNoise-KfTCAfpL.js";
+import "./SineWave-Ckeap_YM.js";
+import "./Solarize-DhtQYYpW.js";
+import "./SolidColor-6yUkGybH.js";
+import "./Spherize-8LXrGGG_.js";
+import "./Spiral-Bs7uZrBr.js";
+import "./Star-DiXwnPGP.js";
+import "./Strands-DsAAVemq.js";
+import "./Stretch-D7P2R5lV.js";
+import "./Stripes-DF8agIiJ.js";
+import "./StudioBackground-BFeNfwEu.js";
+import "./Swirl-BwezrSAA.js";
+import "./TiltShift-BqKaU3TM.js";
+import "./Tint-BdXlqlzz.js";
+import "./Trapezoid-BX_hmeZJ.js";
+import "./Tritone-BlJ7cchN.js";
+import "./Truchet-Bnn0fwbF.js";
+import "./Twirl-C5ijhqz1.js";
+import "./Vesica-DU0f85NG.js";
+import "./Vibrance-dqIV6GBe.js";
+import "./browser-ClWxLlIB.js";
+import "./VideoTexture-DJrkry82.js";
+import "./Vignette-DB1wO1dm.js";
+import "./Voronoi-C3WIJFWc.js";
+import "./WaveDistortion-BKma8-Ju.js";
+import "./Weave-xuu_vQ5e.js";
+import "./WebcamTexture-Cf8J7JB1.js";
+import "./ZoomBlur-UcS2iFT2.js";
+import { t as getAllShaders } from "./shaderRegistry-DriE1ikS.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";
@@ -809,6 +810,15 @@ function shaderRenderer() {
 						}
 					});
 				});
+				let hasComputeNodes = false;
+				for (const ni of nodeRegistry.nodes.values()) if (ni.computeGetNodes) {
+					hasComputeNodes = true;
+					break;
+				}
+				if (hasComputeNodes && materialUpdateBatchRAF === null) materialUpdateBatchRAF = requestAnimationFrame(() => {
+					materialUpdateBatchRAF = null;
+					updateMaterial();
+				});
 				lastRenderTime = 0;
 				renderFrame();
 			});
@@ -1089,6 +1099,20 @@ function shaderRenderer() {
 		const transformedUV = applyUVTransform(screenUV, nodeInfo.transformUniforms.offsetX, nodeInfo.transformUniforms.offsetY, nodeInfo.transformUniforms.rotation, nodeInfo.transformUniforms.scale, nodeInfo.transformUniforms.anchorX, nodeInfo.transformUniforms.anchorY, nodeInfo.transformUniforms.aspectRatio);
 		return applyEdgeHandling(transformedUV, texture$1.sample(transformedUV), texture$1, nodeInfo.transformUniforms.edges.value);
 	};
+	const initNodeCompute = (nodeInfo, params) => {
+		nodeInfo.computeOutputs = void 0;
+		nodeInfo.computeGetNodes = void 0;
+		if (nodeInfo.computeNodeFunc && renderer.backend?.isWebGPUBackend === true) try {
+			const result = nodeInfo.computeNodeFunc(params);
+			if (result) {
+				nodeInfo.computeOutputs = result.outputs;
+				nodeInfo.computeGetNodes = result.getComputeNodes;
+				return result.outputs;
+			}
+		} catch (e) {
+			console.error(`Error initializing compute for node ${nodeInfo.id}:`, e);
+		}
+	};
 	const composeNodeTree = (nodeId, processedMasks = /* @__PURE__ */ new Set(), currentlyComposedNodes) => {
 		if (currentWidth === 0 || currentHeight === 0) return vec4(0, 0, 0, 0);
 		const nodeInfo = nodeRegistry.nodes.get(nodeId);
@@ -1118,9 +1142,8 @@ function shaderRenderer() {
 			nodeInfo.beforeRenderCallbacks = [];
 			nodeInfo.afterRenderCallbacks = [];
 			nodeInfo.resizeCallbacks = [];
-			const effectiveUniforms0 = buildEffectiveUniforms(nodeInfo.uniforms ?? {}, nodeInfo.metadata.maps, nodeId, processedMasks);
-			return applyMaskIfNeeded(applyNodeTransformation(nodeInfo.fragmentNodeFunc({
-				uniforms: effectiveUniforms0,
+			const baseParams0 = {
+				uniforms: buildEffectiveUniforms(nodeInfo.uniforms ?? {}, nodeInfo.metadata.maps, nodeId, processedMasks),
 				childNode: void 0,
 				onCleanup: nodeSpecificOnCleanup,
 				onBeforeRender: nodeSpecificOnBeforeRender,
@@ -1133,7 +1156,9 @@ function shaderRenderer() {
 				},
 				renderer,
 				domCanvas: nodeInfo.domCanvas
-			}), nodeInfo), nodeInfo, nodeId, processedMasks);
+			};
+			baseParams0.computeOutputs = initNodeCompute(nodeInfo, baseParams0);
+			return applyMaskIfNeeded(applyNodeTransformation(nodeInfo.fragmentNodeFunc(baseParams0), nodeInfo), nodeInfo, nodeId, processedMasks);
 		} else {
 			const sortedChildren = [...childNodes].sort((a, b) => a.metadata.renderOrder - b.metadata.renderOrder);
 			if (nodeInfo.parentId === null) {
@@ -1179,9 +1204,8 @@ function shaderRenderer() {
 						childInfo.beforeRenderCallbacks = [];
 						childInfo.afterRenderCallbacks = [];
 						childInfo.resizeCallbacks = [];
-						const effectiveUniforms1 = buildEffectiveUniforms(childInfo.uniforms ?? {}, childInfo.metadata.maps, childInfo.id, processedMasks);
-						childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc({
-							uniforms: effectiveUniforms1,
+						const baseParams1 = {
+							uniforms: buildEffectiveUniforms(childInfo.uniforms ?? {}, childInfo.metadata.maps, childInfo.id, processedMasks),
 							childNode: effectiveChildNode,
 							onCleanup: childSpecificOnCleanup,
 							onBeforeRender: childSpecificOnBeforeRender,
@@ -1194,7 +1218,9 @@ function shaderRenderer() {
 							},
 							renderer,
 							domCanvas: childInfo.domCanvas
-						}), childInfo), childInfo, childInfo.id, processedMasks);
+						};
+						baseParams1.computeOutputs = initNodeCompute(childInfo, baseParams1);
+						childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc(baseParams1), childInfo), childInfo, childInfo.id, processedMasks);
 					}
 					if (childInfo.requiresChild && childInfo.metadata.blendMode === "normal" && !childHasChildren) composedChildren = mix(composedChildren || vec4(0, 0, 0, 0), childResult, childInfo.opacityUniform);
 					else if (composedChildren === void 0) if (nodeInfo.requiresRTT || effectiveOpacity !== 1) composedChildren = applyBlendMode(vec4(1, 1, 1, 0), childResult, childInfo.metadata.blendMode, childInfo.opacityUniform);
@@ -1212,9 +1238,8 @@ function shaderRenderer() {
 				nodeInfo.beforeRenderCallbacks = [];
 				nodeInfo.afterRenderCallbacks = [];
 				nodeInfo.resizeCallbacks = [];
-				const effectiveUniforms2 = buildEffectiveUniforms(nodeInfo.uniforms ?? {}, nodeInfo.metadata.maps, nodeId, processedMasks);
-				return applyMaskIfNeeded(applyNodeTransformation(nodeInfo.fragmentNodeFunc({
-					uniforms: effectiveUniforms2,
+				const baseParams2 = {
+					uniforms: buildEffectiveUniforms(nodeInfo.uniforms ?? {}, nodeInfo.metadata.maps, nodeId, processedMasks),
 					childNode: composedChildren,
 					onCleanup: nodeSpecificOnCleanup,
 					onBeforeRender: nodeSpecificOnBeforeRender,
@@ -1227,7 +1252,9 @@ function shaderRenderer() {
 					},
 					renderer,
 					domCanvas: nodeInfo.domCanvas
-				}), nodeInfo), nodeInfo, nodeId, processedMasks);
+				};
+				baseParams2.computeOutputs = initNodeCompute(nodeInfo, baseParams2);
+				return applyMaskIfNeeded(applyNodeTransformation(nodeInfo.fragmentNodeFunc(baseParams2), nodeInfo), nodeInfo, nodeId, processedMasks);
 			} else {
 				let composedChildrenResult = void 0;
 				for (let i = 0; i < sortedChildren.length; i++) {
@@ -1264,9 +1291,8 @@ function shaderRenderer() {
 						childInfo.beforeRenderCallbacks = [];
 						childInfo.afterRenderCallbacks = [];
 						childInfo.resizeCallbacks = [];
-						const effectiveUniforms3 = buildEffectiveUniforms(childInfo.uniforms ?? {}, childInfo.metadata.maps, childInfo.id, processedMasks);
-						childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc({
-							uniforms: effectiveUniforms3,
+						const baseParams3 = {
+							uniforms: buildEffectiveUniforms(childInfo.uniforms ?? {}, childInfo.metadata.maps, childInfo.id, processedMasks),
 							childNode: effectiveChildNode,
 							onCleanup: childSpecificOnCleanup,
 							onBeforeRender: childSpecificOnBeforeRender,
@@ -1279,7 +1305,9 @@ function shaderRenderer() {
 							},
 							renderer,
 							domCanvas: childInfo.domCanvas
-						}), childInfo), childInfo, childInfo.id, processedMasks);
+						};
+						baseParams3.computeOutputs = initNodeCompute(childInfo, baseParams3);
+						childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc(baseParams3), childInfo), childInfo, childInfo.id, processedMasks);
 					}
 					if (childInfo.requiresChild && childInfo.metadata.blendMode === "normal" && !childHasChildren) composedChildrenResult = mix(composedChildrenResult || vec4(0, 0, 0, 0), childResult, childInfo.opacityUniform);
 					else if (composedChildrenResult === void 0) if (nodeInfo.requiresRTT || effectiveOpacity !== 1) composedChildrenResult = applyBlendMode(vec4(1, 1, 1, 0), childResult, childInfo.metadata.blendMode, childInfo.opacityUniform);
@@ -1297,9 +1325,8 @@ function shaderRenderer() {
 				nodeInfo.beforeRenderCallbacks = [];
 				nodeInfo.afterRenderCallbacks = [];
 				nodeInfo.resizeCallbacks = [];
-				const effectiveUniforms4 = buildEffectiveUniforms(nodeInfo.uniforms ?? {}, nodeInfo.metadata.maps, nodeId, processedMasks);
-				return applyMaskIfNeeded(applyNodeTransformation(nodeInfo.fragmentNodeFunc({
-					uniforms: effectiveUniforms4,
+				const baseParams4 = {
+					uniforms: buildEffectiveUniforms(nodeInfo.uniforms ?? {}, nodeInfo.metadata.maps, nodeId, processedMasks),
 					childNode: composedChildrenResult,
 					onCleanup: nodeSpecificOnCleanup,
 					onBeforeRender: nodeSpecificOnBeforeRender,
@@ -1312,7 +1339,9 @@ function shaderRenderer() {
 					},
 					renderer,
 					domCanvas: nodeInfo.domCanvas
-				}), nodeInfo), nodeInfo, nodeId, processedMasks);
+				};
+				baseParams4.computeOutputs = initNodeCompute(nodeInfo, baseParams4);
+				return applyMaskIfNeeded(applyNodeTransformation(nodeInfo.fragmentNodeFunc(baseParams4), nodeInfo), nodeInfo, nodeId, processedMasks);
 			}
 		}
 	};
@@ -1402,6 +1431,7 @@ function shaderRenderer() {
 			transformUniforms,
 			transformRTTActive: false,
 			mapSampleUVsFunc: componentDefinition?.mapSampleUVs,
+			computeNodeFunc: componentDefinition?.computeNode,
 			domCanvas
 		};
 		nodeRegistry.nodes.set(id, nodeInfo);
@@ -1735,6 +1765,26 @@ function shaderRenderer() {
 			}
 		}
 	};
+	const executeComputeDispatches = (deltaTime) => {
+		const params = {
+			deltaTime,
+			pointer: {
+				x: pointerX,
+				y: pointerY
+			},
+			pointerActive,
+			dimensions: {
+				width: currentWidth,
+				height: currentHeight
+			}
+		};
+		for (const nodeInfo of nodeRegistry.nodes.values()) if (nodeInfo.computeGetNodes) try {
+			const nodes = nodeInfo.computeGetNodes(params);
+			if (nodes) for (const node of nodes) renderer.compute(node);
+		} catch (e) {
+			console.error(`Error dispatching compute for node ${nodeInfo.id}:`, e);
+		}
+	};
 	const executeBeforeRenderCallbacks = (deltaTime) => {
 		const params = {
 			deltaTime,
@@ -1804,6 +1854,7 @@ function shaderRenderer() {
 		lastRenderTime = currentTime;
 		if (enablePerformanceTracking) performance.mark("shader-cpu-start");
 		updateMouseDrivers(cappedDeltaTime);
+		executeComputeDispatches(cappedDeltaTime);
 		executeBeforeRenderCallbacks(cappedDeltaTime);
 		try {
 			if (isUpdatingMaterial) return;