shaders 2.2.48 → 2.3.50

package/dist/solid/utils/generatePresetCode.js

@@ -17,99 +17,285 @@ function toObjectLiteral(obj) {
 const shaderMetadata = {
   "AngularBlur": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "intensity": 20,
+    "center": {
+      "x": 0.5,
+      "y": 0.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": 0.2,
+      "y": 0.5
+    },
+    "endPosition": {
+      "x": 0.8,
+      "y": 0.5
+    },
+    "startThickness": 0.2,
+    "endThickness": 0.2,
+    "startSoftness": 0.5,
+    "endSoftness": 0.5,
+    "insideColor": "#FF0000",
+    "outsideColor": "#0000FF",
+    "colorSpace": "linear"
   },
   "Blob": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "colorA": "#ff6b35",
+    "colorB": "#e91e63",
+    "size": 0.5,
+    "deformation": 0.5,
+    "softness": 0.5,
+    "highlightIntensity": 0.5,
+    "highlightX": 0.3,
+    "highlightY": -0.3,
+    "highlightZ": 0.4,
+    "highlightColor": "#ffe11a",
+    "speed": 0.5,
+    "seed": 1,
+    "center": {
+      "x": 0.5,
+      "y": 0.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": 0.5,
+      "y": 0.5
+    },
+    "strength": 1,
+    "radius": 1,
+    "falloff": 0.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": 0.2,
+    "angle": 0,
+    "redOffset": -1,
+    "greenOffset": 0,
+    "blueOffset": 1
   },
   "Circle": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "radius": 1,
+    "softness": 0,
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    }
+  },
+  "ConcentricSpin": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "intensity": 20,
+    "rings": 8,
+    "smoothness": 0.03,
+    "seed": 0,
+    "speed": 0.1,
+    "speedRandomness": 0.5,
+    "edges": "mirror",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    }
+  },
+  "ContourLines": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "levels": 5,
+    "lineWidth": 2,
+    "softness": 0,
+    "gamma": 0.5,
+    "invert": false,
+    "source": "luminance",
+    "colorMode": "source",
+    "lineColor": "#000000",
+    "backgroundColor": "transparent"
+  },
+  "CRTScreen": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "pixelSize": 128,
+    "colorShift": 1,
+    "scanlineIntensity": 0.3,
+    "scanlineFrequency": 200,
+    "brightness": 1.1,
+    "contrast": 1.2,
+    "vignetteIntensity": 1,
+    "vignetteRadius": 0.5
   },
   "CursorTrail": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "colorA": "#00aaff",
+    "colorB": "#ff00aa",
+    "radius": 0.5,
+    "length": 0.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": 0.5,
+    "spread": 1,
+    "colorMode": "custom",
+    "colorA": "transparent",
+    "colorB": "#ffffff"
   },
   "DotGrid": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "density": 30,
+    "dotSize": 0.3,
+    "twinkle": 0
   },
   "Duotone": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "colorA": "#ff0000",
+    "colorB": "#023af4",
+    "blend": 0.5,
+    "colorSpace": "linear"
   },
   "FilmGrain": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "strength": 0.5
   },
   "FloatingParticles": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "randomness": 0.25,
+    "speed": 0.25,
+    "angle": 90,
+    "particleSize": 1,
+    "particleSoftness": 0,
+    "twinkle": 0.5,
+    "count": 5,
+    "particleColor": "#ffffff",
+    "speedVariance": 0.3,
+    "angleVariance": 30,
+    "particleDensity": 3
   },
   "FlowField": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "strength": 0.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": 0.5,
+    "speed": 1,
+    "rgbShift": 5,
+    "blockDensity": 10,
+    "colorBarIntensity": 0.2,
+    "mirrorAmount": 0.3,
+    "scanlineIntensity": 0.2
   },
   "Glow": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "intensity": 1,
+    "threshold": 0.5,
+    "size": 10
   },
   "Godrays": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0,
+      "y": 0
+    },
+    "density": 0.3,
+    "intensity": 0.8,
+    "spotty": 1,
+    "speed": 0.5,
+    "rayColor": "#4283fb",
+    "backgroundColor": "transparent"
   },
   "Grayscale": {
     "opacity": 1,
@@ -117,11 +303,19 @@ const 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,
@@ -129,15 +323,21 @@ const shaderMetadata = {
   },
   "Halftone": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "frequency": 100,
+    "angle": 45,
+    "smoothness": 0.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,
@@ -145,135 +345,396 @@ const shaderMetadata = {
   },
   "Kaleidoscope": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "segments": 6,
+    "angle": 0,
+    "edges": "mirror"
+  },
+  "LensFlare": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "lightPosition": {
+      "x": 0.3,
+      "y": 0.3
+    },
+    "intensity": 0.5,
+    "ghostIntensity": 0.4,
+    "ghostSpread": 0.7,
+    "ghostChroma": 0.3,
+    "haloIntensity": 0.4,
+    "haloRadius": 0.6,
+    "haloChroma": 0.6,
+    "haloSoftness": 0.8,
+    "starburstIntensity": 0.3,
+    "starburstPoints": 6,
+    "streakIntensity": 0.15,
+    "streakLength": 0.5,
+    "glareIntensity": 0.2,
+    "glareSize": 0.5,
+    "edgeFade": 0.2,
+    "speed": 0.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": 0.5
+    },
+    "end": {
+      "x": 1,
+      "y": 0.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": 0.5,
+      "y": 0.5
+    },
+    "angle": 0,
+    "edges": "mirror"
   },
   "Perspective": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "pan": 0,
+    "tilt": 0,
+    "fov": 60,
+    "zoom": 1,
+    "offset": {
+      "x": 0.5,
+      "y": 0.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": 0.4,
+    "contrast": 1,
+    "balance": 50,
+    "colorA": "#7018be",
+    "colorB": "#000000",
+    "colorSpace": "linear"
   },
   "PolarCoordinates": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.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": 0.5
+    },
+    "falloff": 1
   },
   "RadialGradient": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "colorA": "#ff0000",
+    "colorB": "#0000ff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 1,
+    "colorSpace": "linear"
   },
   "RectangularCoordinates": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "intensity": 1,
+    "edges": "transparent"
   },
   "Ripples": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "colorA": "#ffffff",
+    "colorB": "#000000",
+    "speed": 1,
+    "frequency": 20,
+    "softness": 0,
+    "thickness": 0.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": 0.4,
+    "decay": 1,
+    "seed": 2,
+    "chromaticSplit": 1,
+    "refractionStrength": 5,
+    "shardLighting": 0.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": 0.15,
+    "frequency": 1,
+    "speed": 1,
+    "angle": 0,
+    "position": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "thickness": 0.2,
+    "softness": 0.4
   },
   "SolidColor": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "color": "#5b18ca"
   },
   "Spherize": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "radius": 1,
+    "depth": 1,
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "lightPosition": {
+      "x": 0.3,
+      "y": 0.3
+    },
+    "lightIntensity": 0.5,
+    "lightSoftness": 0.5,
+    "lightColor": "#ffffff"
   },
   "Spiral": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "colorA": "#000000",
+    "colorB": "#ffffff",
+    "strokeWidth": 0.5,
+    "strokeFalloff": 0,
+    "softness": 0,
+    "speed": 1,
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "colorSpace": "linear"
   },
   "Strands": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "speed": 0.5,
+    "amplitude": 1,
+    "frequency": 1,
+    "lineCount": 12,
+    "lineWidth": 0.1,
+    "waveColor": "#f1c907",
+    "pinEdges": true,
+    "start": {
+      "x": 0,
+      "y": 0.5
+    },
+    "end": {
+      "x": 1,
+      "y": 0.5
+    }
   },
   "Stretch": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.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": 0.5,
+    "softness": 0,
+    "speed": 0.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": 0.3,
+    "falloff": 0.3,
+    "angle": 0,
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    }
   },
   "Tint": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "color": "#ff8800",
+    "amount": 0.5,
+    "preserveLuminosity": true
   },
   "Tritone": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "colorA": "#ce1bea",
+    "colorB": "#2fff00",
+    "colorC": "#ffff00",
+    "blendMid": 0.5,
+    "colorSpace": "linear"
   },
   "Twirl": {
     "opacity": 1,
-    "blendMode": "normal"
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.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": 0.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": 0.5,
+      "y": 0.5
+    }
   }
 };
 function generatePropString(props, componentType, indent = "  ") {
@@ -403,6 +864,8 @@ const availableComponents = [
   "ChromaFlow",
   "ChromaticAberration",
   "Circle",
+  "ConcentricSpin",
+  "ContourLines",
   "CursorTrail",
   "DiffuseBlur",
   "Dither",
@@ -412,6 +875,7 @@ const availableComponents = [
   "FloatingParticles",
   "FlowField",
   "GlassTiles",
+  "Glitch",
   "Glow",
   "Godrays",
   "Grayscale",
@@ -423,12 +887,14 @@ const availableComponents = [
   "ImageTexture",
   "Invert",
   "Kaleidoscope",
+  "LensFlare",
   "LinearBlur",
   "LinearGradient",
   "Liquify",
   "Mirror",
   "Perspective",
   "Pixelate",
+  "Plasma",
   "PolarCoordinates",
   "Posterize",
   "ProgressiveBlur",
@@ -452,6 +918,7 @@ const availableComponents = [
   "Tritone",
   "Twirl",
   "Vibrance",
+  "VideoTexture",
   "WaveDistortion",
   "WebcamTexture",
   "ZoomBlur"