shaders 2.3.74 → 2.4.76

package/dist/react/utils/generatePresetCode.js

@@ -196,6 +196,42 @@ var shaderMetadata = {
 		"lineColor": "#000000",
 		"backgroundColor": "transparent"
 	},
+	"Crescent": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .3,
+		"innerRatio": .8,
+		"offset": .2,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
+	"Cross": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .35,
+		"thickness": .08,
+		"rounding": 0,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"CRTScreen": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -260,6 +296,52 @@ var shaderMetadata = {
 		"blend": .5,
 		"colorSpace": "linear"
 	},
+	"Ellipse": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radiusX": .35,
+		"radiusY": .2,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
+	"Emboss": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"depth": -.5,
+		"lightAngle": 260,
+		"lightIntensity": .6,
+		"shadowIntensity": .3,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"FallingLines": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#ffffff00",
+		"colorSpace": "linear",
+		"angle": 90,
+		"speed": .5,
+		"speedVariance": .3,
+		"density": 15,
+		"trailLength": .35,
+		"balance": .5,
+		"strokeWidth": .15,
+		"rounding": 1
+	},
 	"FilmGrain": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -280,14 +362,60 @@ var shaderMetadata = {
 		"angleVariance": 30,
 		"particleDensity": 3
 	},
+	"Flower": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .4,
+		"sides": 5,
+		"innerRatio": .4,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"FlowField": {
 		"opacity": 1,
 		"blendMode": "normal",
 		"strength": .15,
 		"detail": 2,
-		"speed": 1,
+		"speed": 0,
+		"evolutionSpeed": 0,
 		"edges": "mirror"
 	},
+	"Glass": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"cutout": false,
+		"refraction": 1,
+		"edgeSoftness": .1,
+		"blur": 0,
+		"thickness": .2,
+		"aberration": .5,
+		"innerZoom": 1,
+		"lightAngle": 300,
+		"highlight": .05,
+		"highlightColor": "#ffffff",
+		"highlightSoftness": .5,
+		"fresnel": .1,
+		"fresnelSoftness": .1,
+		"fresnelColor": "#ffffff",
+		"tintColor": "#ffffff",
+		"tintIntensity": 0,
+		"tintPreserveLuminosity": true,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"GlassTiles": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -450,6 +578,41 @@ var shaderMetadata = {
 		"angle": 0,
 		"edges": "mirror"
 	},
+	"Neon": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"color": "#00ddff",
+		"secondaryColor": "#ff00aa",
+		"secondaryBlend": .5,
+		"glowColor": "#00ddff",
+		"tubeThickness": .2,
+		"intensity": 1.5,
+		"hotCoreIntensity": .6,
+		"glowIntensity": .6,
+		"glowRadius": .25,
+		"lightAngle": 300,
+		"specularIntensity": .5,
+		"specularSize": .5,
+		"cornerSmoothing": .15,
+		"flickerSpeed": 0,
+		"flickerAmount": .2,
+		"flowSpeed": 0,
+		"flowAmount": .3,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"Paper": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"roughness": .3,
+		"grainScale": 1,
+		"displacement": .15,
+		"seed": 0
+	},
 	"Perspective": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -470,7 +633,9 @@ var shaderMetadata = {
 	"Pixelate": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"scale": 50
+		"scale": 50,
+		"gap": 0,
+		"roundness": 0
 	},
 	"Plasma": {
 		"opacity": 1,
@@ -497,6 +662,24 @@ var shaderMetadata = {
 		"intensity": 1,
 		"edges": "transparent"
 	},
+	"Polygon": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .4,
+		"sides": 6,
+		"rounding": 0,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"Posterize": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -536,6 +719,22 @@ var shaderMetadata = {
 		"intensity": 1,
 		"edges": "transparent"
 	},
+	"Ring": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .3,
+		"thickness": .07,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"Ripples": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -551,6 +750,24 @@ var shaderMetadata = {
 		"thickness": .5,
 		"phase": 0
 	},
+	"RoundedRect": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"width": .35,
+		"height": .25,
+		"rounding": .05,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"Saturation": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -638,6 +855,24 @@ var shaderMetadata = {
 		"scale": 1,
 		"colorSpace": "linear"
 	},
+	"Star": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .4,
+		"sides": 5,
+		"innerRatio": .4,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"Strands": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -737,6 +972,24 @@ var shaderMetadata = {
 		"amount": .5,
 		"preserveLuminosity": true
 	},
+	"Trapezoid": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"bottomWidth": .35,
+		"topWidth": .2,
+		"height": .25,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"Tritone": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -756,6 +1009,23 @@ var shaderMetadata = {
 		"intensity": 1,
 		"edges": "stretch"
 	},
+	"Vesica": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .35,
+		"spread": .5,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"Vibrance": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -800,6 +1070,7 @@ function isPropMapValue(value) {
 function generatePropString(props, componentType, indent = "  ") {
 	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
 		if (key === "maskType" && value === "alpha") return false;
+		if (componentType === "Glass" && key === "shape" && props.shapeType === "svg") return false;
 		if (key === "transform" && typeof value === "object") {
 			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
 		}
@@ -889,15 +1160,22 @@ const availableComponents = [
 	"Circle",
 	"ConcentricSpin",
 	"ContourLines",
+	"Crescent",
+	"Cross",
 	"CursorRipples",
 	"CursorTrail",
 	"DiffuseBlur",
 	"Dither",
 	"DotGrid",
 	"Duotone",
+	"Ellipse",
+	"Emboss",
+	"FallingLines",
 	"FilmGrain",
 	"FloatingParticles",
 	"FlowField",
+	"Flower",
+	"Glass",
 	"GlassTiles",
 	"Glitch",
 	"Glow",
@@ -916,15 +1194,20 @@ const availableComponents = [
 	"LinearGradient",
 	"Liquify",
 	"Mirror",
+	"Neon",
+	"Paper",
 	"Perspective",
 	"Pixelate",
 	"Plasma",
 	"PolarCoordinates",
+	"Polygon",
 	"Posterize",
 	"ProgressiveBlur",
 	"RadialGradient",
 	"RectangularCoordinates",
+	"Ring",
 	"Ripples",
+	"RoundedRect",
 	"Saturation",
 	"Sharpness",
 	"Shatter",
@@ -933,6 +1216,7 @@ const availableComponents = [
 	"SolidColor",
 	"Spherize",
 	"Spiral",
+	"Star",
 	"Strands",
 	"Stretch",
 	"Stripes",
@@ -940,8 +1224,10 @@ const availableComponents = [
 	"Swirl",
 	"TiltShift",
 	"Tint",
+	"Trapezoid",
 	"Tritone",
 	"Twirl",
+	"Vesica",
 	"Vibrance",
 	"VideoTexture",
 	"WaveDistortion",

package/dist/react/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAiJD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAqJD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}