shaders 2.5.110 → 2.5.111

package/dist/registry.js

@@ -8330,6 +8330,474 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "FlutedGlass",
+    "category": "Distortions",
+    "description": "Full-screen fluted glass effect — refracts content through repeating cylindrical bars",
+    "fileName": "FlutedGlass",
+    "requiresChild": true,
+    "definition": {
+      "name": "FlutedGlass",
+      "category": "Distortions",
+      "description": "Full-screen fluted glass effect — refracts content through repeating cylindrical bars",
+      "requiresRTT": true,
+      "requiresChild": true,
+      "props": {
+        "shape": {
+          "default": "bars",
+          "description": "Cross-section shape of each flute",
+          "compileTime": true,
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Bars",
+                "value": "bars"
+              },
+              {
+                "label": "Rounded",
+                "value": "rounded"
+              },
+              {
+                "label": "Waves",
+                "value": "waves"
+              }
+            ],
+            "label": "Shape",
+            "group": "Effect"
+          }
+        },
+        "angle": {
+          "default": 0,
+          "description": "Direction of the flutes in degrees (0 = vertical bars)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "frequency": {
+          "default": 10,
+          "description": "Number of flutes across the longest viewport axis",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 1,
+            "max": 20,
+            "step": 1,
+            "label": "Frequency",
+            "group": "Effect"
+          }
+        },
+        "softness": {
+          "default": 0.5,
+          "description": "How smoothly distortion fades from each flute centre to its edge (0 = flat middle / sharp seams, 1 = gentle curve)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Softness",
+            "group": "Effect"
+          }
+        },
+        "waveAmplitude": {
+          "default": 0.06,
+          "description": "How far each flute sways horizontally as it travels (Waves shape only)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.5,
+            "step": 0.01,
+            "label": "Wave Amplitude",
+            "group": "Effect",
+            "condition": {
+              "shape": "waves"
+            }
+          }
+        },
+        "waveFrequency": {
+          "default": 1.5,
+          "description": "How many sways fit along each flute (Waves shape only)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.1,
+            "max": 10,
+            "step": 0.1,
+            "label": "Wave Frequency",
+            "group": "Effect",
+            "condition": {
+              "shape": "waves"
+            }
+          }
+        },
+        "speed": {
+          "default": 0,
+          "description": "Animation speed — drifts the flute pattern over time and flows wave perturbations",
+          "ui": {
+            "type": "range",
+            "min": -1,
+            "max": 1,
+            "step": 0.05,
+            "label": "Speed",
+            "group": "Animation"
+          }
+        },
+        "refraction": {
+          "default": 1.5,
+          "description": "How aggressively each flute bends content beneath it",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 4,
+            "step": 0.01,
+            "label": "Refraction",
+            "group": "Effect"
+          }
+        },
+        "aberration": {
+          "default": 0.2,
+          "description": "Chromatic aberration — splits RGB along the refraction direction at flute seams",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Aberration",
+            "group": "Effect"
+          }
+        },
+        "lightAngle": {
+          "default": 30,
+          "description": "Direction the light source is coming from (0 = head-on, 90 = grazing)",
+          "ui": {
+            "type": "range",
+            "min": -90,
+            "max": 90,
+            "step": 1,
+            "label": "Light Angle",
+            "group": "Highlight"
+          }
+        },
+        "highlight": {
+          "default": 0.2,
+          "description": "Strength of the specular reflection on each flute",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 2,
+            "step": 0.01,
+            "label": "Highlight",
+            "group": "Highlight"
+          }
+        },
+        "highlightSoftness": {
+          "default": 0.3,
+          "description": "Spread of the specular peak (0 = pin-tight, 1 = broad sheen)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Highlight Softness",
+            "group": "Highlight"
+          }
+        },
+        "highlightColor": {
+          "default": "#ffffff",
+          "description": "Color of the specular highlight",
+          "ui": {
+            "type": "color",
+            "label": "Highlight Color",
+            "group": "Highlight"
+          }
+        },
+        "edges": {
+          "default": "mirror",
+          "description": "How to handle edges when distortion samples beyond the canvas",
+          "compileTime": true,
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Stretch",
+                "value": "stretch"
+              },
+              {
+                "label": "Transparent",
+                "value": "transparent"
+              },
+              {
+                "label": "Mirror",
+                "value": "mirror"
+              },
+              {
+                "label": "Wrap",
+                "value": "wrap"
+              }
+            ],
+            "label": "Edges",
+            "group": "Effect"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "shape": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Bars",
+              "value": "bars"
+            },
+            {
+              "label": "Rounded",
+              "value": "rounded"
+            },
+            {
+              "label": "Waves",
+              "value": "waves"
+            }
+          ],
+          "label": "Shape",
+          "group": "Effect"
+        },
+        "default": "bars",
+        "description": "Cross-section shape of each flute"
+      },
+      "angle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Direction of the flutes in degrees (0 = vertical bars)"
+      },
+      "frequency": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 20,
+          "step": 1,
+          "label": "Frequency",
+          "group": "Effect"
+        },
+        "default": 10,
+        "description": "Number of flutes across the longest viewport axis"
+      },
+      "softness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Softness",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "How smoothly distortion fades from each flute centre to its edge (0 = flat middle / sharp seams, 1 = gentle curve)"
+      },
+      "waveAmplitude": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.5,
+          "step": 0.01,
+          "label": "Wave Amplitude",
+          "group": "Effect",
+          "condition": {
+            "shape": "waves"
+          }
+        },
+        "default": 0.06,
+        "description": "How far each flute sways horizontally as it travels (Waves shape only)"
+      },
+      "waveFrequency": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.1,
+          "max": 10,
+          "step": 0.1,
+          "label": "Wave Frequency",
+          "group": "Effect",
+          "condition": {
+            "shape": "waves"
+          }
+        },
+        "default": 1.5,
+        "description": "How many sways fit along each flute (Waves shape only)"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -1,
+          "max": 1,
+          "step": 0.05,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Animation speed — drifts the flute pattern over time and flows wave perturbations"
+      },
+      "refraction": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 4,
+          "step": 0.01,
+          "label": "Refraction",
+          "group": "Effect"
+        },
+        "default": 1.5,
+        "description": "How aggressively each flute bends content beneath it"
+      },
+      "aberration": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Aberration",
+          "group": "Effect"
+        },
+        "default": 0.2,
+        "description": "Chromatic aberration — splits RGB along the refraction direction at flute seams"
+      },
+      "lightAngle": {
+        "ui": {
+          "type": "range",
+          "min": -90,
+          "max": 90,
+          "step": 1,
+          "label": "Light Angle",
+          "group": "Highlight"
+        },
+        "default": 30,
+        "description": "Direction the light source is coming from (0 = head-on, 90 = grazing)"
+      },
+      "highlight": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 2,
+          "step": 0.01,
+          "label": "Highlight",
+          "group": "Highlight"
+        },
+        "default": 0.2,
+        "description": "Strength of the specular reflection on each flute"
+      },
+      "highlightSoftness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Highlight Softness",
+          "group": "Highlight"
+        },
+        "default": 0.3,
+        "description": "Spread of the specular peak (0 = pin-tight, 1 = broad sheen)"
+      },
+      "highlightColor": {
+        "ui": {
+          "type": "color",
+          "label": "Highlight Color",
+          "group": "Highlight"
+        },
+        "default": "#ffffff",
+        "description": "Color of the specular highlight"
+      },
+      "edges": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Stretch",
+              "value": "stretch"
+            },
+            {
+              "label": "Transparent",
+              "value": "transparent"
+            },
+            {
+              "label": "Mirror",
+              "value": "mirror"
+            },
+            {
+              "label": "Wrap",
+              "value": "wrap"
+            }
+          ],
+          "label": "Edges",
+          "group": "Effect"
+        },
+        "default": "mirror",
+        "description": "How to handle edges when distortion samples beyond the canvas"
+      }
+    }
+  },
   {
     "name": "Fog",
     "category": "Interactive",

package/dist/solid/components/FlutedGlass.d.ts

@@ -0,0 +1,38 @@
+import { JSX } from 'solid-js';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/FlutedGlass';
+export type { ComponentProps };
+/**
+ * Base props that all shader components have
+ */
+interface BaseShaderProps {
+    children?: JSX.Element;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+}
+/**
+ * Component-specific props that merge base props with shader-specific props
+ * Note: ComponentProps are made optional since they have defaults from the shader definition
+ */
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'angle' | 'frequency' | 'softness' | 'waveAmplitude' | 'waveFrequency' | 'refraction' | 'aberration' | 'highlight' | 'highlightSoftness'>> & {
+    angle?: ComponentProps['angle'] | PropDriver;
+    frequency?: ComponentProps['frequency'] | PropDriver;
+    softness?: ComponentProps['softness'] | PropDriver;
+    waveAmplitude?: ComponentProps['waveAmplitude'] | PropDriver;
+    waveFrequency?: ComponentProps['waveFrequency'] | PropDriver;
+    refraction?: ComponentProps['refraction'] | PropDriver;
+    aberration?: ComponentProps['aberration'] | PropDriver;
+    highlight?: ComponentProps['highlight'] | PropDriver;
+    highlightSoftness?: ComponentProps['highlightSoftness'] | PropDriver;
+};
+/**
+ * The main Solid wrapper component for Shader shader nodes
+ */
+export default function ShaderComponent(props: ShaderComponentProps): JSX.Element;
+//# sourceMappingURL=FlutedGlass.d.ts.map

package/dist/solid/components/FlutedGlass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlutedGlass.d.ts","sourceRoot":"","sources":["../../src/components/FlutedGlass.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0F,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE5H,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGpF,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,GAAG,mBAAmB,CAAC,CAAC,GAAG;IACtN,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;IACnD,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC7D,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC7D,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,GAAG,UAAU,CAAC;CACtE,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA8NlE"}