shaders 2.2.47 → 2.3.49

package/dist/react/utils/generatePresetCode.js

@@ -15,95 +15,270 @@ function toObjectLiteral(obj) {
 var shaderMetadata = {
 	"AngularBlur": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 20,
+		"center": {
+			"x": .5,
+			"y": .5
+		}
 	},
 	"Ascii": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"characters": "@%#*+=-:.",
+		"cellSize": 30,
+		"fontFamily": "JetBrains Mono",
+		"spacing": 1,
+		"gamma": 1,
+		"alphaThreshold": 0,
+		"preserveAlpha": true
 	},
 	"Beam": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"startPosition": {
+			"x": .2,
+			"y": .5
+		},
+		"endPosition": {
+			"x": .8,
+			"y": .5
+		},
+		"startThickness": .2,
+		"endThickness": .2,
+		"startSoftness": .5,
+		"endSoftness": .5,
+		"insideColor": "#FF0000",
+		"outsideColor": "#0000FF",
+		"colorSpace": "linear"
 	},
 	"Blob": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#ff6b35",
+		"colorB": "#e91e63",
+		"size": .5,
+		"deformation": .5,
+		"softness": .5,
+		"highlightIntensity": .5,
+		"highlightX": .3,
+		"highlightY": -.3,
+		"highlightZ": .4,
+		"highlightColor": "#ffe11a",
+		"speed": .5,
+		"seed": 1,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"colorSpace": "linear"
 	},
 	"Blur": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 50
 	},
 	"BrightnessContrast": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"brightness": 0,
+		"contrast": 0
 	},
 	"Bulge": {
 		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"CRTScreen": {
-		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"strength": 1,
+		"radius": 1,
+		"falloff": .5,
+		"edges": "stretch"
 	},
 	"ChannelBlur": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"redIntensity": 0,
+		"greenIntensity": 20,
+		"blueIntensity": 40
 	},
 	"Checkerboard": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#cccccc",
+		"colorB": "#999999",
+		"cells": 8,
+		"softness": 0,
+		"colorSpace": "linear"
 	},
 	"ChromaFlow": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"baseColor": "#0066ff",
+		"upColor": "#00ff00",
+		"downColor": "#ff0000",
+		"leftColor": "#0000ff",
+		"rightColor": "#ffff00",
+		"intensity": 1,
+		"radius": 1.5,
+		"momentum": 30
 	},
 	"ChromaticAberration": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"strength": .2,
+		"angle": 0,
+		"redOffset": -1,
+		"greenOffset": 0,
+		"blueOffset": 1
 	},
 	"Circle": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"radius": 1,
+		"softness": 0,
+		"center": {
+			"x": .5,
+			"y": .5
+		}
+	},
+	"ContourLines": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"levels": 5,
+		"lineWidth": 2,
+		"softness": 0,
+		"gamma": .5,
+		"invert": false,
+		"source": "luminance",
+		"colorMode": "source",
+		"lineColor": "#000000",
+		"backgroundColor": "transparent"
+	},
+	"CRTScreen": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"pixelSize": 128,
+		"colorShift": 1,
+		"scanlineIntensity": .3,
+		"scanlineFrequency": 200,
+		"brightness": 1.1,
+		"contrast": 1.2,
+		"vignetteIntensity": 1,
+		"vignetteRadius": .5
 	},
 	"CursorTrail": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#00aaff",
+		"colorB": "#ff00aa",
+		"radius": .5,
+		"length": .5,
+		"shrink": 1,
+		"colorSpace": "linear"
 	},
 	"DiffuseBlur": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 30,
+		"edges": "stretch"
 	},
 	"Dither": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"pattern": "bayer4",
+		"pixelSize": 4,
+		"threshold": .5,
+		"spread": 1,
+		"colorMode": "custom",
+		"colorA": "transparent",
+		"colorB": "#ffffff"
 	},
 	"DotGrid": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"density": 30,
+		"dotSize": .3,
+		"twinkle": 0
 	},
 	"Duotone": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#ff0000",
+		"colorB": "#023af4",
+		"blend": .5,
+		"colorSpace": "linear"
 	},
 	"FilmGrain": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"strength": .5
 	},
 	"FloatingParticles": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"randomness": .25,
+		"speed": .25,
+		"angle": 90,
+		"particleSize": 1,
+		"particleSoftness": 0,
+		"twinkle": .5,
+		"count": 5,
+		"particleColor": "#ffffff",
+		"speedVariance": .3,
+		"angleVariance": 30,
+		"particleDensity": 3
+	},
+	"FlowField": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"strength": .15,
+		"detail": 2,
+		"speed": 1,
+		"edges": "mirror"
 	},
 	"GlassTiles": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 2,
+		"tileCount": 20,
+		"rotation": 0,
+		"roundness": 0
+	},
+	"Glitch": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"intensity": .5,
+		"speed": 1,
+		"rgbShift": 5,
+		"blockDensity": 10,
+		"colorBarIntensity": .2,
+		"mirrorAmount": .3,
+		"scanlineIntensity": .2
 	},
 	"Glow": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 1,
+		"threshold": .5,
+		"size": 10
 	},
 	"Godrays": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": 0,
+			"y": 0
+		},
+		"density": .3,
+		"intensity": .8,
+		"spotty": 1,
+		"speed": .5,
+		"rayColor": "#4283fb",
+		"backgroundColor": "transparent"
 	},
 	"Grayscale": {
 		"opacity": 1,
@@ -111,11 +286,19 @@ var shaderMetadata = {
 	},
 	"Grid": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"cells": 10,
+		"thickness": 1
 	},
 	"GridDistortion": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 1,
+		"decay": 3,
+		"radius": 1,
+		"gridSize": 20,
+		"edges": "stretch"
 	},
 	"Group": {
 		"opacity": 1,
@@ -123,15 +306,21 @@ var shaderMetadata = {
 	},
 	"Halftone": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"frequency": 100,
+		"angle": 45,
+		"smoothness": .1
 	},
 	"HueShift": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"shift": 0
 	},
 	"ImageTexture": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"url": "https://shaders.com/sample.jpg",
+		"objectFit": "cover"
 	},
 	"Invert": {
 		"opacity": 1,
@@ -139,135 +328,396 @@ var shaderMetadata = {
 	},
 	"Kaleidoscope": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"segments": 6,
+		"angle": 0,
+		"edges": "mirror"
+	},
+	"LensFlare": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"lightPosition": {
+			"x": .3,
+			"y": .3
+		},
+		"intensity": .5,
+		"ghostIntensity": .4,
+		"ghostSpread": .7,
+		"ghostChroma": .3,
+		"haloIntensity": .4,
+		"haloRadius": .6,
+		"haloChroma": .6,
+		"haloSoftness": .8,
+		"starburstIntensity": .3,
+		"starburstPoints": 6,
+		"streakIntensity": .15,
+		"streakLength": .5,
+		"glareIntensity": .2,
+		"glareSize": .5,
+		"edgeFade": .2,
+		"speed": .5
 	},
 	"LinearBlur": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 30,
+		"angle": 0
 	},
 	"LinearGradient": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#1aff00",
+		"colorB": "#0000ff",
+		"start": {
+			"x": 0,
+			"y": .5
+		},
+		"end": {
+			"x": 1,
+			"y": .5
+		},
+		"angle": 0,
+		"edges": "stretch",
+		"colorSpace": "linear"
 	},
 	"Liquify": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 1,
+		"decay": 3,
+		"radius": 1,
+		"edges": "stretch"
 	},
 	"Mirror": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"angle": 0,
+		"edges": "mirror"
 	},
 	"Perspective": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"pan": 0,
+		"tilt": 0,
+		"fov": 60,
+		"zoom": 1,
+		"offset": {
+			"x": .5,
+			"y": .5
+		},
+		"edges": "transparent"
 	},
 	"Pixelate": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"scale": 50
+	},
+	"Plasma": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"density": 2,
+		"speed": 2,
+		"intensity": 1.5,
+		"warp": .4,
+		"contrast": 1,
+		"balance": 50,
+		"colorA": "#7018be",
+		"colorB": "#000000",
+		"colorSpace": "linear"
 	},
 	"PolarCoordinates": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"wrap": 1,
+		"radius": 1,
+		"intensity": 1,
+		"edges": "transparent"
 	},
 	"Posterize": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 5
 	},
 	"ProgressiveBlur": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 50,
+		"angle": 0,
+		"center": {
+			"x": 0,
+			"y": .5
+		},
+		"falloff": 1
 	},
 	"RadialGradient": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#ff0000",
+		"colorB": "#0000ff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": 1,
+		"colorSpace": "linear"
 	},
 	"RectangularCoordinates": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"intensity": 1,
+		"edges": "transparent"
 	},
 	"Ripples": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"speed": 1,
+		"frequency": 20,
+		"softness": 0,
+		"thickness": .5,
+		"phase": 0
 	},
 	"Saturation": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 1
 	},
 	"Sharpness": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"sharpness": 0
 	},
 	"Shatter": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"crackWidth": 1,
+		"intensity": 4,
+		"radius": .4,
+		"decay": 1,
+		"seed": 2,
+		"chromaticSplit": 1,
+		"refractionStrength": 5,
+		"shardLighting": .1,
+		"edges": "mirror"
 	},
 	"SimplexNoise": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"scale": 2,
+		"balance": 0,
+		"contrast": 0,
+		"seed": 0,
+		"speed": 1
 	},
 	"SineWave": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"color": "#ffffff",
+		"amplitude": .15,
+		"frequency": 1,
+		"speed": 1,
+		"angle": 0,
+		"position": {
+			"x": .5,
+			"y": .5
+		},
+		"thickness": .2,
+		"softness": .4
 	},
 	"SolidColor": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"color": "#5b18ca"
 	},
 	"Spherize": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"radius": 1,
+		"depth": 1,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"lightPosition": {
+			"x": .3,
+			"y": .3
+		},
+		"lightIntensity": .5,
+		"lightSoftness": .5,
+		"lightColor": "#ffffff"
 	},
 	"Spiral": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#000000",
+		"colorB": "#ffffff",
+		"strokeWidth": .5,
+		"strokeFalloff": 0,
+		"softness": 0,
+		"speed": 1,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"colorSpace": "linear"
 	},
 	"Strands": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"speed": .5,
+		"amplitude": 1,
+		"frequency": 1,
+		"lineCount": 12,
+		"lineWidth": .1,
+		"waveColor": "#f1c907",
+		"pinEdges": true,
+		"start": {
+			"x": 0,
+			"y": .5
+		},
+		"end": {
+			"x": 1,
+			"y": .5
+		}
 	},
 	"Stretch": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"strength": 1,
+		"angle": 0,
+		"falloff": 0,
+		"edges": "stretch"
 	},
 	"Stripes": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#000000",
+		"colorB": "#ffffff",
+		"angle": 45,
+		"density": 5,
+		"balance": .5,
+		"softness": 0,
+		"speed": .2,
+		"offset": 0,
+		"colorSpace": "linear"
 	},
 	"Swirl": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#1275d8",
+		"colorB": "#e19136",
+		"speed": 1,
+		"detail": 1,
+		"blend": 50,
+		"colorSpace": "linear"
 	},
 	"TiltShift": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 50,
+		"width": .3,
+		"falloff": .3,
+		"angle": 0,
+		"center": {
+			"x": .5,
+			"y": .5
+		}
 	},
 	"Tint": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"color": "#ff8800",
+		"amount": .5,
+		"preserveLuminosity": true
 	},
 	"Tritone": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"colorA": "#ce1bea",
+		"colorB": "#2fff00",
+		"colorC": "#ffff00",
+		"blendMid": .5,
+		"colorSpace": "linear"
 	},
 	"Twirl": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"intensity": 1,
+		"edges": "stretch"
 	},
 	"Vibrance": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 0
+	},
+	"VideoTexture": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"url": "https://shaders.com/sample.mp4",
+		"objectFit": "cover",
+		"loop": true
 	},
 	"WaveDistortion": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"strength": .3,
+		"frequency": 1,
+		"speed": 1,
+		"angle": 0,
+		"waveType": "sine",
+		"edges": "stretch"
 	},
 	"WebcamTexture": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"objectFit": "cover",
+		"mirror": true
 	},
 	"ZoomBlur": {
 		"opacity": 1,
-		"blendMode": "normal"
+		"blendMode": "normal",
+		"intensity": 30,
+		"center": {
+			"x": .5,
+			"y": .5
+		}
 	}
 };
 function generatePropString(props, componentType, indent = "  ") {
@@ -348,6 +798,7 @@ const availableComponents = [
 	"ChromaFlow",
 	"ChromaticAberration",
 	"Circle",
+	"ContourLines",
 	"CursorTrail",
 	"DiffuseBlur",
 	"Dither",
@@ -355,7 +806,9 @@ const availableComponents = [
 	"Duotone",
 	"FilmGrain",
 	"FloatingParticles",
+	"FlowField",
 	"GlassTiles",
+	"Glitch",
 	"Glow",
 	"Godrays",
 	"Grayscale",
@@ -367,12 +820,14 @@ const availableComponents = [
 	"ImageTexture",
 	"Invert",
 	"Kaleidoscope",
+	"LensFlare",
 	"LinearBlur",
 	"LinearGradient",
 	"Liquify",
 	"Mirror",
 	"Perspective",
 	"Pixelate",
+	"Plasma",
 	"PolarCoordinates",
 	"Posterize",
 	"ProgressiveBlur",
@@ -396,6 +851,7 @@ const availableComponents = [
 	"Tritone",
 	"Twirl",
 	"Vibrance",
+	"VideoTexture",
 	"WaveDistortion",
 	"WebcamTexture",
 	"ZoomBlur"