shaders 2.5.80 → 2.5.82

package/dist/core/FlowingGradient-DVproCI1.js

@@ -0,0 +1,145 @@
+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 { Fn, abs, clamp, cos, float, mix, mx_noise_float, pow, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "FlowingGradient",
+	category: "Textures",
+	description: "Liquid silk gradient with organic flowing color bands",
+	props: {
+		colorA: {
+			default: "#0a0015",
+			transform: transformColor,
+			description: "Deep background color",
+			ui: {
+				type: "color",
+				label: "Color A",
+				group: "Colors"
+			}
+		},
+		colorB: {
+			default: "#6b17e6",
+			transform: transformColor,
+			description: "Primary accent color",
+			ui: {
+				type: "color",
+				label: "Color B",
+				group: "Colors"
+			}
+		},
+		colorC: {
+			default: "#ff4d6a",
+			transform: transformColor,
+			description: "Secondary accent color",
+			ui: {
+				type: "color",
+				label: "Color C",
+				group: "Colors"
+			}
+		},
+		colorD: {
+			default: "#ff6b35",
+			transform: transformColor,
+			description: "Tertiary accent color",
+			ui: {
+				type: "color",
+				label: "Color D",
+				group: "Colors"
+			}
+		},
+		colorSpace: {
+			default: "oklch",
+			transform: transformColorSpace,
+			compileTime: true,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space",
+				group: "Colors"
+			}
+		},
+		speed: {
+			default: 1,
+			description: "Animation speed",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Speed",
+				group: "Effect"
+			}
+		},
+		distortion: {
+			default: .5,
+			description: "Organic distortion intensity",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 2,
+				step: .1,
+				label: "Distortion",
+				group: "Effect"
+			}
+		},
+		seed: {
+			default: 0,
+			description: "Random seed for variation",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Seed",
+				group: "Effect"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const colorA = uniforms.colorA.uniform;
+		const colorB = uniforms.colorB.uniform;
+		const colorC = uniforms.colorC.uniform;
+		const colorD = uniforms.colorD.uniform;
+		const csMode = uniforms.colorSpace.uniform.value;
+		const distortion = uniforms.distortion.uniform;
+		const seed = uniforms.seed.uniform;
+		const t = createAnimatedTime(params, uniforms.speed).mul(.075);
+		const aspect = viewportSize.x.div(viewportSize.y);
+		return Fn(() => {
+			const uv$1 = screenUV.sub(.5).toVar();
+			const seedOff = seed.mul(.17);
+			const angle = mx_noise_float(vec3(uv$1.x.mul(.8).add(t.mul(.4)), uv$1.y.mul(.8).sub(t.mul(.25)), seedOff)).mul(4 * Math.PI).mul(distortion);
+			const uvCorr = vec2(uv$1.x, uv$1.y.div(aspect));
+			const ca = cos(angle);
+			const sa = sin(angle);
+			uv$1.assign(vec2(uvCorr.x.mul(ca).sub(uvCorr.y.mul(sa)), uvCorr.x.mul(sa).add(uvCorr.y.mul(ca)).mul(aspect)));
+			const ws = t.mul(2);
+			uv$1.x.assign(uv$1.x.add(sin(uv$1.y.mul(5).add(ws)).div(50).mul(distortion)));
+			uv$1.y.assign(uv$1.y.add(sin(uv$1.x.mul(7.5).add(ws)).div(25).mul(distortion)));
+			const wp1 = vec3(uv$1.x.mul(2), uv$1.y.mul(2), t.mul(.5).add(seedOff));
+			const wx1 = mx_noise_float(wp1.add(vec3(5.2, 1.3, 0)));
+			const wy1 = mx_noise_float(wp1.add(vec3(1.7, 9.2, 0)));
+			uv$1.assign(uv$1.add(vec2(wx1, wy1).mul(.25).mul(distortion)));
+			const wp2 = vec3(uv$1.x.mul(1.5), uv$1.y.mul(1.5), t.mul(.3).add(seedOff));
+			const wx2 = mx_noise_float(wp2.add(vec3(8.3, 2.8, 0)));
+			const wy2 = mx_noise_float(wp2.add(vec3(3.1, 7.4, 0)));
+			uv$1.assign(uv$1.add(vec2(wx2, wy2).mul(.2).mul(distortion)));
+			const zoneNoise = mx_noise_float(vec3(uv$1.x.mul(1.8), uv$1.y.mul(1.8), t.mul(.3).add(seedOff)));
+			const edgeHardness = pow(wx1.mul(.5).add(.5), float(1.5));
+			const edgeWidth = mix(float(.5), float(.008), edgeHardness);
+			const t1 = smoothstep(edgeWidth.negate(), edgeWidth, zoneNoise);
+			const t2 = smoothstep(edgeWidth.negate(), edgeWidth, wy1);
+			const baseColor = mixColors(mixColors(colorA, colorB, t1, csMode), mixColors(colorC, colorD, t1, csMode), t2, csMode);
+			const foldMask1 = float(1).sub(abs(t1.mul(2).sub(1)));
+			const foldMask2 = float(1).sub(abs(t2.mul(2).sub(1)));
+			const foldHighlight = foldMask1.max(foldMask2).mul(edgeHardness);
+			const surfaceLight = wx2.mul(.5).add(.5).mul(.12).add(.94);
+			const baseAlpha = baseColor.w;
+			return vec4(clamp(baseColor.rgb.mul(surfaceLight).mul(float(1).add(foldHighlight.mul(.35))), 0, 1), baseAlpha);
+		})();
+	}
+};
+var FlowingGradient_default = componentDefinition;
+export { componentDefinition as n, FlowingGradient_default as t };

package/dist/core/Liquify-mhzPd19o.js

@@ -0,0 +1,228 @@
+import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
+import { c as transformEdges } from "./transformations-B5lM6fYX.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
+import { convertToTexture, float, screenUV, texture, vec2, vec4 } from "three/tsl";
+var GRID_SIZE = 64;
+const componentDefinition = {
+	name: "Liquify",
+	category: "Interactive",
+	description: "Liquid-like interactive deformation effect",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		intensity: {
+			default: 10,
+			description: "Scale of the fabric displacement effect",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 20,
+				step: .1,
+				label: "Intensity",
+				group: "Effect"
+			}
+		},
+		stiffness: {
+			default: 3,
+			description: "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)",
+			ui: {
+				type: "range",
+				min: 1,
+				max: 30,
+				step: .5,
+				label: "Stiffness",
+				group: "Effect"
+			}
+		},
+		damping: {
+			default: 3,
+			description: "How quickly fabric motion settles",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Damping",
+				group: "Effect"
+			}
+		},
+		radius: {
+			default: 1,
+			description: "Cursor influence area",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 1.5,
+				step: .1,
+				label: "Radius",
+				group: "Effect"
+			}
+		},
+		edges: {
+			default: "stretch",
+			description: "How to handle edges when distortion pushes content out of bounds",
+			transform: transformEdges,
+			compileTime: true,
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Stretch",
+						value: "stretch"
+					},
+					{
+						label: "Transparent",
+						value: "transparent"
+					},
+					{
+						label: "Mirror",
+						value: "mirror"
+					},
+					{
+						label: "Wrap",
+						value: "wrap"
+					}
+				],
+				label: "Edges",
+				group: "Effect"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup, dimensions }) => {
+		const displacementX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const displacementY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const velocityX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const velocityY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempVelocityX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempVelocityY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempDisplacementX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempDisplacementY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const displacementData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
+		const displacementTexture = new DataTexture(displacementData, GRID_SIZE, GRID_SIZE, RGFormat, FloatType);
+		displacementTexture.magFilter = LinearFilter;
+		displacementTexture.minFilter = LinearFilter;
+		displacementTexture.needsUpdate = true;
+		const displacementField = texture(displacementTexture);
+		let prevX = .5;
+		let prevY = .5;
+		let lastTime = Date.now();
+		const SUBSTEPS = 2;
+		onBeforeRender(({ pointer }) => {
+			const currentTime = Date.now();
+			const dt = Math.min((currentTime - lastTime) / 1e3, .016);
+			lastTime = currentTime;
+			if (dt <= 0) return;
+			const aspect = dimensions.width / dimensions.height;
+			const stiffness = uniforms.stiffness.uniform.value;
+			const damping = uniforms.damping.uniform.value;
+			const radius = uniforms.radius.uniform.value * .08;
+			const rawVelX = (pointer.x - prevX) / dt;
+			const rawVelY = (pointer.y - prevY) / dt;
+			const speed = Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY);
+			const clampedSpeed = Math.min(speed, 3);
+			let dirX = 0;
+			let dirY = 0;
+			if (speed > .01) {
+				dirX = rawVelX / speed;
+				dirY = rawVelY / speed;
+			}
+			const subDt = dt / SUBSTEPS;
+			for (let s = 0; s < SUBSTEPS; s++) {
+				if (s === 0 && clampedSpeed > .01) {
+					const influenceRadius = radius * 3;
+					const minI = Math.max(1, Math.floor((pointer.y - influenceRadius) * GRID_SIZE));
+					const maxI = Math.min(GRID_SIZE - 2, Math.ceil((pointer.y + influenceRadius) * GRID_SIZE));
+					const minJ = Math.max(1, Math.floor((pointer.x - influenceRadius) * GRID_SIZE));
+					const maxJ = Math.min(GRID_SIZE - 2, Math.ceil((pointer.x + influenceRadius) * GRID_SIZE));
+					for (let i = minI; i <= maxI; i++) for (let j = minJ; j <= maxJ; j++) {
+						const idx = i * GRID_SIZE + j;
+						const cellX = (j + .5) / GRID_SIZE;
+						const cellY = (i + .5) / GRID_SIZE;
+						const ddx = aspect >= 1 ? (cellX - pointer.x) * aspect : cellX - pointer.x;
+						const ddy = aspect >= 1 ? cellY - pointer.y : (cellY - pointer.y) / aspect;
+						const dist = Math.sqrt(ddx * ddx + ddy * ddy);
+						if (dist < influenceRadius) {
+							const forceMag = Math.exp(-dist * dist / (radius * radius)) * clampedSpeed * dt * 2;
+							velocityX[idx] += dirX * forceMag;
+							velocityY[idx] += dirY * forceMag;
+						}
+					}
+				}
+				const dampFactor = Math.max(0, Math.min(1, 1 - damping * subDt));
+				const shearK = stiffness * .35;
+				tempVelocityX.set(velocityX);
+				tempVelocityY.set(velocityY);
+				tempDisplacementX.set(displacementX);
+				tempDisplacementY.set(displacementY);
+				for (let i = 1; i < GRID_SIZE - 1; i++) for (let j = 1; j < GRID_SIZE - 1; j++) {
+					const idx = i * GRID_SIZE + j;
+					let fx = 0;
+					let fy = 0;
+					const idxL = idx - 1;
+					const idxR = idx + 1;
+					const idxU = idx - GRID_SIZE;
+					const idxD = idx + GRID_SIZE;
+					fx += stiffness * (displacementX[idxL] - displacementX[idx]);
+					fx += stiffness * (displacementX[idxR] - displacementX[idx]);
+					fx += stiffness * (displacementX[idxU] - displacementX[idx]);
+					fx += stiffness * (displacementX[idxD] - displacementX[idx]);
+					fy += stiffness * (displacementY[idxL] - displacementY[idx]);
+					fy += stiffness * (displacementY[idxR] - displacementY[idx]);
+					fy += stiffness * (displacementY[idxU] - displacementY[idx]);
+					fy += stiffness * (displacementY[idxD] - displacementY[idx]);
+					const idxUL = idx - GRID_SIZE - 1;
+					const idxUR = idx - GRID_SIZE + 1;
+					const idxDL = idx + GRID_SIZE - 1;
+					const idxDR = idx + GRID_SIZE + 1;
+					fx += shearK * (displacementX[idxUL] - displacementX[idx]);
+					fx += shearK * (displacementX[idxUR] - displacementX[idx]);
+					fx += shearK * (displacementX[idxDL] - displacementX[idx]);
+					fx += shearK * (displacementX[idxDR] - displacementX[idx]);
+					fy += shearK * (displacementY[idxUL] - displacementY[idx]);
+					fy += shearK * (displacementY[idxUR] - displacementY[idx]);
+					fy += shearK * (displacementY[idxDL] - displacementY[idx]);
+					fy += shearK * (displacementY[idxDR] - displacementY[idx]);
+					fx -= stiffness * .1 * displacementX[idx];
+					fy -= stiffness * .1 * displacementY[idx];
+					tempVelocityX[idx] = velocityX[idx] * dampFactor + fx * subDt;
+					tempVelocityY[idx] = velocityY[idx] * dampFactor + fy * subDt;
+					tempDisplacementX[idx] = displacementX[idx] + tempVelocityX[idx] * subDt;
+					tempDisplacementY[idx] = displacementY[idx] + tempVelocityY[idx] * subDt;
+					tempDisplacementX[idx] = Math.max(-.5, Math.min(.5, tempDisplacementX[idx]));
+					tempDisplacementY[idx] = Math.max(-.5, Math.min(.5, tempDisplacementY[idx]));
+				}
+				velocityX.set(tempVelocityX);
+				velocityY.set(tempVelocityY);
+				displacementX.set(tempDisplacementX);
+				displacementY.set(tempDisplacementY);
+			}
+			for (let i = 0; i < GRID_SIZE; i++) for (let j = 0; j < GRID_SIZE; j++) {
+				const idx = i * GRID_SIZE + j;
+				const dIdx = idx * 2;
+				displacementData[dIdx] = displacementX[idx];
+				displacementData[dIdx + 1] = displacementY[idx];
+			}
+			displacementTexture.needsUpdate = true;
+			prevX = pointer.x;
+			prevY = pointer.y;
+		});
+		onCleanup(() => {
+			displacementTexture.dispose();
+		});
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const displacement = displacementField.sample(screenUV).xy;
+		const intensityScale = uniforms.intensity.uniform.mul(.1);
+		const scaledDisplacement = displacement.mul(intensityScale);
+		const maxDisp = float(.15);
+		const clampedDisplacement = scaledDisplacement.clamp(vec2(maxDisp.negate(), maxDisp.negate()), vec2(maxDisp, maxDisp));
+		const distortedUV = screenUV.sub(clampedDisplacement);
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform.value));
+	}
+};
+var Liquify_default = componentDefinition;
+export { componentDefinition as n, Liquify_default as t };

package/dist/core/{VideoTexture-DDnc6aVv.js → VideoTexture-Dbsbgb1Y.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-daS5XZwr.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-CqdrcD5J.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/{WebcamTexture-rb0dLKSc.js → WebcamTexture-xvb8MuFz.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-daS5XZwr.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-CqdrcD5J.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/index.js

@@ -35,67 +35,68 @@ import "./FilmGrain-CSuerGc6.js";
 import "./FloatingParticles-CoBM_CJ8.js";
 import "./Flower-B-53jiUT.js";
 import "./FlowField-Bh3-dX6I.js";
-import "./Form3D-D3MoN95S.js";
-import "./Glass-CRaFJ-8c.js";
-import "./GlassTiles-C3PKMWgp.js";
-import "./Glitch-MyIU0Bad.js";
-import "./Glow-1ee_R1fA.js";
-import "./Godrays-CvcPIegU.js";
-import "./Grayscale-8MPw9PHN.js";
-import "./Grid-D64zkkku.js";
-import "./GridDistortion-B7PGORW3.js";
-import "./Group-DoOcKuhW.js";
-import "./Halftone-Co7P2SWy.js";
-import "./HueShift-Bvd9VTak.js";
-import "./ImageTexture-BJ1udc62.js";
-import "./Invert-5VR-fNRw.js";
-import "./Kaleidoscope-B0McCEhc.js";
-import "./LensFlare-DXgpPyJK.js";
-import "./LinearBlur-CBl0B23J.js";
-import "./LinearGradient-C0FT7-Lc.js";
-import "./Liquify-Cy6ck3_k.js";
-import "./Mirror-DfZBEOUf.js";
-import "./Neon-E8whPM6C.js";
-import "./Paper-DJwBbPxA.js";
-import "./Perspective-BdHcCgqZ.js";
-import "./Pixelate-B9x2E0k-.js";
-import "./Plasma-CMXrHMJv.js";
-import "./PolarCoordinates-tZbl0VOq.js";
-import "./Polygon-B4ab2iAo.js";
-import "./Posterize-Big6cECo.js";
-import "./ProgressiveBlur-D0ZlHOw4.js";
-import "./RadialGradient-C1Uu5_bL.js";
-import "./RectangularCoordinates-BB7_S4gH.js";
-import "./Ring-DVW66Ug0.js";
-import "./Ripples-DeRyNukC.js";
-import "./RoundedRect-B9y33WS5.js";
-import "./Saturation-NrGhLp0a.js";
-import "./Sharpness-DAC9Qnh0.js";
-import "./Shatter-ZIaXf4fs.js";
-import "./SimplexNoise-mSsE7oXX.js";
-import "./SineWave-BAhTQVXp.js";
-import "./SolidColor-BQnId3qy.js";
-import "./Spherize-YvHlKrZy.js";
-import "./Spiral-DUDZyQjj.js";
-import "./Star-DB4dmzyz.js";
-import "./Strands-CF49kt1s.js";
-import "./Stretch-Dkhera5t.js";
-import "./Stripes-BOROXiAH.js";
-import "./StudioBackground-DNmf8LGj.js";
-import "./Swirl-C5RQIA6E.js";
-import "./TiltShift-BgscLSg_.js";
-import "./Tint-CvKUJTtg.js";
-import "./Trapezoid-Co8cWZTK.js";
-import "./Tritone-Ss5m7yFO.js";
-import "./Twirl-CF_9ObSp.js";
-import "./Vesica-C7tcbHbW.js";
-import "./Vibrance-DVWcESAa.js";
-import "./browser-daS5XZwr.js";
-import "./VideoTexture-DDnc6aVv.js";
-import "./WaveDistortion-Caj3cQz7.js";
-import "./WebcamTexture-rb0dLKSc.js";
-import "./ZoomBlur-DUrSxwl0.js";
-import { t as getAllShaders } from "./shaderRegistry-9huRXSRI.js";
+import "./FlowingGradient-DVproCI1.js";
+import "./Form3D-DhezVuyN.js";
+import "./Glass-D7wAPADg.js";
+import "./GlassTiles-ClrOIpCg.js";
+import "./Glitch-DmWytiRl.js";
+import "./Glow-Dm4dfZ_m.js";
+import "./Godrays-CYILZUHg.js";
+import "./Grayscale-CPR_l4G2.js";
+import "./Grid-CCQZ3GhD.js";
+import "./GridDistortion-oGT8NaWa.js";
+import "./Group-CC317vlL.js";
+import "./Halftone-BZk1Hjz_.js";
+import "./HueShift-CuE3YTBE.js";
+import "./ImageTexture-DWUSKXX0.js";
+import "./Invert-C9RiDYP_.js";
+import "./Kaleidoscope-DtVlQWKG.js";
+import "./LensFlare-AVpiDD1O.js";
+import "./LinearBlur-AR65FcZh.js";
+import "./LinearGradient-DXCXjS-K.js";
+import "./Liquify-mhzPd19o.js";
+import "./Mirror-CSc5mJi1.js";
+import "./Neon-By5OgQ24.js";
+import "./Paper-DfUka0dt.js";
+import "./Perspective-uPiPmWy_.js";
+import "./Pixelate-DRkAW4Lo.js";
+import "./Plasma-ELzbK-Us.js";
+import "./PolarCoordinates-CalS_TB6.js";
+import "./Polygon-MN_gj5R6.js";
+import "./Posterize-C4vtRmtA.js";
+import "./ProgressiveBlur-CLYhfOvQ.js";
+import "./RadialGradient-DtD8HWdM.js";
+import "./RectangularCoordinates-B96mflF5.js";
+import "./Ring-76XLaaus.js";
+import "./Ripples-Cevf-Hvg.js";
+import "./RoundedRect-D6q6xf_O.js";
+import "./Saturation-CcDwPh2v.js";
+import "./Sharpness-D_dXfDEo.js";
+import "./Shatter-NfZzVt54.js";
+import "./SimplexNoise-aipzNV5j.js";
+import "./SineWave-CVeYx3n-.js";
+import "./SolidColor-BdbBnLxX.js";
+import "./Spherize-BRGwLGeu.js";
+import "./Spiral-BkTBXb7z.js";
+import "./Star-DN6qziUO.js";
+import "./Strands-Cjsw-cPu.js";
+import "./Stretch-9cta3Z1W.js";
+import "./Stripes-C0sCGCz_.js";
+import "./StudioBackground-BYv_-8df.js";
+import "./Swirl-DXjIXfy7.js";
+import "./TiltShift-56lcZ4cJ.js";
+import "./Tint-8_WIy9_e.js";
+import "./Trapezoid-C-HfI0fp.js";
+import "./Tritone-nyJyybHI.js";
+import "./Twirl-BzSEz4xK.js";
+import "./Vesica-DXWePxDj.js";
+import "./Vibrance-BETLN3Ie.js";
+import "./browser-CqdrcD5J.js";
+import "./VideoTexture-Dbsbgb1Y.js";
+import "./WaveDistortion-C-j597Jm.js";
+import "./WebcamTexture-xvb8MuFz.js";
+import "./ZoomBlur-DFw0J9x3.js";
+import { t as getAllShaders } from "./shaderRegistry-C0Tmid5z.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";
@@ -741,6 +742,9 @@ function shaderRenderer() {
 	const performanceTracker = new PerformanceTracker();
 	let pendingRegistrationQueue = [];
 	let isRendererReady = false;
+	let onReadyCallback = null;
+	let hasEmittedReady = false;
+	let firstRenderPending = false;
 	let materialUpdateBatchRAF = null;
 	let lastComposedNodes = /* @__PURE__ */ new Set();
 	let activeRTTNodes = /* @__PURE__ */ new Set();
@@ -883,6 +887,7 @@ function shaderRenderer() {
 					material = newMaterial;
 					needsMaterialRefresh = false;
 					lastComposedNodes = currentComposedNodes;
+					if (!hasEmittedReady && currentComposedNodes.size > 0) firstRenderPending = true;
 				}
 			}
 		} catch (error) {
@@ -1757,6 +1762,11 @@ function shaderRenderer() {
 			if (isUpdatingMaterial) return;
 			if (enablePerformanceTracking) performance.mark("shader-gpu-start");
 			renderer.render(scene, camera);
+			if (firstRenderPending && !hasEmittedReady) {
+				hasEmittedReady = true;
+				firstRenderPending = false;
+				if (onReadyCallback) queueMicrotask(onReadyCallback);
+			}
 			executeAfterRenderCallbacks(cappedDeltaTime);
 			if (enablePerformanceTracking) {
 				performance.mark("shader-gpu-end");
@@ -2077,6 +2087,9 @@ function shaderRenderer() {
 		pointerY = .5;
 		pointerActive = false;
 		pendingNodeRemoval = false;
+		onReadyCallback = null;
+		hasEmittedReady = false;
+		firstRenderPending = false;
 	};
 	const getRendererType = () => {
 		if (!renderer) return null;
@@ -2101,6 +2114,9 @@ function shaderRenderer() {
 		getNodeRegistry: () => ({ nodes: new Map(nodeRegistry.nodes) }),
 		getRendererType,
 		getInternalRenderer: () => renderer ?? null,
+		setOnReady: (callback) => {
+			onReadyCallback = callback;
+		},
 		__testing: {
 			needsTransformation,
 			findChildNodes,