shaders 2.2.42 → 2.2.44

package/dist/solid/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;AAotBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA+D/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;AAuXD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAgE/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -17,230 +17,95 @@ function toObjectLiteral(obj) {
 const shaderMetadata = {
   "AngularBlur": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 20,
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    }
+    "blendMode": "normal"
   },
   "Ascii": {
     "opacity": 1,
-    "blendMode": "normal",
-    "characters": "@%#*+=-:.",
-    "cellSize": 30,
-    "fontFamily": "JetBrains Mono",
-    "spacing": 1
+    "blendMode": "normal"
   },
   "Beam": {
     "opacity": 1,
-    "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"
+    "blendMode": "normal"
   },
   "Blob": {
     "opacity": 1,
-    "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"
+    "blendMode": "normal"
   },
   "Blur": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 50
+    "blendMode": "normal"
   },
   "BrightnessContrast": {
     "opacity": 1,
-    "blendMode": "normal",
-    "brightness": 0,
-    "contrast": 0
+    "blendMode": "normal"
   },
   "Bulge": {
     "opacity": 1,
-    "blendMode": "normal",
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    },
-    "strength": 1,
-    "radius": 1,
-    "falloff": 0.5,
-    "edges": "stretch"
+    "blendMode": "normal"
+  },
+  "CRTScreen": {
+    "opacity": 1,
+    "blendMode": "normal"
   },
   "ChannelBlur": {
     "opacity": 1,
-    "blendMode": "normal",
-    "redIntensity": 0,
-    "greenIntensity": 20,
-    "blueIntensity": 40
+    "blendMode": "normal"
   },
   "Checkerboard": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#cccccc",
-    "colorB": "#999999",
-    "cells": 8,
-    "softness": 0,
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "ChromaFlow": {
     "opacity": 1,
-    "blendMode": "normal",
-    "baseColor": "#0066ff",
-    "upColor": "#00ff00",
-    "downColor": "#ff0000",
-    "leftColor": "#0000ff",
-    "rightColor": "#ffff00",
-    "intensity": 1,
-    "radius": 2,
-    "momentum": 30
+    "blendMode": "normal"
   },
   "ChromaticAberration": {
     "opacity": 1,
-    "blendMode": "normal",
-    "strength": 0.2,
-    "angle": 0,
-    "redOffset": -1,
-    "greenOffset": 0,
-    "blueOffset": 1
+    "blendMode": "normal"
   },
   "Circle": {
     "opacity": 1,
-    "blendMode": "normal",
-    "color": "#ffffff",
-    "radius": 1,
-    "softness": 0,
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    }
-  },
-  "CRTScreen": {
-    "opacity": 1,
-    "blendMode": "normal",
-    "pixelSize": 128,
-    "colorShift": 1,
-    "scanlineIntensity": 0.3,
-    "scanlineFrequency": 200,
-    "brightness": 1.1,
-    "contrast": 1.2
+    "blendMode": "normal"
   },
   "CursorTrail": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#00aaff",
-    "colorB": "#ff00aa",
-    "radius": 0.5,
-    "length": 0.5,
-    "shrink": 1,
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "DiffuseBlur": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 30,
-    "edges": "stretch"
+    "blendMode": "normal"
   },
   "Dither": {
     "opacity": 1,
-    "blendMode": "normal",
-    "pixelSize": 4,
-    "threshold": 0.5,
-    "colorA": "transparent",
-    "colorB": "#ffffff"
+    "blendMode": "normal"
   },
   "DotGrid": {
     "opacity": 1,
-    "blendMode": "normal",
-    "color": "#ffffff",
-    "density": 100,
-    "dotSize": 0.3,
-    "twinkle": 0
+    "blendMode": "normal"
   },
   "Duotone": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#ff0000",
-    "colorB": "#023af4",
-    "blend": 0.5,
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "FilmGrain": {
     "opacity": 1,
-    "blendMode": "normal",
-    "strength": 0.5
+    "blendMode": "normal"
   },
   "FloatingParticles": {
     "opacity": 1,
-    "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
+    "blendMode": "normal"
   },
   "GlassTiles": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 2,
-    "tileCount": 20,
-    "rotation": 0,
-    "roundness": 0
+    "blendMode": "normal"
   },
   "Glow": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 1,
-    "threshold": 0.5,
-    "size": 10
+    "blendMode": "normal"
   },
   "Godrays": {
     "opacity": 1,
-    "blendMode": "normal",
-    "center": {
-      "x": 0,
-      "y": 0
-    },
-    "density": 0.3,
-    "intensity": 0.8,
-    "spotty": 1,
-    "speed": 0.5,
-    "rayColor": "#4283fb",
-    "backgroundColor": "transparent"
+    "blendMode": "normal"
   },
   "Grayscale": {
     "opacity": 1,
@@ -248,20 +113,11 @@ const shaderMetadata = {
   },
   "Grid": {
     "opacity": 1,
-    "blendMode": "normal",
-    "color": "#ffffff",
-    "cells": 10,
-    "thickness": 1
+    "blendMode": "normal"
   },
   "GridDistortion": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 1,
-    "swirl": 0,
-    "decay": 3,
-    "radius": 1,
-    "gridSize": 20,
-    "edges": "stretch"
+    "blendMode": "normal"
   },
   "Group": {
     "opacity": 1,
@@ -269,21 +125,15 @@ const shaderMetadata = {
   },
   "Halftone": {
     "opacity": 1,
-    "blendMode": "normal",
-    "frequency": 100,
-    "angle": 45,
-    "smoothness": 0.1
+    "blendMode": "normal"
   },
   "HueShift": {
     "opacity": 1,
-    "blendMode": "normal",
-    "shift": 0
+    "blendMode": "normal"
   },
   "ImageTexture": {
     "opacity": 1,
-    "blendMode": "normal",
-    "url": "https://shaders.com/sample.jpg",
-    "objectFit": "cover"
+    "blendMode": "normal"
   },
   "Invert": {
     "opacity": 1,
@@ -291,326 +141,127 @@ const shaderMetadata = {
   },
   "LinearBlur": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 30,
-    "angle": 0
+    "blendMode": "normal"
   },
   "LinearGradient": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#1aff00",
-    "colorB": "#0000ff",
-    "start": {
-      "x": 0,
-      "y": 0.5
-    },
-    "end": {
-      "x": 1,
-      "y": 0.5
-    },
-    "angle": 0,
-    "edges": "stretch",
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "Liquify": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 1,
-    "swirl": 0,
-    "decay": 3,
-    "radius": 1,
-    "edges": "stretch"
+    "blendMode": "normal"
   },
   "Perspective": {
     "opacity": 1,
-    "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"
+    "blendMode": "normal"
   },
   "Pixelate": {
     "opacity": 1,
-    "blendMode": "normal",
-    "scale": 50
+    "blendMode": "normal"
   },
   "PolarCoordinates": {
     "opacity": 1,
-    "blendMode": "normal",
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    },
-    "wrap": 1,
-    "radius": 1,
-    "intensity": 1,
-    "edges": "transparent"
+    "blendMode": "normal"
   },
   "Posterize": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 5
+    "blendMode": "normal"
   },
   "ProgressiveBlur": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 50,
-    "angle": 0,
-    "center": {
-      "x": 0,
-      "y": 0.5
-    },
-    "falloff": 1
+    "blendMode": "normal"
   },
   "RadialGradient": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#ff0000",
-    "colorB": "#0000ff",
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    },
-    "radius": 1,
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "RectangularCoordinates": {
     "opacity": 1,
-    "blendMode": "normal",
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    },
-    "scale": 1,
-    "intensity": 1,
-    "edges": "transparent"
+    "blendMode": "normal"
   },
   "Ripples": {
     "opacity": 1,
-    "blendMode": "normal",
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    },
-    "colorA": "#ffffff",
-    "colorB": "#000000",
-    "speed": 1,
-    "frequency": 20,
-    "softness": 0,
-    "thickness": 0.5,
-    "phase": 0
+    "blendMode": "normal"
   },
   "Saturation": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 1
+    "blendMode": "normal"
   },
   "Sharpness": {
     "opacity": 1,
-    "blendMode": "normal",
-    "sharpness": 0
+    "blendMode": "normal"
   },
   "Shatter": {
     "opacity": 1,
-    "blendMode": "normal",
-    "crackWidth": 1,
-    "intensity": 4,
-    "radius": 0.4,
-    "decay": 1,
-    "seed": 2,
-    "chromaticSplit": 1,
-    "refractionStrength": 5,
-    "shardLighting": 0.1,
-    "edges": "mirror"
+    "blendMode": "normal"
   },
   "SimplexNoise": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#ffffff",
-    "colorB": "transparent",
-    "scale": 2,
-    "balance": 0,
-    "contrast": 0,
-    "seed": 0,
-    "speed": 1
+    "blendMode": "normal"
   },
   "SineWave": {
     "opacity": 1,
-    "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
+    "blendMode": "normal"
   },
   "SolidColor": {
     "opacity": 1,
-    "blendMode": "normal",
-    "color": "#5b18ca"
+    "blendMode": "normal"
   },
   "Spherize": {
     "opacity": 1,
-    "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"
+    "blendMode": "normal"
   },
   "Spiral": {
     "opacity": 1,
-    "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"
+    "blendMode": "normal"
   },
   "Strands": {
     "opacity": 1,
-    "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
-    }
+    "blendMode": "normal"
   },
   "Stretch": {
     "opacity": 1,
-    "blendMode": "normal",
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    },
-    "strength": 1,
-    "angle": 0,
-    "falloff": 0,
-    "edges": "stretch"
+    "blendMode": "normal"
   },
   "Stripes": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#000000",
-    "colorB": "#ffffff",
-    "angle": 45,
-    "density": 5,
-    "balance": 0.5,
-    "softness": 0,
-    "speed": 0.2,
-    "offset": 0,
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "Swirl": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#1275d8",
-    "colorB": "#e19136",
-    "speed": 1,
-    "detail": 1,
-    "blend": 50,
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "TiltShift": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 50,
-    "width": 0.3,
-    "falloff": 0.3,
-    "angle": 0,
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    }
+    "blendMode": "normal"
   },
   "Tint": {
     "opacity": 1,
-    "blendMode": "normal",
-    "color": "#ff8800",
-    "amount": 0.5,
-    "preserveLuminosity": true
+    "blendMode": "normal"
   },
   "Tritone": {
     "opacity": 1,
-    "blendMode": "normal",
-    "colorA": "#ce1bea",
-    "colorB": "#2fff00",
-    "colorC": "#ffff00",
-    "blendMid": 0.5,
-    "colorSpace": "linear"
+    "blendMode": "normal"
   },
   "Twirl": {
     "opacity": 1,
-    "blendMode": "normal",
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    },
-    "intensity": 1,
-    "edges": "stretch"
+    "blendMode": "normal"
   },
   "Vibrance": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 0
+    "blendMode": "normal"
   },
   "WaveDistortion": {
     "opacity": 1,
-    "blendMode": "normal",
-    "strength": 0.3,
-    "frequency": 1,
-    "speed": 1,
-    "angle": 0,
-    "waveType": "sine",
-    "edges": "stretch"
+    "blendMode": "normal"
+  },
+  "WebcamTexture": {
+    "opacity": 1,
+    "blendMode": "normal"
   },
   "ZoomBlur": {
     "opacity": 1,
-    "blendMode": "normal",
-    "intensity": 30,
-    "center": {
-      "x": 0.5,
-      "y": 0.5
-    }
+    "blendMode": "normal"
   }
 };
 function generatePropString(props, componentType, indent = "  ") {
@@ -787,6 +438,7 @@ const availableComponents = [
   "Twirl",
   "Vibrance",
   "WaveDistortion",
+  "WebcamTexture",
   "ZoomBlur"
 ];
 export {

package/dist/svelte/components/WebcamTexture.svelte.d.ts

@@ -0,0 +1,19 @@
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/WebcamTexture';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const WebcamTexture: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type WebcamTexture = ReturnType<typeof WebcamTexture>;
+export default WebcamTexture;