shaders 2.5.99 → 2.5.101

package/dist/core/FilmGrain-yBeLmqwl.js

@@ -0,0 +1,60 @@
+import { clamp, dot, float, floor, fract, pow, screenUV, sin, uniform, vec2, vec3, vec4, viewportSize } 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(floor(screenUV.mul(viewportSize)), vec2(1, 157)).add(animTime)).mul(float(43758.5453))).mul(float(2)).sub(float(1));
+		const brightness = clamp(dot(sourceColor.rgb, vec3(.299, .587, .114)), 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/index.js

@@ -37,7 +37,7 @@ import "./Duotone-Bl02WcA2.js";
 import "./Ellipse-CXxGqTYI.js";
 import "./Emboss-ClQV27Mt.js";
 import "./FallingLines-CArEXajJ.js";
-import "./FilmGrain-Ph73aoC_.js";
+import "./FilmGrain-yBeLmqwl.js";
 import "./FloatingParticles-BtwGRl_d.js";
 import "./Flower-MAwlZEv8.js";
 import "./FlowField-RyqiRxyI.js";
@@ -109,7 +109,7 @@ import "./WaveDistortion-BKma8-Ju.js";
 import "./Weave-xuu_vQ5e.js";
 import "./WebcamTexture-Cf8J7JB1.js";
 import "./ZoomBlur-UcS2iFT2.js";
-import { t as getAllShaders } from "./shaderRegistry-C1F3flnY.js";
+import { t as getAllShaders } from "./shaderRegistry-X16MNgs8.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-Ph73aoC_.js";
+import "./FilmGrain-yBeLmqwl.js";
 import "./FloatingParticles-BtwGRl_d.js";
 import "./Flower-MAwlZEv8.js";
 import "./FlowField-RyqiRxyI.js";
@@ -109,5 +109,5 @@ 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-C1F3flnY.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-X16MNgs8.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/{shaderRegistry-C1F3flnY.js → shaderRegistry-X16MNgs8.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-Ph73aoC_.js";
+import { n as componentDefinition$32 } from "./FilmGrain-yBeLmqwl.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";

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,CA4DnE,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-Ph73aoC_.js";
+import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-yBeLmqwl.js";
 export { componentDefinition, FilmGrain_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.99", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.101", 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;AA23CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAyG/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,

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.99", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.101", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);

package/dist/react/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;AA44CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;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;AA84CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UAyG/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -420,7 +420,9 @@ var shaderMetadata = {
 	"FilmGrain": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"strength": .5
+		"strength": .5,
+		"bias": 2,
+		"animated": false
 	},
 	"FloatingParticles": {
 		"opacity": 1,

package/dist/registry.js

@@ -7181,13 +7181,13 @@ export const shaderRegistry = [
   {
     "name": "FilmGrain",
     "category": "Stylize",
-    "description": "Analog film grain texture overlay",
+    "description": "Analog film grain texture overlay, weighted toward darker areas",
     "fileName": "FilmGrain",
     "requiresChild": true,
     "definition": {
       "name": "FilmGrain",
       "category": "Stylize",
-      "description": "Analog film grain texture overlay",
+      "description": "Analog film grain texture overlay, weighted toward darker areas",
       "requiresChild": true,
       "props": {
         "strength": {
@@ -7200,10 +7200,31 @@ export const shaderRegistry = [
             ],
             "min": 0,
             "max": 1,
-            "step": 0.1,
+            "step": 0.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": 0.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"
+          }
         }
       }
     },
@@ -7216,12 +7237,33 @@ export const shaderRegistry = [
           ],
           "min": 0,
           "max": 1,
-          "step": 0.1,
+          "step": 0.025,
           "label": "Strength",
           "group": "Effect"
         },
         "default": 0.5,
         "description": "Intensity of the film grain noise"
+      },
+      "bias": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 10,
+          "step": 0.1,
+          "label": "Bias",
+          "group": "Effect"
+        },
+        "default": 2,
+        "description": "Concentrates grain in darker areas. Higher values focus grain more heavily on shadows; 0 applies grain uniformly."
+      },
+      "animated": {
+        "ui": {
+          "type": "checkbox",
+          "label": "Animated",
+          "group": "Effect"
+        },
+        "default": false,
+        "description": "When enabled, the grain pattern changes each frame for a dynamic film effect"
       }
     }
   },

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.99";
+        const version = "2.5.101";
         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;AAm4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;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;AAq4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UAyG/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -415,7 +415,9 @@ const shaderMetadata = {
   "FilmGrain": {
     "opacity": 1,
     "blendMode": "normal",
-    "strength": 0.5
+    "strength": 0.5,
+    "bias": 2,
+    "animated": false
   },
   "FloatingParticles": {
     "opacity": 1,

package/dist/svelte/{generatePresetCode-gaYD5uUH.js → generatePresetCode-Cdho2JhN.js}

@@ -413,7 +413,9 @@ var shaderMetadata = {
 	"FilmGrain": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"strength": .5
+		"strength": .5,
+		"bias": 2,
+		"animated": false
 	},
 	"FloatingParticles": {
 		"opacity": 1,

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-gaYD5uUH.js";
+import { n as generatePresetCode } from "./generatePresetCode-Cdho2JhN.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -20546,7 +20546,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.99", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.101", 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-gaYD5uUH.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-Cdho2JhN.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/FilmGrain.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,9 @@ var FilmGrain_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {}
+		transform: {},
+		bias: {},
+		animated: { type: Boolean }
 	}, {
 		blendMode: "normal",
 		visible: true,

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.99", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.101", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);

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;AAk4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;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;AAo4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;AAGD,eAAO,MAAM,mBAAmB,UAyG/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -411,7 +411,9 @@ var shaderMetadata = {
 	"FilmGrain": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"strength": .5
+		"strength": .5,
+		"bias": 2,
+		"animated": false
 	},
 	"FloatingParticles": {
 		"opacity": 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.5.99",
+  "version": "2.5.101",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",
@@ -1037,7 +1037,7 @@
     }
   },
   "dependencies": {
-    "three": "^0.183.0"
+    "three": "^0.184.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",

package/dist/core/FilmGrain-Ph73aoC_.js

@@ -1,27 +0,0 @@
-import { dot, float, fract, screenUV, sin, vec2, vec4 } from "three/tsl";
-const componentDefinition = {
-	name: "FilmGrain",
-	category: "Stylize",
-	description: "Analog film grain texture overlay",
-	requiresChild: true,
-	props: { strength: {
-		default: .5,
-		description: "Intensity of the film grain noise",
-		ui: {
-			type: ["range", "map"],
-			min: 0,
-			max: 1,
-			step: .1,
-			label: "Strength",
-			group: "Effect"
-		}
-	} },
-	fragmentNode: ({ uniforms, childNode }) => {
-		const strength = uniforms.strength.uniform;
-		const sourceColor = childNode || vec4(0, 0, 0, 0);
-		const grainIntensity = fract(sin(dot(screenUV, vec2(float(12.9898), float(78.233)).mul(float(2)))).mul(float(43758.5453))).mul(float(2)).sub(float(1)).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 };