shaders 4.0.1 → 4.0.3

package/dist/registry.js

@@ -43965,6 +43965,534 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Satin",
+    "category": "Textures",
+    "description": "Flowing satin — a draped cloth of soft rippling folds lit like real fabric: a highlight streaked along the weave, a velvet sheen on the fold flanks and creases falling into shadow, swaying gently in a breeze",
+    "fileName": "Satin",
+    "definition": {
+      "name": "Satin",
+      "boundingBoxDeclaration": {
+        "aspectRatio": null,
+        "supportsResizeFit": true
+      },
+      "category": "Textures",
+      "description": "Flowing satin — a draped cloth of soft rippling folds lit like real fabric: a highlight streaked along the weave, a velvet sheen on the fold flanks and creases falling into shadow, swaying gently in a breeze",
+      "acceptsUVContext": true,
+      "animatedTime": {
+        "speed": "speed"
+      },
+      "props": {
+        "color": {
+          "default": "#c92c40",
+          "description": "The dye of the cloth — deep colors show the sheen best",
+          "ui": {
+            "type": "color",
+            "label": "Color",
+            "group": "Cloth"
+          }
+        },
+        "highlightColor": {
+          "default": "#c4667b",
+          "description": "The color of the light caught by the weave — near white for silk, tinted toward the dye for a matte satin",
+          "ui": {
+            "type": "color",
+            "label": "Highlight",
+            "group": "Cloth"
+          }
+        },
+        "foldCount": {
+          "default": 7,
+          "compileTime": true,
+          "description": "How many ridges run across the cloth",
+          "ui": {
+            "type": "range",
+            "min": 1,
+            "max": 12,
+            "step": 1,
+            "label": "Folds",
+            "group": "Folds"
+          }
+        },
+        "foldDirection": {
+          "default": 90,
+          "description": "Direction the folds run, in degrees — 90 hangs them vertically like a curtain",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Direction",
+            "group": "Folds"
+          }
+        },
+        "foldDepth": {
+          "default": 0.5,
+          "description": "How deep the folds are — 0 is a flat sheet, 1 heavy gathered drapery",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Depth",
+            "group": "Folds"
+          }
+        },
+        "foldWidth": {
+          "default": 0.14,
+          "description": "Width of each ridge, relative to the canvas — narrow for fine pleats, wide for broad soft folds",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.04,
+            "max": 0.4,
+            "step": 0.01,
+            "label": "Width",
+            "group": "Folds"
+          }
+        },
+        "pinning": {
+          "default": 0.6,
+          "description": "How much the cloth is gathered at the top edge — 0 is a loose drape, 1 a curtain pinned at the rail with the folds opening as they fall",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Pinning",
+            "group": "Folds"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Random seed — a different layout of folds",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Folds"
+          }
+        },
+        "speed": {
+          "default": 1,
+          "description": "How fast the cloth moves. 0 pauses.",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 4,
+            "step": 0.01,
+            "label": "Speed",
+            "group": "Motion"
+          }
+        },
+        "breeze": {
+          "default": 0.4,
+          "description": "Strength of the breeze — how far the folds ripple and sway",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Breeze",
+            "group": "Motion"
+          }
+        },
+        "gloss": {
+          "default": 0.1,
+          "description": "How shiny the weave is — 0 soft matte satin, 1 glossy silk with a tight bright streak",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Gloss",
+            "group": "Finish"
+          }
+        },
+        "anisotropy": {
+          "default": 0.7,
+          "description": "How much the highlight stretches along the threads — the long streak real satin shows",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Anisotropy",
+            "group": "Finish"
+          }
+        },
+        "bloom": {
+          "default": 0.5,
+          "description": "The broad soft glow around the highlight — light the weave scatters sideways. 0 leaves the crisp streak alone, 1 a wide satin bloom",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Bloom",
+            "group": "Finish"
+          }
+        },
+        "sheen": {
+          "default": 0.5,
+          "description": "The velvet glow on the flanks of each fold where the fibres catch the light edge-on",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Sheen",
+            "group": "Finish"
+          }
+        },
+        "weave": {
+          "default": 0.1,
+          "description": "Visibility of the thread texture — the fine grain that glints inside the highlight",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Weave",
+            "group": "Finish"
+          }
+        },
+        "fiberAngle": {
+          "default": 90,
+          "description": "Direction the threads run, in degrees — the highlight streaks along this axis. Usually the fold direction.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Thread Angle",
+            "group": "Finish"
+          }
+        },
+        "lightAngle": {
+          "default": 215,
+          "description": "Direction of the key light, in degrees",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Light Angle",
+            "group": "Light"
+          }
+        },
+        "fill": {
+          "default": 0.35,
+          "description": "Strength of the fill light from the opposite side — lifts the shadowed flanks",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Fill",
+            "group": "Light"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "color": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Cloth"
+        },
+        "default": "#c92c40",
+        "description": "The dye of the cloth — deep colors show the sheen best"
+      },
+      "highlightColor": {
+        "ui": {
+          "type": "color",
+          "label": "Highlight",
+          "group": "Cloth"
+        },
+        "default": "#c4667b",
+        "description": "The color of the light caught by the weave — near white for silk, tinted toward the dye for a matte satin"
+      },
+      "foldCount": {
+        "ui": {
+          "type": "range",
+          "min": 1,
+          "max": 12,
+          "step": 1,
+          "label": "Folds",
+          "group": "Folds"
+        },
+        "default": 7,
+        "description": "How many ridges run across the cloth"
+      },
+      "foldDirection": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Direction",
+          "group": "Folds"
+        },
+        "default": 90,
+        "description": "Direction the folds run, in degrees — 90 hangs them vertically like a curtain"
+      },
+      "foldDepth": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Depth",
+          "group": "Folds"
+        },
+        "default": 0.5,
+        "description": "How deep the folds are — 0 is a flat sheet, 1 heavy gathered drapery"
+      },
+      "foldWidth": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.04,
+          "max": 0.4,
+          "step": 0.01,
+          "label": "Width",
+          "group": "Folds"
+        },
+        "default": 0.14,
+        "description": "Width of each ridge, relative to the canvas — narrow for fine pleats, wide for broad soft folds"
+      },
+      "pinning": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Pinning",
+          "group": "Folds"
+        },
+        "default": 0.6,
+        "description": "How much the cloth is gathered at the top edge — 0 is a loose drape, 1 a curtain pinned at the rail with the folds opening as they fall"
+      },
+      "seed": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Folds"
+        },
+        "default": 0,
+        "description": "Random seed — a different layout of folds"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 4,
+          "step": 0.01,
+          "label": "Speed",
+          "group": "Motion"
+        },
+        "default": 1,
+        "description": "How fast the cloth moves. 0 pauses."
+      },
+      "breeze": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Breeze",
+          "group": "Motion"
+        },
+        "default": 0.4,
+        "description": "Strength of the breeze — how far the folds ripple and sway"
+      },
+      "gloss": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Gloss",
+          "group": "Finish"
+        },
+        "default": 0.1,
+        "description": "How shiny the weave is — 0 soft matte satin, 1 glossy silk with a tight bright streak"
+      },
+      "anisotropy": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Anisotropy",
+          "group": "Finish"
+        },
+        "default": 0.7,
+        "description": "How much the highlight stretches along the threads — the long streak real satin shows"
+      },
+      "bloom": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Bloom",
+          "group": "Finish"
+        },
+        "default": 0.5,
+        "description": "The broad soft glow around the highlight — light the weave scatters sideways. 0 leaves the crisp streak alone, 1 a wide satin bloom"
+      },
+      "sheen": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Sheen",
+          "group": "Finish"
+        },
+        "default": 0.5,
+        "description": "The velvet glow on the flanks of each fold where the fibres catch the light edge-on"
+      },
+      "weave": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Weave",
+          "group": "Finish"
+        },
+        "default": 0.1,
+        "description": "Visibility of the thread texture — the fine grain that glints inside the highlight"
+      },
+      "fiberAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Thread Angle",
+          "group": "Finish"
+        },
+        "default": 90,
+        "description": "Direction the threads run, in degrees — the highlight streaks along this axis. Usually the fold direction."
+      },
+      "lightAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Light Angle",
+          "group": "Light"
+        },
+        "default": 215,
+        "description": "Direction of the key light, in degrees"
+      },
+      "fill": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Fill",
+          "group": "Light"
+        },
+        "default": 0.35,
+        "description": "Strength of the fill light from the opposite side — lifts the shadowed flanks"
+      }
+    }
+  },
   {
     "name": "Saturation",
     "category": "Adjustments",

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

@@ -0,0 +1,46 @@
+import { JSX } from 'solid-js';
+import { BlendMode, PropDriver, TransformConfig, BoundingBoxConfig, LayoutConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/Satin';
+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>;
+    boundingBox?: Partial<BoundingBoxConfig>;
+    flow?: LayoutConfig;
+    absolute?: boolean;
+}
+/**
+ * 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, 'foldDirection' | 'foldDepth' | 'foldWidth' | 'pinning' | 'seed' | 'breeze' | 'gloss' | 'anisotropy' | 'bloom' | 'sheen' | 'weave' | 'fiberAngle' | 'lightAngle' | 'fill'>> & {
+    foldDirection?: ComponentProps['foldDirection'] | PropDriver;
+    foldDepth?: ComponentProps['foldDepth'] | PropDriver;
+    foldWidth?: ComponentProps['foldWidth'] | PropDriver;
+    pinning?: ComponentProps['pinning'] | PropDriver;
+    seed?: ComponentProps['seed'] | PropDriver;
+    breeze?: ComponentProps['breeze'] | PropDriver;
+    gloss?: ComponentProps['gloss'] | PropDriver;
+    anisotropy?: ComponentProps['anisotropy'] | PropDriver;
+    bloom?: ComponentProps['bloom'] | PropDriver;
+    sheen?: ComponentProps['sheen'] | PropDriver;
+    weave?: ComponentProps['weave'] | PropDriver;
+    fiberAngle?: ComponentProps['fiberAngle'] | PropDriver;
+    lightAngle?: ComponentProps['lightAngle'] | PropDriver;
+    fill?: ComponentProps['fill'] | PropDriver;
+};
+/**
+ * The main Solid wrapper component for Shader shader nodes
+ */
+export default function ShaderComponent(props: ShaderComponentProps): JSX.Element;
+//# sourceMappingURL=Satin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Satin.d.ts","sourceRoot":"","sources":["../../src/components/Satin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0F,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE5H,OAAO,EAIH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACpB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAG9E,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;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,eAAe,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC,GAAG;IACvP,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC7D,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;IACjD,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;IAC3C,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC;IAC/C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;CAC5C,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAyOlE"}