shaders 3.0.442 → 3.0.443

package/dist/js/createShader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgC5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CAmXzB"}
+{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgC5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CAuXzB"}

package/dist/js/createShader.js

@@ -19,6 +19,7 @@ async function createShader(canvas, preset, options) {
 	const componentRegistry = /* @__PURE__ */ new Map();
 	getAllShaders().forEach((shader) => {
 		componentRegistry.set(shader.definition.name, shader.definition);
+		for (const oldName of shader.definition.deprecatedNames ?? []) componentRegistry.set(oldName, shader.definition);
 	});
 	if (!canvas.style.width || !canvas.style.height) {
 		const rect = canvas.getBoundingClientRect();
@@ -150,7 +151,7 @@ async function createShader(canvas, preset, options) {
 					return;
 				}
 				if (renderer.getPerformanceStats().fps > 0) {
-					state.telemetryCollector = startTelemetry(renderer, "3.0.442", options?.disableTelemetry || false, false);
+					state.telemetryCollector = startTelemetry(renderer, "3.0.443", options?.disableTelemetry || false, false);
 					if (state.telemetryCollector) state.telemetryCollector.start();
 					state.telemetryStartTimeout = null;
 				} else state.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;AAwnFD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAwBpM;AAGD,eAAO,MAAM,mBAAmB,UAyK/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;AAm3FD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAwBpM;AAGD,eAAO,MAAM,mBAAmB,UA+L/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -81,6 +81,14 @@ var shaderMetadata = {
 		},
 		"seed": 0
 	},
+	"BarnDoors": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"feather": .1,
+		"invert": false
+	},
 	"BarShift": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -110,6 +118,14 @@ var shaderMetadata = {
 		"outsideColor": "#0000FF",
 		"colorSpace": "linear"
 	},
+	"Bend": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"strength": .5,
+		"falloff": 0,
+		"angle": 0,
+		"edges": "transparent"
+	},
 	"Blob": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -133,6 +149,14 @@ var shaderMetadata = {
 		},
 		"colorSpace": "linear"
 	},
+	"BlockDissolve": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"blockSize": .08,
+		"softness": .15,
+		"invert": false
+	},
 	"BlockNoise": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -163,6 +187,36 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"intensity": 50
 	},
+	"Boids": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#8ec5ff",
+		"colorB": "#ff7ad9",
+		"colorSpace": "oklab",
+		"agentShape": "arrow",
+		"count": 2e3,
+		"speed": 2,
+		"seed": 0,
+		"size": 1.5,
+		"trails": 0,
+		"separation": 1.7,
+		"alignment": 1.5,
+		"cohesion": 1,
+		"perception": .12,
+		"cursorMode": "repel",
+		"cursorStrength": 1.5
+	},
+	"BokehBlur": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"radius": 50,
+		"highlightGain": 4,
+		"highlightThreshold": .6,
+		"bladeShape": "blades",
+		"bladeCount": 6,
+		"bladeRotation": 0,
+		"chromaticFringe": .2
+	},
 	"BrickPattern": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -274,6 +328,14 @@ var shaderMetadata = {
 		"softness": 0,
 		"colorSpace": "linear"
 	},
+	"CheckerWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"blockSize": .1,
+		"softness": .15,
+		"invert": false
+	},
 	"Chevron": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -543,12 +605,29 @@ var shaderMetadata = {
 		"roundness": 0,
 		"colorSpace": "linear"
 	},
+	"DiamondWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"size": .15,
+		"feather": .1,
+		"invert": false
+	},
 	"DiffuseBlur": {
 		"opacity": 1,
 		"blendMode": "normal",
 		"intensity": 30,
 		"edges": "stretch"
 	},
+	"DisplacementMap": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"source": "",
+		"amount": .3,
+		"channelMode": "twoAxis",
+		"angle": 0,
+		"edges": "mirror"
+	},
 	"Dither": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -560,10 +639,6 @@ var shaderMetadata = {
 		"colorA": "transparent",
 		"colorB": "#ffffff"
 	},
-	"DOMTexture": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
 	"DotGrid": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -682,6 +757,15 @@ var shaderMetadata = {
 		"bias": 2,
 		"animated": false
 	},
+	"FilmStock": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"stock": "portrait400",
+		"strength": 1,
+		"halation": .4,
+		"halationRadius": 28,
+		"weave": 0
+	},
 	"Flip": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -691,17 +775,18 @@ var shaderMetadata = {
 	"FloatingParticles": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"randomness": .25,
+		"particleColor": "#ffffff",
+		"shape": "dot",
+		"count": 1200,
+		"particleSize": 1.2,
+		"softness": .1,
 		"speed": .25,
 		"angle": 90,
-		"particleSize": 2,
-		"particleSoftness": 0,
-		"twinkle": .5,
-		"count": 5,
-		"particleColor": "#ffffff",
 		"speedVariance": .3,
 		"angleVariance": 30,
-		"particleDensity": 3
+		"randomness": .25,
+		"twinkle": .5,
+		"cursorStrength": 0
 	},
 	"Flower": {
 		"opacity": 1,
@@ -1129,6 +1214,10 @@ var shaderMetadata = {
 		"edgeSoftness": .05,
 		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
 	},
+	"HTMLInCanvas": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
 	"HueShift": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1140,10 +1229,37 @@ var shaderMetadata = {
 		"url": "https://shaders.com/sample.jpg",
 		"objectFit": "fill"
 	},
+	"InkFlow": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorMode": "rainbow",
+		"colorSpeed": 1,
+		"color": "#ff2d7e",
+		"color1": "#4338ff",
+		"color2": "#ff2d7e",
+		"color3": "#19e3ff",
+		"colorSpace": "oklab",
+		"radius": .3,
+		"force": 1,
+		"curl": 0,
+		"decay": .5,
+		"momentum": .6
+	},
 	"Invert": {
 		"opacity": 1,
 		"blendMode": "normal"
 	},
+	"IrisWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"feather": .1,
+		"invert": false
+	},
 	"IsometricCubes": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1289,6 +1405,14 @@ var shaderMetadata = {
 		"edges": "stretch",
 		"colorSpace": "linear"
 	},
+	"LinearWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"feather": .1,
+		"invert": false
+	},
 	"LiquidMetal": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1322,6 +1446,21 @@ var shaderMetadata = {
 		"radius": 1,
 		"edges": "stretch"
 	},
+	"MagneticFilings": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#be1ef9",
+		"colorB": "#6326ff",
+		"colorSpace": "oklab",
+		"shape": "dot",
+		"count": 8e3,
+		"size": 1,
+		"restOrientation": "random",
+		"fieldType": "dipole",
+		"strength": 1.7,
+		"reach": .6,
+		"response": .5
+	},
 	"Marble": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1404,6 +1543,15 @@ var shaderMetadata = {
 		"flowAmount": .3,
 		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
 	},
+	"NoiseDissolve": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"scale": 3,
+		"softness": .25,
+		"seed": 0,
+		"invert": false
+	},
 	"ObjectTracker": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1466,6 +1614,42 @@ var shaderMetadata = {
 		"strokePosition": "center",
 		"colorSpace": "linear"
 	},
+	"ParticleField": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"count": 15e3,
+		"depthSource": "luminance",
+		"depth": .7,
+		"particleShape": "dot",
+		"particleSize": .75,
+		"depthShading": .6,
+		"wobble": .35,
+		"zoom": 1,
+		"rotationX": 0,
+		"rotationY": 0,
+		"rotationZ": 0,
+		"offsetX": 0,
+		"offsetY": 0,
+		"cursorMode": "push",
+		"cursorStrength": .8,
+		"cursorRadius": .2
+	},
+	"ParticleFlow": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#8ec5ff",
+		"colorB": "#ffd98e",
+		"colorSpace": "oklab",
+		"shape": "streak",
+		"count": 6e3,
+		"size": 1.2,
+		"trails": 0,
+		"speed": 1,
+		"force": 1,
+		"swirl": 25,
+		"momentum": .6,
+		"ambient": .15
+	},
 	"Particles": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1480,6 +1664,7 @@ var shaderMetadata = {
 		"colorB": "#ff7ad9",
 		"count": 4e3,
 		"size": 1.5,
+		"particleShape": "dot",
 		"spread": 1,
 		"agitation": .12,
 		"damping": .4,
@@ -1678,6 +1863,28 @@ var shaderMetadata = {
 		"skewAngle": 0,
 		"colorSpace": "linear"
 	},
+	"RadialWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"startAngle": 0,
+		"direction": "cw",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"feather": .1,
+		"invert": false
+	},
+	"RandomBars": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"barCount": 12,
+		"softness": .15,
+		"invert": false
+	},
 	"ReactionDiffusion": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1788,6 +1995,18 @@ var shaderMetadata = {
 		"thickness": .5,
 		"phase": 0
 	},
+	"RippleWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"rings": 8,
+		"feather": .2,
+		"invert": false
+	},
 	"RoundedRect": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1868,6 +2087,13 @@ var shaderMetadata = {
 		"thickness": .2,
 		"softness": .4
 	},
+	"SliceWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"sliceCount": 8
+	},
 	"Smoke": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -2228,6 +2454,22 @@ var shaderMetadata = {
 			"y": .5
 		}
 	},
+	"TimeTrail": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"trailSource": "motion",
+		"motionThreshold": .06,
+		"trailLength": .6,
+		"diffusion": 1,
+		"trailOpacity": 1,
+		"trailBlend": "normal",
+		"driftX": 0,
+		"driftY": 0,
+		"zoom": 1,
+		"tintMode": "none",
+		"tint": "#33aaff",
+		"speed": 1
+	},
 	"Tint": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -2299,6 +2541,15 @@ var shaderMetadata = {
 		"intensity": 1,
 		"edges": "stretch"
 	},
+	"VenetianBlinds": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"stripCount": 5,
+		"feather": .15,
+		"invert": false
+	},
 	"Vesica": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -2593,11 +2844,16 @@ const availableComponents = [
 	"Ascii",
 	"Aurora",
 	"BarShift",
+	"BarnDoors",
 	"Beam",
+	"Bend",
 	"Blob",
+	"BlockDissolve",
 	"BlockNoise",
 	"BlueNoise",
 	"Blur",
+	"Boids",
+	"BokehBlur",
 	"BrickPattern",
 	"BrightnessContrast",
 	"BrushedMetal",
@@ -2606,6 +2862,7 @@ const availableComponents = [
 	"CarbonFiber",
 	"Chalkboard",
 	"ChannelBlur",
+	"CheckerWipe",
 	"Checkerboard",
 	"Chevron",
 	"ChromaFlow",
@@ -2623,10 +2880,11 @@ const availableComponents = [
 	"CurlNoise",
 	"CursorRipples",
 	"CursorTrail",
-	"DOMTexture",
 	"DataMosh",
 	"DiamondGradient",
+	"DiamondWipe",
 	"DiffuseBlur",
+	"DisplacementMap",
 	"Dither",
 	"DotGrid",
 	"DropShadow",
@@ -2638,6 +2896,7 @@ const availableComponents = [
 	"Exposure",
 	"FallingLines",
 	"FilmGrain",
+	"FilmStock",
 	"Flip",
 	"FloatingParticles",
 	"FlowField",
@@ -2660,6 +2919,7 @@ const availableComponents = [
 	"Grid",
 	"GridDistortion",
 	"Group",
+	"HTMLInCanvas",
 	"Halftone",
 	"Heart",
 	"Heatmap",
@@ -2668,7 +2928,9 @@ const availableComponents = [
 	"Holographic",
 	"HueShift",
 	"ImageTexture",
+	"InkFlow",
 	"Invert",
+	"IrisWipe",
 	"IsometricCubes",
 	"Kaleidoscope",
 	"KeyFrames",
@@ -2677,16 +2939,21 @@ const availableComponents = [
 	"LightLeak",
 	"LinearBlur",
 	"LinearGradient",
+	"LinearWipe",
 	"LiquidMetal",
 	"Liquify",
+	"MagneticFilings",
 	"Marble",
 	"Mirror",
 	"MultiPointGradient",
 	"Neon",
+	"NoiseDissolve",
 	"ObjectTracker",
 	"PagePeel",
 	"Paper",
 	"Parallelogram",
+	"ParticleField",
+	"ParticleFlow",
 	"Particles",
 	"PerlinNoise",
 	"Perspective",
@@ -2701,11 +2968,14 @@ const availableComponents = [
 	"Prism",
 	"ProgressiveBlur",
 	"RadialGradient",
+	"RadialWipe",
+	"RandomBars",
 	"ReactionDiffusion",
 	"RectangularCoordinates",
 	"ReflectivePlane",
 	"Repeater",
 	"Ring",
+	"RippleWipe",
 	"Ripples",
 	"RoundedRect",
 	"Saturation",
@@ -2714,6 +2984,7 @@ const availableComponents = [
 	"Shatter",
 	"SimplexNoise",
 	"SineWave",
+	"SliceWipe",
 	"Smoke",
 	"SmokeFill",
 	"SmokeFlow",
@@ -2734,6 +3005,7 @@ const availableComponents = [
 	"Text",
 	"ThinFilm",
 	"TiltShift",
+	"TimeTrail",
 	"Tint",
 	"Trapezoid",
 	"TriangularGrid",
@@ -2741,6 +3013,7 @@ const availableComponents = [
 	"Truchet",
 	"Twirl",
 	"VHS",
+	"VenetianBlinds",
 	"Vesica",
 	"Vibrance",
 	"VideoTexture",