shaders 2.5.102 → 2.5.104

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

@@ -0,0 +1,145 @@
+import { ComponentDefinition } from '../../types';
+import { transformColor, transformPosition } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Color of fresh smoke
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#8cf3ff"
+     */
+    colorA: Parameters<typeof transformColor>[0];
+    /**
+     * Color smoke transitions to as it ages
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#04a0d6"
+     */
+    colorB: Parameters<typeof transformColor>[0];
+    /**
+     * Center position of the shape
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    center: Parameters<typeof transformPosition>[0];
+    /**
+     * Scale of the shape (1 = default size)
+     *
+     * Accepts a number between 0.1 and 3.
+     * @default 1
+     */
+    scale: number;
+    /**
+     * Emission source point within the shape
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    emitFrom: Parameters<typeof transformPosition>[0];
+    /**
+     * Emission direction (0 = up, 90 = right, 180 = down, 270 = left)
+     *
+     * Accepts a number between 0 and 360.
+     * @default 0
+     */
+    direction: number;
+    /**
+     * Emission velocity strength
+     *
+     * Accepts a number between 0.1 and 30.
+     * @default 10
+     */
+    speed: number;
+    /**
+     * Emission cone angle in degrees
+     *
+     * Accepts a number between 0 and 180.
+     * @default 60
+     */
+    spread: number;
+    /**
+     * Size of the emission area
+     *
+     * Accepts a number between 0.01 and 0.3.
+     * @default 0.03
+     */
+    emitRadius: number;
+    /**
+     * Smoke emission density
+     *
+     * Accepts a number between 0.1 and 1.
+     * @default 1
+     */
+    intensity: number;
+    /**
+     * How fast smoke fades over time
+     *
+     * Accepts a number between 0.1 and 5.
+     * @default 0.3
+     */
+    dissipation: number;
+    /**
+     * Fine-scale swirling detail
+     *
+     * Accepts a number between 0 and 50.
+     * @default 25
+     */
+    detail: number;
+    /**
+     * Downward gravitational pull on smoke — 0 = weightless, negative values = smoke rises
+     *
+     * Accepts a number between -2 and 2.
+     * @default 0.5
+     */
+    gravity: number;
+    /**
+     * How quickly smoke shifts from Color A to Color B
+     *
+     * Accepts a number between 0 and 3.
+     * @default 0.4
+     */
+    colorDecay: number;
+    /**
+     * Strength of cursor influence
+     *
+     * Accepts a number between 0 and 2.
+     * @default 0.1
+     */
+    mouseInfluence: number;
+    /**
+     * Radius of cursor influence area
+     *
+     * Accepts a number between 0.02 and 0.5.
+     * @default 0.1
+     */
+    mouseRadius: number;
+    /**
+     * Color space for color interpolation
+     *
+     * Accepts one of the predefined option values.
+     * @default "linear"
+     */
+    colorSpace: string;
+    /**
+     * Serialized shape configuration (JSON)
+     *
+     * @default "DEFAULT_SHAPE_CONFIG"
+     */
+    shape: string;
+    /**
+     * URL to a pre-generated SDF .bin file
+     *
+     * @default ""
+     */
+    shapeSdfUrl: string;
+    /**
+     * Active SDF shape type
+     *
+     * @default ""
+     */
+    shapeType: string;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/SmokeFill/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAwC,MAAM,iBAAiB,CAAA;AAQ1F,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAyC,MAAM,qCAAqC,CAAA;AAO7H,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CACpB;AAQD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA2lBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,5 @@
+import "../../transformations-B5lM6fYX.js";
+import "../../colorMixing-BPpDnR5I.js";
+import "../../sdf-DyC2H_qS.js";
+import { n as componentDefinition, t as SmokeFill_default } from "../../SmokeFill-ChSIfTxW.js";
+export { componentDefinition, SmokeFill_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Solarize_default } from "../../Solarize-DhtQYYpW.js";
+import { n as componentDefinition, t as Solarize_default } from "../../Solarize-CWDgSBiv.js";
 export { componentDefinition, Solarize_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-6yUkGybH.js";
+import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-DhMdM3bE.js";
 export { componentDefinition, SolidColor_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Spherize_default } from "../../Spherize-8LXrGGG_.js";
+import { n as componentDefinition, t as Spherize_default } from "../../Spherize-BZxwopX8.js";
 export { componentDefinition, Spherize_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-Bs7uZrBr.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-gpkw37l1.js";
 export { componentDefinition, Spiral_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Star_default } from "../../Star-DiXwnPGP.js";
+import { n as componentDefinition, t as Star_default } from "../../Star-WJAOZ5P5.js";
 export { componentDefinition, Star_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-DsAAVemq.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-DOthZNHt.js";
 export { componentDefinition, Strands_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-D7P2R5lV.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch--GV6hbru.js";
 export { componentDefinition, Stretch_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Stripes_default } from "../../Stripes-DF8agIiJ.js";
+import { n as componentDefinition, t as Stripes_default } from "../../Stripes-CFCXw1_N.js";
 export { componentDefinition, Stripes_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-BFeNfwEu.js";
+import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-DJr-cxOL.js";
 export { componentDefinition, StudioBackground_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-BwezrSAA.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-By5FadQK.js";
 export { componentDefinition, Swirl_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
 import "../../computeBlur-C3oX720H.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CI3FlfYk.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-Dh8wc9GG.js";
 export { componentDefinition, TiltShift_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Tint_default } from "../../Tint-BdXlqlzz.js";
+import { n as componentDefinition, t as Tint_default } from "../../Tint-DaTx2HII.js";
 export { componentDefinition, Tint_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-BX_hmeZJ.js";
+import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-Co0sIA73.js";
 export { componentDefinition, Trapezoid_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-BlJ7cchN.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-C9Yx69Tw.js";
 export { componentDefinition, Tritone_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Truchet_default } from "../../Truchet-Bnn0fwbF.js";
+import { n as componentDefinition, t as Truchet_default } from "../../Truchet-CkFSkniR.js";
 export { componentDefinition, Truchet_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-C5ijhqz1.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-v8pLqUTN.js";
 export { componentDefinition, Twirl_default as default };

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

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

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Vesica_default } from "../../Vesica-DU0f85NG.js";
+import { n as componentDefinition, t as Vesica_default } from "../../Vesica-CxP7UD0a.js";
 export { componentDefinition, Vesica_default as default };

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

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

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

@@ -1,3 +1,3 @@
-import "../../browser-DTNngPey.js";
-import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-DnHIs4pp.js";
+import "../../browser-D8zonASQ.js";
+import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-SWLe5c3m.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-BJaonUVL.js";
+import { n as componentDefinition, t as Vignette_default } from "../../Vignette-hAIKTi35.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-DZemzWA4.js";
+import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-DOGmwUSK.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--Y-m667K.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BGdgj3Iz.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-CtyohvHz.js";
+import { n as componentDefinition, t as Weave_default } from "../../Weave-CIP_EUPa.js";
 export { componentDefinition, Weave_default as default };

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

@@ -1,3 +1,3 @@
-import "../../browser-DTNngPey.js";
-import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-XBDo2kgN.js";
+import "../../browser-D8zonASQ.js";
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-cXPyEumA.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-BwkhsFRE.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-BuIVpHGG.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.102", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.104", 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;AAm4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA0G/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;AA88CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -466,6 +466,20 @@ var shaderMetadata = {
 		"distortion": .5,
 		"seed": 0
 	},
+	"Fog": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#e0e0e0",
+		"colorB": "#888888",
+		"seed": 0,
+		"speed": 1,
+		"turbulence": 1,
+		"detail": 15,
+		"blending": .3,
+		"mouseInfluence": .1,
+		"mouseRadius": .1,
+		"colorSpace": "linear"
+	},
 	"Form3D": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -575,9 +589,20 @@ var shaderMetadata = {
 	"Halftone": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"style": "classic",
 		"frequency": 100,
 		"angle": 45,
-		"smoothness": .1
+		"cyanAngle": 15,
+		"magentaAngle": 75,
+		"yellowAngle": 0,
+		"blackAngle": 45,
+		"misprint": 0,
+		"misprintAngle": 0,
+		"paperColor": "#ffffff",
+		"cyanColor": "#00ffff",
+		"magentaColor": "#ff00ff",
+		"yellowColor": "#ffff00",
+		"blackColor": "#000000"
 	},
 	"HexGrid": {
 		"opacity": 1,
@@ -952,6 +977,56 @@ var shaderMetadata = {
 		"thickness": .2,
 		"softness": .4
 	},
+	"Smoke": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#fc83f9",
+		"colorB": "#c21c79",
+		"emitFrom": {
+			"x": .5,
+			"y": 1
+		},
+		"direction": 0,
+		"speed": 20,
+		"spread": 60,
+		"emitRadius": .08,
+		"intensity": 1,
+		"dissipation": .2,
+		"detail": 25,
+		"gravity": .5,
+		"colorDecay": .4,
+		"mouseInfluence": .1,
+		"mouseRadius": .1,
+		"colorSpace": "linear"
+	},
+	"SmokeFill": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#8cf3ff",
+		"colorB": "#04a0d6",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"emitFrom": {
+			"x": .5,
+			"y": .5
+		},
+		"direction": 0,
+		"speed": 10,
+		"spread": 60,
+		"emitRadius": .03,
+		"intensity": 1,
+		"dissipation": .3,
+		"detail": 25,
+		"gravity": .5,
+		"colorDecay": .4,
+		"mouseInfluence": .1,
+		"mouseRadius": .1,
+		"colorSpace": "linear",
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"Solarize": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1375,6 +1450,7 @@ const availableComponents = [
 	"FlowField",
 	"Flower",
 	"FlowingGradient",
+	"Fog",
 	"Form3D",
 	"Glass",
 	"GlassTiles",
@@ -1416,6 +1492,8 @@ const availableComponents = [
 	"Shatter",
 	"SimplexNoise",
 	"SineWave",
+	"Smoke",
+	"SmokeFill",
 	"Solarize",
 	"SolidColor",
 	"Spherize",