shaders 2.5.100 → 2.5.102

package/dist/core/FilmGrain-DSJiMtEp.js

@@ -0,0 +1,60 @@
+import { clamp, dot, float, fract, pow, sin, uniform, vec2, vec3, vec4, viewportCoordinate } from "three/tsl";
+const componentDefinition = {
+	name: "FilmGrain",
+	category: "Stylize",
+	description: "Analog film grain texture overlay, weighted toward darker areas",
+	requiresChild: true,
+	props: {
+		strength: {
+			default: .5,
+			description: "Intensity of the film grain noise",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .025,
+				label: "Strength",
+				group: "Effect"
+			}
+		},
+		bias: {
+			default: 2,
+			description: "Concentrates grain in darker areas. Higher values focus grain more heavily on shadows; 0 applies grain uniformly.",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Bias",
+				group: "Effect"
+			}
+		},
+		animated: {
+			default: false,
+			description: "When enabled, the grain pattern changes each frame for a dynamic film effect",
+			ui: {
+				type: "checkbox",
+				label: "Animated",
+				group: "Effect"
+			},
+			transform: (value) => value ? 1 : 0
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, onBeforeRender }) => {
+		const strength = uniforms.strength.uniform;
+		const bias = uniforms.bias.uniform;
+		const animated = uniforms.animated.uniform;
+		const sourceColor = childNode || vec4(0, 0, 0, 0);
+		const animTime = uniform(0);
+		onBeforeRender(({ deltaTime }) => {
+			animTime.value += deltaTime * animated.value * 10;
+		});
+		const grain = fract(sin(dot(viewportCoordinate, vec2(12.9898, 78.233)).add(animTime)).mul(float(43758.5453))).mul(float(2)).sub(float(1));
+		const brightness = clamp(dot(sourceColor.rgb, vec3(.2126, .7152, .0722)), 0, 1);
+		const darkFactor = pow(float(1).sub(brightness).add(float(1e-6)), bias);
+		const grainIntensity = grain.mul(darkFactor).mul(strength.mul(float(.1)));
+		return vec4(sourceColor.rgb.add(grainIntensity), sourceColor.a);
+	}
+};
+var FilmGrain_default = componentDefinition;
+export { componentDefinition as n, FilmGrain_default as t };

package/dist/core/VHS-CQJ1hV_D.js

@@ -0,0 +1,123 @@
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { clamp, convertToTexture, cos, dot, float, floor, fract, mix, mod, screenUV, sin, smoothstep, time, vec2, vec3, vec4 } from "three/tsl";
+var SMEAR_SAMPLES = 6;
+var FIELD_LINES = 487;
+const componentDefinition = {
+	name: "VHS",
+	category: "Stylize",
+	description: "Analog VHS tape with intermittent tape damage, chroma bleed, and per-scanline noise",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		wobble: {
+			default: 1,
+			description: "Overall amount of tape damage — waves, creases, and head-switching noise. Bursts on and off organically over time.",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 5,
+				step: .01,
+				label: "Wobble",
+				group: "Effect"
+			}
+		},
+		scanlineNoise: {
+			default: .6,
+			description: "Per-scanline fine chroma/luma jitter. Adds the classic horizontal-streak detail.",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Scanline Noise",
+				group: "Effect"
+			}
+		},
+		smear: {
+			default: .2,
+			description: "Horizontal chroma smear (color bleed) amount. Positive trails colour to the right (classic VHS), negative trails it to the left.",
+			ui: {
+				type: ["range", "map"],
+				min: -2,
+				max: 2,
+				step: .01,
+				label: "Smear",
+				group: "Effect"
+			}
+		},
+		speed: {
+			default: 1,
+			description: "Animation speed of the tape effects.",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 3,
+				step: .1,
+				label: "Speed",
+				group: "Effect"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const wobble = uniforms.wobble.uniform;
+		const scanlineNoiseAmt = uniforms.scanlineNoise.uniform;
+		const smear = uniforms.smear.uniform;
+		const speed = uniforms.speed.uniform;
+		const t = time.mul(speed);
+		const hash2D = (p) => fract(sin(dot(p, vec2(12.9898, 78.233))).mul(43758.5453));
+		const smoothNoise2D = (p) => {
+			const i = floor(p);
+			const f = fract(p);
+			const u = f.mul(f).mul(f.mul(-2).add(3));
+			const a = hash2D(i);
+			const b = hash2D(i.add(vec2(1, 0)));
+			const c = hash2D(i.add(vec2(0, 1)));
+			const d = hash2D(i.add(vec2(1, 1)));
+			return mix(mix(a, b, u.x), mix(c, d, u.x), u.y);
+		};
+		const burst = smoothstep(float(.45), float(.8), smoothNoise2D(vec2(t.mul(.4), float(0))));
+		const rowInt = floor(screenUV.y.mul(FIELD_LINES));
+		const scanlineHash = (seedOffset) => fract(sin(rowInt.mul(12.9898).add(t.add(seedOffset).mul(78.233))).mul(43758.5453)).sub(.5).mul(2);
+		const fineGate = float(.25).add(burst.mul(.75));
+		const chromaRowOffset = scanlineHash(0).mul(scanlineNoiseAmt).mul(.008).mul(fineGate);
+		const lumaRowOffset = scanlineHash(69.42).mul(scanlineNoiseAmt).mul(.004).mul(fineGate);
+		const wave1 = smoothNoise2D(vec2(screenUV.y.mul(3), t.mul(.8))).sub(.5);
+		const wave2 = smoothNoise2D(vec2(screenUV.y.mul(30), t.mul(6))).sub(.5);
+		const tapeWave = wave1.mul(.008).add(wave2.mul(.002)).mul(wobble);
+		const creasePhase = smoothstep(float(.92), float(.99), sin(screenUV.y.mul(8).sub(t.mul(3.77))));
+		const creaseNoise = smoothstep(float(.3), float(1), smoothNoise2D(vec2(screenUV.y.mul(4.77), t)));
+		const creaseShift = creasePhase.mul(creaseNoise).mul(wobble).mul(-.018);
+		const switchPhase = smoothstep(float(.06), float(0), screenUV.y);
+		const switchNoise = smoothNoise2D(vec2(screenUV.y.mul(60), t.mul(14))).sub(.5);
+		const switchX = switchPhase.mul(switchNoise).mul(wobble).mul(.09);
+		const switchY = switchPhase.mul(wobble).mul(burst).mul(.02);
+		const globalX = tapeWave.add(creaseShift).add(switchX);
+		const lumaUV = vec2(screenUV.x.add(globalX).add(lumaRowOffset), screenUV.y.add(switchY));
+		const chromaUV = vec2(screenUV.x.add(globalX).add(chromaRowOffset), screenUV.y.add(switchY));
+		const lumaSample = childTexture.sample(lumaUV);
+		const sharpY = lumaSample.rgb.dot(vec3(.299, .587, .114));
+		const smearScale = smear.mul(.0075);
+		let accumI = float(0);
+		let accumQ = float(0);
+		for (let i = 0; i < SMEAR_SAMPLES; i++) {
+			const offsetX = float(-i).mul(smearScale);
+			const sampled = childTexture.sample(vec2(chromaUV.x.add(offsetX), chromaUV.y));
+			const iComp = sampled.rgb.dot(vec3(.596, -.274, -.322));
+			const qComp = sampled.rgb.dot(vec3(.211, -.523, .312));
+			const w = i / (SMEAR_SAMPLES - 1) * (2 / SMEAR_SAMPLES);
+			accumI = accumI.add(iComp.mul(w));
+			accumQ = accumQ.add(qComp.mul(w));
+		}
+		const finalYiq = vec3(sharpY, accumI, accumQ);
+		const finalRgb = vec3(finalYiq.x.add(finalYiq.y.mul(.956)).add(finalYiq.z.mul(.621)), finalYiq.x.sub(finalYiq.y.mul(.272)).sub(finalYiq.z.mul(.647)), finalYiq.x.sub(finalYiq.y.mul(1.106)).add(finalYiq.z.mul(1.703)));
+		const acBeat = float(1).add(cos(mod(t, 6.2831853).mul(2).add(screenUV.y.mul(.5))).mul(.015).mul(wobble));
+		return unpremultiplyAlpha(vec4(clamp(finalRgb.mul(acBeat), vec3(0), vec3(1)), lumaSample.a));
+	}
+};
+var VHS_default = componentDefinition;
+export { componentDefinition as n, VHS_default as t };

package/dist/core/{VideoTexture-DJrkry82.js → VideoTexture-DnHIs4pp.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-ClWxLlIB.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-DTNngPey.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-Cf8J7JB1.js → WebcamTexture-XBDo2kgN.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-ClWxLlIB.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-DTNngPey.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

@@ -37,7 +37,7 @@ import "./Duotone-Bl02WcA2.js";
 import "./Ellipse-CXxGqTYI.js";
 import "./Emboss-ClQV27Mt.js";
 import "./FallingLines-CArEXajJ.js";
-import "./FilmGrain-h6MdbEev.js";
+import "./FilmGrain-DSJiMtEp.js";
 import "./FloatingParticles-BtwGRl_d.js";
 import "./Flower-MAwlZEv8.js";
 import "./FlowField-RyqiRxyI.js";
@@ -100,16 +100,17 @@ 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-B3aS8hhe.js";
+import "./VHS-CQJ1hV_D.js";
+import "./Vibrance-CGvYDeds.js";
+import "./browser-DTNngPey.js";
+import "./VideoTexture-DnHIs4pp.js";
+import "./Vignette-BJaonUVL.js";
+import "./Voronoi-DZemzWA4.js";
+import "./WaveDistortion--Y-m667K.js";
+import "./Weave-CtyohvHz.js";
+import "./WebcamTexture-XBDo2kgN.js";
+import "./ZoomBlur-BwkhsFRE.js";
+import { t as getAllShaders } from "./shaderRegistry-B6D8HKv7.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";

package/dist/core/registry.js

@@ -37,7 +37,7 @@ import "./Duotone-Bl02WcA2.js";
 import "./Ellipse-CXxGqTYI.js";
 import "./Emboss-ClQV27Mt.js";
 import "./FallingLines-CArEXajJ.js";
-import "./FilmGrain-h6MdbEev.js";
+import "./FilmGrain-DSJiMtEp.js";
 import "./FloatingParticles-BtwGRl_d.js";
 import "./Flower-MAwlZEv8.js";
 import "./FlowField-RyqiRxyI.js";
@@ -100,14 +100,15 @@ 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 { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-B3aS8hhe.js";
+import "./VHS-CQJ1hV_D.js";
+import "./Vibrance-CGvYDeds.js";
+import "./browser-DTNngPey.js";
+import "./VideoTexture-DnHIs4pp.js";
+import "./Vignette-BJaonUVL.js";
+import "./Voronoi-DZemzWA4.js";
+import "./WaveDistortion--Y-m667K.js";
+import "./Weave-CtyohvHz.js";
+import "./WebcamTexture-XBDo2kgN.js";
+import "./ZoomBlur-BwkhsFRE.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-B6D8HKv7.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/{shaderRegistry-B3aS8hhe.js → shaderRegistry-B6D8HKv7.js}

@@ -30,7 +30,7 @@ import { n as componentDefinition$28 } from "./Duotone-Bl02WcA2.js";
 import { n as componentDefinition$29 } from "./Ellipse-CXxGqTYI.js";
 import { n as componentDefinition$30 } from "./Emboss-ClQV27Mt.js";
 import { n as componentDefinition$31 } from "./FallingLines-CArEXajJ.js";
-import { n as componentDefinition$32 } from "./FilmGrain-h6MdbEev.js";
+import { n as componentDefinition$32 } from "./FilmGrain-DSJiMtEp.js";
 import { n as componentDefinition$33 } from "./FloatingParticles-BtwGRl_d.js";
 import { n as componentDefinition$34 } from "./Flower-MAwlZEv8.js";
 import { n as componentDefinition$35 } from "./FlowField-RyqiRxyI.js";
@@ -93,14 +93,15 @@ import { n as componentDefinition$91 } from "./Tritone-BlJ7cchN.js";
 import { n as componentDefinition$92 } from "./Truchet-Bnn0fwbF.js";
 import { n as componentDefinition$93 } from "./Twirl-C5ijhqz1.js";
 import { n as componentDefinition$94 } from "./Vesica-DU0f85NG.js";
-import { n as componentDefinition$95 } from "./Vibrance-dqIV6GBe.js";
-import { n as componentDefinition$96 } from "./VideoTexture-DJrkry82.js";
-import { n as componentDefinition$97 } from "./Vignette-DB1wO1dm.js";
-import { n as componentDefinition$98 } from "./Voronoi-C3WIJFWc.js";
-import { n as componentDefinition$99 } from "./WaveDistortion-BKma8-Ju.js";
-import { n as componentDefinition$100 } from "./Weave-xuu_vQ5e.js";
-import { n as componentDefinition$101 } from "./WebcamTexture-Cf8J7JB1.js";
-import { n as componentDefinition$102 } from "./ZoomBlur-UcS2iFT2.js";
+import { n as componentDefinition$95 } from "./VHS-CQJ1hV_D.js";
+import { n as componentDefinition$96 } from "./Vibrance-CGvYDeds.js";
+import { n as componentDefinition$97 } from "./VideoTexture-DnHIs4pp.js";
+import { n as componentDefinition$98 } from "./Vignette-BJaonUVL.js";
+import { n as componentDefinition$99 } from "./Voronoi-DZemzWA4.js";
+import { n as componentDefinition$100 } from "./WaveDistortion--Y-m667K.js";
+import { n as componentDefinition$101 } from "./Weave-CtyohvHz.js";
+import { n as componentDefinition$102 } from "./WebcamTexture-XBDo2kgN.js";
+import { n as componentDefinition$103 } from "./ZoomBlur-BwkhsFRE.js";
 var createShaderRegistry = () => {
 	const registry = {};
 	const shaderDefinitions = {
@@ -199,14 +200,15 @@ var createShaderRegistry = () => {
 		Truchet: componentDefinition$92,
 		Twirl: componentDefinition$93,
 		Vesica: componentDefinition$94,
-		Vibrance: componentDefinition$95,
-		VideoTexture: componentDefinition$96,
-		Vignette: componentDefinition$97,
-		Voronoi: componentDefinition$98,
-		WaveDistortion: componentDefinition$99,
-		Weave: componentDefinition$100,
-		WebcamTexture: componentDefinition$101,
-		ZoomBlur: componentDefinition$102
+		VHS: componentDefinition$95,
+		Vibrance: componentDefinition$96,
+		VideoTexture: componentDefinition$97,
+		Vignette: componentDefinition$98,
+		Voronoi: componentDefinition$99,
+		WaveDistortion: componentDefinition$100,
+		Weave: componentDefinition$101,
+		WebcamTexture: componentDefinition$102,
+		ZoomBlur: componentDefinition$103
 	};
 	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
 		const propsMetadata = {};

package/dist/core/shaderRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA2ID,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
+{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA4ID,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}

package/dist/core/shaders/FilmGrain/index.d.ts

@@ -7,6 +7,20 @@ export interface ComponentProps {
      * @default 0.5
      */
     strength: number;
+    /**
+     * Concentrates grain in darker areas. Higher values focus grain more heavily on shadows; 0 applies grain uniformly.
+     *
+     * Accepts a number between 0 and 10.
+     * @default 2
+     */
+    bias: number;
+    /**
+     * When enabled, the grain pattern changes each frame for a dynamic film effect
+     *
+     * Accepts a boolean value (`true` or `false`).
+     * @default false
+     */
+    animated: boolean;
 }
 export declare const componentDefinition: ComponentDefinition<ComponentProps>;
 export default componentDefinition;

package/dist/core/shaders/FilmGrain/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/FilmGrain/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAmCnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/FilmGrain/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAgEnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/FilmGrain/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-h6MdbEev.js";
+import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-DSJiMtEp.js";
 export { componentDefinition, FilmGrain_default as default };

package/dist/core/shaders/VHS/index.d.ts

@@ -0,0 +1,32 @@
+import { ComponentDefinition } from '../../types';
+
+export interface ComponentProps {
+    /**
+     * Overall amount of tape damage — waves, creases, and head-switching noise. Bursts on and off organically over time.
+     *
+     * @default 1
+     */
+    wobble: number;
+    /**
+     * Per-scanline fine chroma/luma jitter. Adds the classic horizontal-streak detail.
+     *
+     * @default 0.6
+     */
+    scanlineNoise: number;
+    /**
+     * Horizontal chroma smear (color bleed) amount. Positive trails colour to the right (classic VHS), negative trails it to the left.
+     *
+     * @default 0.2
+     */
+    smear: number;
+    /**
+     * Animation speed of the tape effects.
+     *
+     * Accepts a number between 0.1 and 3.
+     * @default 1
+     */
+    speed: number;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/shaders/VHS/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/VHS/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAavE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAkKnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/VHS/index.js

@@ -0,0 +1,3 @@
+import "../../alpha-C4ptedXe.js";
+import { n as componentDefinition, t as VHS_default } from "../../VHS-CQJ1hV_D.js";
+export { componentDefinition, VHS_default as default };

package/dist/core/shaders/Vibrance/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-dqIV6GBe.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-CGvYDeds.js";
 export { componentDefinition, Vibrance_default as default };

package/dist/core/shaders/VideoTexture/index.js

@@ -1,3 +1,3 @@
-import "../../browser-ClWxLlIB.js";
-import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-DJrkry82.js";
+import "../../browser-DTNngPey.js";
+import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-DnHIs4pp.js";
 export { componentDefinition, VideoTexture_default as default };

package/dist/core/shaders/Vignette/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Vignette_default } from "../../Vignette-DB1wO1dm.js";
+import { n as componentDefinition, t as Vignette_default } from "../../Vignette-BJaonUVL.js";
 export { componentDefinition, Vignette_default as default };

package/dist/core/shaders/Voronoi/index.js

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-C3WIJFWc.js";
+import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-DZemzWA4.js";
 export { componentDefinition, Voronoi_default as default };

package/dist/core/shaders/WaveDistortion/index.js

@@ -2,5 +2,5 @@ import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BKma8-Ju.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion--Y-m667K.js";
 export { componentDefinition, WaveDistortion_default as default };

package/dist/core/shaders/Weave/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Weave_default } from "../../Weave-xuu_vQ5e.js";
+import { n as componentDefinition, t as Weave_default } from "../../Weave-CtyohvHz.js";
 export { componentDefinition, Weave_default as default };

package/dist/core/shaders/WebcamTexture/index.js

@@ -1,3 +1,3 @@
-import "../../browser-ClWxLlIB.js";
-import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-Cf8J7JB1.js";
+import "../../browser-DTNngPey.js";
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-XBDo2kgN.js";
 export { componentDefinition, WebcamTexture_default as default };

package/dist/core/shaders/ZoomBlur/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-UcS2iFT2.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-BwkhsFRE.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/js/createShader.js

@@ -46,7 +46,7 @@ async function createShader(canvas, preset, options) {
 	if (isExternalUser()) {
 		const checkRendering = () => {
 			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.100", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.102", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/js/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;AAy3CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAyG/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;AAm4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA0G/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -408,7 +408,9 @@ var shaderMetadata = {
 	"FilmGrain": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"strength": .5
+		"strength": .5,
+		"bias": 2,
+		"animated": false
 	},
 	"FloatingParticles": {
 		"opacity": 1,
@@ -1175,6 +1177,14 @@ var shaderMetadata = {
 		"strokePosition": "center",
 		"colorSpace": "linear"
 	},
+	"VHS": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"wobble": 1,
+		"scanlineNoise": .6,
+		"smear": .2,
+		"speed": 1
+	},
 	"Vibrance": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1422,6 +1432,7 @@ const availableComponents = [
 	"Tritone",
 	"Truchet",
 	"Twirl",
+	"VHS",
 	"Vesica",
 	"Vibrance",
 	"VideoTexture",

package/dist/react/Preview.js

@@ -114,6 +114,7 @@ var componentMap = {
 	Tritone: lazy(() => import("./Tritone.js")),
 	Truchet: lazy(() => import("./Truchet.js")),
 	Twirl: lazy(() => import("./Twirl.js")),
+	VHS: lazy(() => import("./VHS.js")),
 	Vesica: lazy(() => import("./Vesica.js")),
 	Vibrance: lazy(() => import("./Vibrance.js")),
 	VideoTexture: lazy(() => import("./VideoTexture.js")),

package/dist/react/Shader.js

@@ -89,7 +89,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
 				return;
 			}
 			if (rendererRef.current.getPerformanceStats().fps > 0) {
-				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.100", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.102", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);