shaders 2.3.50 → 2.3.52

package/dist/registry.js

@@ -393,102 +393,39 @@ export const shaderRegistry = [
     }
   },
   {
-    "name": "Beam",
+    "name": "Aurora",
     "category": "Textures",
-    "description": "A beam of light from one point to another.",
-    "fileName": "Beam",
+    "description": "Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.",
+    "fileName": "Aurora",
     "definition": {
-      "name": "Beam",
+      "name": "Aurora",
       "category": "Textures",
-      "description": "A beam of light from one point to another.",
+      "description": "Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.",
       "props": {
-        "startPosition": {
-          "default": {
-            "x": 0.2,
-            "y": 0.5
-          },
-          "description": "Starting point of the beam",
-          "ui": {
-            "type": "position",
-            "label": "Start Position",
-            "group": "Position"
-          }
-        },
-        "endPosition": {
-          "default": {
-            "x": 0.8,
-            "y": 0.5
-          },
-          "description": "Ending point of the beam",
-          "ui": {
-            "type": "position",
-            "label": "End Position",
-            "group": "Position"
-          }
-        },
-        "startThickness": {
-          "default": 0.2,
-          "description": "Thickness at the start of the beam",
-          "ui": {
-            "type": "range",
-            "min": 0,
-            "max": 2,
-            "step": 0.1,
-            "label": "Start Thickness",
-            "group": "Effect"
-          }
-        },
-        "endThickness": {
-          "default": 0.2,
-          "description": "Thickness at the end of the beam",
-          "ui": {
-            "type": "range",
-            "min": 0,
-            "max": 2,
-            "step": 0.1,
-            "label": "End Thickness",
-            "group": "Effect"
-          }
-        },
-        "startSoftness": {
-          "default": 0.5,
-          "description": "Edge softness at the start of the beam",
-          "ui": {
-            "type": "range",
-            "min": 0,
-            "max": 50,
-            "step": 0.1,
-            "label": "Start Softness",
-            "group": "Effect"
-          }
-        },
-        "endSoftness": {
-          "default": 0.5,
-          "description": "Edge softness at the end of the beam",
+        "colorA": {
+          "default": "#a533f8",
+          "description": "Edge color at the curtain base",
           "ui": {
-            "type": "range",
-            "min": 0,
-            "max": 20,
-            "step": 0.1,
-            "label": "End Softness",
-            "group": "Effect"
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
           }
         },
-        "insideColor": {
-          "default": "#FF0000",
-          "description": "Color at the center of the beam",
+        "colorB": {
+          "default": "#22ee88",
+          "description": "Core color in the bright center",
           "ui": {
             "type": "color",
-            "label": "Inside Color",
+            "label": "Color B",
             "group": "Colors"
           }
         },
-        "outsideColor": {
-          "default": "#0000FF",
-          "description": "Color at the edges of the beam",
+        "colorC": {
+          "default": "#1694e8",
+          "description": "Tip color at the ray ends",
           "ui": {
             "type": "color",
-            "label": "Outside Color",
+            "label": "Color C",
             "group": "Colors"
           }
         },
@@ -514,99 +451,144 @@ export const shaderRegistry = [
             "label": "Color Space",
             "group": "Colors"
           }
-        }
-      }
-    },
-    "propsMetadata": {
-      "startPosition": {
-        "ui": {
-          "type": "position",
-          "label": "Start Position",
-          "group": "Position"
         },
-        "default": {
-          "x": 0.2,
-          "y": 0.5
+        "balance": {
+          "default": 50,
+          "description": "Shifts color distribution across the curtain height",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Balance",
+            "group": "Colors"
+          }
         },
-        "description": "Starting point of the beam"
-      },
-      "endPosition": {
-        "ui": {
-          "type": "position",
-          "label": "End Position",
-          "group": "Position"
+        "intensity": {
+          "default": 80,
+          "description": "Overall aurora brightness",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Intensity",
+            "group": "Aurora"
+          }
         },
-        "default": {
-          "x": 0.8,
-          "y": 0.5
+        "curtainCount": {
+          "default": 4,
+          "description": "Number of aurora curtain layers",
+          "ui": {
+            "type": "range",
+            "min": 1,
+            "max": 4,
+            "step": 1,
+            "label": "Curtains",
+            "group": "Aurora"
+          }
         },
-        "description": "Ending point of the beam"
-      },
-      "startThickness": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 2,
-          "step": 0.1,
-          "label": "Start Thickness",
-          "group": "Effect"
+        "speed": {
+          "default": 5,
+          "description": "Animation speed",
+          "ui": {
+            "type": "range",
+            "min": -10,
+            "max": 10,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Aurora"
+          }
         },
-        "default": 0.2,
-        "description": "Thickness at the start of the beam"
-      },
-      "endThickness": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 2,
-          "step": 0.1,
-          "label": "End Thickness",
-          "group": "Effect"
+        "waviness": {
+          "default": 50,
+          "description": "How much the curtains undulate",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 200,
+            "step": 1,
+            "label": "Waviness",
+            "group": "Aurora"
+          }
         },
-        "default": 0.2,
-        "description": "Thickness at the end of the beam"
-      },
-      "startSoftness": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 50,
-          "step": 0.1,
-          "label": "Start Softness",
-          "group": "Effect"
+        "rayDensity": {
+          "default": 20,
+          "description": "Density of vertical ray structures",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Ray Detail",
+            "group": "Aurora"
+          }
         },
-        "default": 0.5,
-        "description": "Edge softness at the start of the beam"
-      },
-      "endSoftness": {
+        "height": {
+          "default": 120,
+          "description": "How tall the aurora extends",
+          "ui": {
+            "type": "range",
+            "min": 10,
+            "max": 200,
+            "step": 1,
+            "label": "Height",
+            "group": "Scene"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the aurora",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Scene"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Random seed for variation",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Aurora"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
         "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 20,
-          "step": 0.1,
-          "label": "End Softness",
-          "group": "Effect"
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
         },
-        "default": 0.5,
-        "description": "Edge softness at the end of the beam"
+        "default": "#a533f8",
+        "description": "Edge color at the curtain base"
       },
-      "insideColor": {
+      "colorB": {
         "ui": {
           "type": "color",
-          "label": "Inside Color",
+          "label": "Color B",
           "group": "Colors"
         },
-        "default": "#FF0000",
-        "description": "Color at the center of the beam"
+        "default": "#22ee88",
+        "description": "Core color in the bright center"
       },
-      "outsideColor": {
+      "colorC": {
         "ui": {
           "type": "color",
-          "label": "Outside Color",
+          "label": "Color C",
           "group": "Colors"
         },
-        "default": "#0000FF",
-        "description": "Color at the edges of the beam"
+        "default": "#1694e8",
+        "description": "Tip color at the ray ends"
       },
       "colorSpace": {
         "ui": {
@@ -630,14 +612,363 @@ export const shaderRegistry = [
         },
         "default": "linear",
         "description": "Color space for color interpolation"
-      }
-    }
-  },
-  {
-    "name": "Blob",
-    "category": "Textures",
-    "description": "Organic animated blob with 3D lighting and gradients",
-    "fileName": "Blob",
+      },
+      "balance": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Balance",
+          "group": "Colors"
+        },
+        "default": 50,
+        "description": "Shifts color distribution across the curtain height"
+      },
+      "intensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Intensity",
+          "group": "Aurora"
+        },
+        "default": 80,
+        "description": "Overall aurora brightness"
+      },
+      "curtainCount": {
+        "ui": {
+          "type": "range",
+          "min": 1,
+          "max": 4,
+          "step": 1,
+          "label": "Curtains",
+          "group": "Aurora"
+        },
+        "default": 4,
+        "description": "Number of aurora curtain layers"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -10,
+          "max": 10,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Aurora"
+        },
+        "default": 5,
+        "description": "Animation speed"
+      },
+      "waviness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 200,
+          "step": 1,
+          "label": "Waviness",
+          "group": "Aurora"
+        },
+        "default": 50,
+        "description": "How much the curtains undulate"
+      },
+      "rayDensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Ray Detail",
+          "group": "Aurora"
+        },
+        "default": 20,
+        "description": "Density of vertical ray structures"
+      },
+      "height": {
+        "ui": {
+          "type": "range",
+          "min": 10,
+          "max": 200,
+          "step": 1,
+          "label": "Height",
+          "group": "Scene"
+        },
+        "default": 120,
+        "description": "How tall the aurora extends"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Scene"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center position of the aurora"
+      },
+      "seed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Aurora"
+        },
+        "default": 0,
+        "description": "Random seed for variation"
+      }
+    }
+  },
+  {
+    "name": "Beam",
+    "category": "Textures",
+    "description": "A beam of light from one point to another.",
+    "fileName": "Beam",
+    "definition": {
+      "name": "Beam",
+      "category": "Textures",
+      "description": "A beam of light from one point to another.",
+      "props": {
+        "startPosition": {
+          "default": {
+            "x": 0.2,
+            "y": 0.5
+          },
+          "description": "Starting point of the beam",
+          "ui": {
+            "type": "position",
+            "label": "Start Position",
+            "group": "Position"
+          }
+        },
+        "endPosition": {
+          "default": {
+            "x": 0.8,
+            "y": 0.5
+          },
+          "description": "Ending point of the beam",
+          "ui": {
+            "type": "position",
+            "label": "End Position",
+            "group": "Position"
+          }
+        },
+        "startThickness": {
+          "default": 0.2,
+          "description": "Thickness at the start of the beam",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 2,
+            "step": 0.1,
+            "label": "Start Thickness",
+            "group": "Effect"
+          }
+        },
+        "endThickness": {
+          "default": 0.2,
+          "description": "Thickness at the end of the beam",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 2,
+            "step": 0.1,
+            "label": "End Thickness",
+            "group": "Effect"
+          }
+        },
+        "startSoftness": {
+          "default": 0.5,
+          "description": "Edge softness at the start of the beam",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 50,
+            "step": 0.1,
+            "label": "Start Softness",
+            "group": "Effect"
+          }
+        },
+        "endSoftness": {
+          "default": 0.5,
+          "description": "Edge softness at the end of the beam",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 20,
+            "step": 0.1,
+            "label": "End Softness",
+            "group": "Effect"
+          }
+        },
+        "insideColor": {
+          "default": "#FF0000",
+          "description": "Color at the center of the beam",
+          "ui": {
+            "type": "color",
+            "label": "Inside Color",
+            "group": "Colors"
+          }
+        },
+        "outsideColor": {
+          "default": "#0000FF",
+          "description": "Color at the edges of the beam",
+          "ui": {
+            "type": "color",
+            "label": "Outside Color",
+            "group": "Colors"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "startPosition": {
+        "ui": {
+          "type": "position",
+          "label": "Start Position",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.2,
+          "y": 0.5
+        },
+        "description": "Starting point of the beam"
+      },
+      "endPosition": {
+        "ui": {
+          "type": "position",
+          "label": "End Position",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.8,
+          "y": 0.5
+        },
+        "description": "Ending point of the beam"
+      },
+      "startThickness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 2,
+          "step": 0.1,
+          "label": "Start Thickness",
+          "group": "Effect"
+        },
+        "default": 0.2,
+        "description": "Thickness at the start of the beam"
+      },
+      "endThickness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 2,
+          "step": 0.1,
+          "label": "End Thickness",
+          "group": "Effect"
+        },
+        "default": 0.2,
+        "description": "Thickness at the end of the beam"
+      },
+      "startSoftness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 50,
+          "step": 0.1,
+          "label": "Start Softness",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Edge softness at the start of the beam"
+      },
+      "endSoftness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 20,
+          "step": 0.1,
+          "label": "End Softness",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Edge softness at the end of the beam"
+      },
+      "insideColor": {
+        "ui": {
+          "type": "color",
+          "label": "Inside Color",
+          "group": "Colors"
+        },
+        "default": "#FF0000",
+        "description": "Color at the center of the beam"
+      },
+      "outsideColor": {
+        "ui": {
+          "type": "color",
+          "label": "Outside Color",
+          "group": "Colors"
+        },
+        "default": "#0000FF",
+        "description": "Color at the edges of the beam"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for color interpolation"
+      }
+    }
+  },
+  {
+    "name": "Blob",
+    "category": "Textures",
+    "description": "Organic animated blob with 3D lighting and gradients",
+    "fileName": "Blob",
     "definition": {
       "name": "Blob",
       "category": "Textures",
@@ -8766,370 +9097,817 @@ export const shaderRegistry = [
           "description": "The direction of the stretch in degrees",
           "ui": {
             "type": "range",
-            "min": 0,
-            "max": 360,
-            "step": 1,
-            "label": "Angle",
-            "group": "Effect"
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "falloff": {
+          "default": 0,
+          "description": "Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.1,
+            "label": "Falloff",
+            "group": "Effect"
+          }
+        },
+        "edges": {
+          "default": "stretch",
+          "description": "How to handle edges when distortion pushes content out of bounds",
+          "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": {
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "The center point of the stretch effect"
+      },
+      "strength": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.1,
+          "label": "Strength",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "The intensity of the stretch effect"
+      },
+      "angle": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "The direction of the stretch in degrees"
+      },
+      "falloff": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.1,
+          "label": "Falloff",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)"
+      },
+      "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": "stretch",
+        "description": "How to handle edges when distortion pushes content out of bounds"
+      }
+    }
+  },
+  {
+    "name": "Stripes",
+    "category": "Textures",
+    "description": "Alternating colored stripes with animation",
+    "fileName": "Stripes",
+    "definition": {
+      "name": "Stripes",
+      "category": "Textures",
+      "description": "Alternating colored stripes with animation",
+      "props": {
+        "colorA": {
+          "default": "#000000",
+          "description": "First stripe color",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#ffffff",
+          "description": "Second stripe color",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "angle": {
+          "default": 45,
+          "description": "Angle of stripes in degrees",
+          "ui": {
+            "type": "range",
+            "min": -180,
+            "max": 180,
+            "step": 1,
+            "label": "Angle",
+            "group": "Effect"
+          }
+        },
+        "density": {
+          "default": 5,
+          "description": "Number of stripe pairs visible",
+          "ui": {
+            "type": "range",
+            "min": 1,
+            "max": 30,
+            "step": 1,
+            "label": "Density",
+            "group": "Effect"
+          }
+        },
+        "balance": {
+          "default": 0.5,
+          "description": "Ratio of the two colors",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.1,
+            "label": "Balance",
+            "group": "Effect"
+          }
+        },
+        "softness": {
+          "default": 0,
+          "description": "Edge softness",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.1,
+            "label": "Softness",
+            "group": "Effect"
+          }
+        },
+        "speed": {
+          "default": 0.2,
+          "description": "Animation speed",
+          "ui": {
+            "type": "range",
+            "min": -1,
+            "max": 1,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Animation"
           }
         },
-        "falloff": {
+        "offset": {
           "default": 0,
-          "description": "Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)",
+          "description": "Phase offset for pattern positioning",
           "ui": {
             "type": "range",
             "min": 0,
             "max": 1,
             "step": 0.1,
-            "label": "Falloff",
-            "group": "Effect"
+            "label": "Offset",
+            "group": "Animation"
           }
         },
-        "edges": {
-          "default": "stretch",
-          "description": "How to handle edges when distortion pushes content out of bounds",
+        "colorSpace": {
+          "default": "linear",
+          "description": "Color space for interpolation",
           "ui": {
             "type": "select",
             "options": [
               {
-                "label": "Stretch",
-                "value": "stretch"
-              },
-              {
-                "label": "Transparent",
-                "value": "transparent"
+                "label": "Linear RGB",
+                "value": "linear"
               },
               {
-                "label": "Mirror",
-                "value": "mirror"
+                "label": "OKLCh",
+                "value": "oklch"
               },
               {
-                "label": "Wrap",
-                "value": "wrap"
+                "label": "OKLAB",
+                "value": "oklab"
               }
             ],
-            "label": "Edges",
-            "group": "Effect"
+            "label": "Color Space",
+            "group": "Colors"
           }
         }
       }
     },
     "propsMetadata": {
-      "center": {
+      "colorA": {
         "ui": {
-          "type": "position",
-          "label": "Center",
-          "group": "Position"
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
         },
-        "default": {
-          "x": 0.5,
-          "y": 0.5
+        "default": "#000000",
+        "description": "First stripe color"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
         },
-        "description": "The center point of the stretch effect"
+        "default": "#ffffff",
+        "description": "Second stripe color"
       },
-      "strength": {
+      "angle": {
+        "ui": {
+          "type": "range",
+          "min": -180,
+          "max": 180,
+          "step": 1,
+          "label": "Angle",
+          "group": "Effect"
+        },
+        "default": 45,
+        "description": "Angle of stripes in degrees"
+      },
+      "density": {
+        "ui": {
+          "type": "range",
+          "min": 1,
+          "max": 30,
+          "step": 1,
+          "label": "Density",
+          "group": "Effect"
+        },
+        "default": 5,
+        "description": "Number of stripe pairs visible"
+      },
+      "balance": {
         "ui": {
           "type": "range",
           "min": 0,
           "max": 1,
           "step": 0.1,
-          "label": "Strength",
+          "label": "Balance",
           "group": "Effect"
         },
-        "default": 1,
-        "description": "The intensity of the stretch effect"
+        "default": 0.5,
+        "description": "Ratio of the two colors"
       },
-      "angle": {
+      "softness": {
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 360,
-          "step": 1,
-          "label": "Angle",
+          "max": 1,
+          "step": 0.1,
+          "label": "Softness",
           "group": "Effect"
         },
         "default": 0,
-        "description": "The direction of the stretch in degrees"
+        "description": "Edge softness"
       },
-      "falloff": {
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -1,
+          "max": 1,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0.2,
+        "description": "Animation speed"
+      },
+      "offset": {
         "ui": {
           "type": "range",
           "min": 0,
           "max": 1,
           "step": 0.1,
-          "label": "Falloff",
-          "group": "Effect"
+          "label": "Offset",
+          "group": "Animation"
         },
         "default": 0,
-        "description": "Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)"
+        "description": "Phase offset for pattern positioning"
       },
-      "edges": {
+      "colorSpace": {
         "ui": {
           "type": "select",
           "options": [
             {
-              "label": "Stretch",
-              "value": "stretch"
-            },
-            {
-              "label": "Transparent",
-              "value": "transparent"
+              "label": "Linear RGB",
+              "value": "linear"
             },
             {
-              "label": "Mirror",
-              "value": "mirror"
+              "label": "OKLCh",
+              "value": "oklch"
             },
             {
-              "label": "Wrap",
-              "value": "wrap"
+              "label": "OKLAB",
+              "value": "oklab"
             }
           ],
-          "label": "Edges",
-          "group": "Effect"
+          "label": "Color Space",
+          "group": "Colors"
         },
-        "default": "stretch",
-        "description": "How to handle edges when distortion pushes content out of bounds"
+        "default": "linear",
+        "description": "Color space for interpolation"
       }
     }
   },
   {
-    "name": "Stripes",
+    "name": "StudioBackground",
     "category": "Textures",
-    "description": "Alternating colored stripes with animation",
-    "fileName": "Stripes",
+    "description": "Multi-light studio background with ambient motion.",
+    "fileName": "StudioBackground",
     "definition": {
-      "name": "Stripes",
+      "name": "StudioBackground",
       "category": "Textures",
-      "description": "Alternating colored stripes with animation",
+      "description": "Multi-light studio background with ambient motion.",
       "props": {
-        "colorA": {
-          "default": "#000000",
-          "description": "First stripe color",
+        "color": {
+          "default": "#d8dbec",
+          "description": "Base studio surface color",
           "ui": {
             "type": "color",
-            "label": "Color A",
+            "label": "Surface Color",
             "group": "Colors"
           }
         },
-        "colorB": {
-          "default": "#ffffff",
-          "description": "Second stripe color",
+        "keyColor": {
+          "default": "#d5e4ea",
+          "description": "Color of the overhead key light",
           "ui": {
             "type": "color",
-            "label": "Color B",
-            "group": "Colors"
+            "label": "Key Color",
+            "group": "Key Light"
           }
         },
-        "angle": {
-          "default": 45,
-          "description": "Angle of stripes in degrees",
+        "keyIntensity": {
+          "default": 40,
+          "description": "Intensity of the key light",
           "ui": {
             "type": "range",
-            "min": -180,
-            "max": 180,
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Intensity",
+            "group": "Key Light"
+          }
+        },
+        "keySoftness": {
+          "default": 50,
+          "description": "How diffuse the key light is",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Softness",
+            "group": "Key Light"
+          }
+        },
+        "fillColor": {
+          "default": "#d5e4ea",
+          "description": "Color of the side fill lights",
+          "ui": {
+            "type": "color",
+            "label": "Fill Color",
+            "group": "Fill Lights"
+          }
+        },
+        "fillIntensity": {
+          "default": 10,
+          "description": "Intensity of the fill lights",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Intensity",
+            "group": "Fill Lights"
+          }
+        },
+        "fillSoftness": {
+          "default": 70,
+          "description": "How diffuse the fill lights are",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Softness",
+            "group": "Fill Lights"
+          }
+        },
+        "fillAngle": {
+          "default": 70,
+          "description": "How far apart the fill lights are from center",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Spread",
+            "group": "Fill Lights"
+          }
+        },
+        "backColor": {
+          "default": "#c8d4e8",
+          "description": "Color of the upward back wash",
+          "ui": {
+            "type": "color",
+            "label": "Back Color",
+            "group": "Back Light"
+          }
+        },
+        "backIntensity": {
+          "default": 20,
+          "description": "Intensity of the back wash",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Intensity",
+            "group": "Back Light"
+          }
+        },
+        "backSoftness": {
+          "default": 80,
+          "description": "How diffuse the back wash is",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Softness",
+            "group": "Back Light"
+          }
+        },
+        "brightness": {
+          "default": 20,
+          "description": "Overall ambient light level",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
+            "step": 1,
+            "label": "Ambient",
+            "group": "Lighting"
+          }
+        },
+        "vignette": {
+          "default": 0,
+          "description": "Edge darkening",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 100,
             "step": 1,
-            "label": "Angle",
-            "group": "Effect"
+            "label": "Vignette",
+            "group": "Lighting"
           }
         },
-        "density": {
-          "default": 5,
-          "description": "Number of stripe pairs visible",
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.8
+          },
+          "description": "Where the spotlight meets the floor",
+          "ui": {
+            "type": "position",
+            "label": "Stage Center",
+            "group": "Scene"
+          }
+        },
+        "lightTarget": {
+          "default": 100,
+          "description": "How far toward the floor vs wall the spotlights aim",
           "ui": {
             "type": "range",
-            "min": 1,
-            "max": 30,
+            "min": 0,
+            "max": 100,
             "step": 1,
-            "label": "Density",
-            "group": "Effect"
+            "label": "Light Depth",
+            "group": "Scene"
           }
         },
-        "balance": {
-          "default": 0.5,
-          "description": "Ratio of the two colors",
+        "wallCurvature": {
+          "default": 10,
+          "description": "How rounded the cove is",
           "ui": {
             "type": "range",
             "min": 0,
-            "max": 1,
-            "step": 0.1,
-            "label": "Balance",
-            "group": "Effect"
+            "max": 100,
+            "step": 1,
+            "label": "Wall Curvature",
+            "group": "Scene"
           }
         },
-        "softness": {
-          "default": 0,
-          "description": "Edge softness",
+        "ambientIntensity": {
+          "default": 50,
+          "description": "Intensity of drifting ambient lights",
           "ui": {
             "type": "range",
             "min": 0,
-            "max": 1,
-            "step": 0.1,
-            "label": "Softness",
-            "group": "Effect"
+            "max": 100,
+            "step": 1,
+            "label": "Ambient Detail",
+            "group": "Environment"
           }
         },
-        "speed": {
-          "default": 0.2,
-          "description": "Animation speed",
+        "ambientSpeed": {
+          "default": 2,
+          "description": "Drift speed",
           "ui": {
             "type": "range",
-            "min": -1,
-            "max": 1,
+            "min": -5,
+            "max": 5,
             "step": 0.1,
             "label": "Speed",
-            "group": "Animation"
+            "group": "Environment"
           }
         },
-        "offset": {
+        "seed": {
           "default": 0,
-          "description": "Phase offset for pattern positioning",
+          "description": "Seed for ambient pattern",
           "ui": {
             "type": "range",
             "min": 0,
-            "max": 1,
-            "step": 0.1,
-            "label": "Offset",
-            "group": "Animation"
-          }
-        },
-        "colorSpace": {
-          "default": "linear",
-          "description": "Color space for interpolation",
-          "ui": {
-            "type": "select",
-            "options": [
-              {
-                "label": "Linear RGB",
-                "value": "linear"
-              },
-              {
-                "label": "OKLCh",
-                "value": "oklch"
-              },
-              {
-                "label": "OKLAB",
-                "value": "oklab"
-              }
-            ],
-            "label": "Color Space",
-            "group": "Colors"
+            "max": 100,
+            "step": 1,
+            "label": "Seed",
+            "group": "Environment"
           }
         }
       }
     },
     "propsMetadata": {
-      "colorA": {
+      "color": {
         "ui": {
           "type": "color",
-          "label": "Color A",
+          "label": "Surface Color",
           "group": "Colors"
         },
-        "default": "#000000",
-        "description": "First stripe color"
+        "default": "#d8dbec",
+        "description": "Base studio surface color"
       },
-      "colorB": {
+      "keyColor": {
         "ui": {
           "type": "color",
-          "label": "Color B",
-          "group": "Colors"
+          "label": "Key Color",
+          "group": "Key Light"
         },
-        "default": "#ffffff",
-        "description": "Second stripe color"
+        "default": "#d5e4ea",
+        "description": "Color of the overhead key light"
       },
-      "angle": {
+      "keyIntensity": {
         "ui": {
           "type": "range",
-          "min": -180,
-          "max": 180,
+          "min": 0,
+          "max": 100,
           "step": 1,
-          "label": "Angle",
-          "group": "Effect"
+          "label": "Intensity",
+          "group": "Key Light"
         },
-        "default": 45,
-        "description": "Angle of stripes in degrees"
+        "default": 40,
+        "description": "Intensity of the key light"
       },
-      "density": {
+      "keySoftness": {
         "ui": {
           "type": "range",
-          "min": 1,
-          "max": 30,
+          "min": 0,
+          "max": 100,
           "step": 1,
-          "label": "Density",
-          "group": "Effect"
+          "label": "Softness",
+          "group": "Key Light"
         },
-        "default": 5,
-        "description": "Number of stripe pairs visible"
+        "default": 50,
+        "description": "How diffuse the key light is"
       },
-      "balance": {
+      "fillColor": {
+        "ui": {
+          "type": "color",
+          "label": "Fill Color",
+          "group": "Fill Lights"
+        },
+        "default": "#d5e4ea",
+        "description": "Color of the side fill lights"
+      },
+      "fillIntensity": {
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 1,
-          "step": 0.1,
-          "label": "Balance",
-          "group": "Effect"
+          "max": 100,
+          "step": 1,
+          "label": "Intensity",
+          "group": "Fill Lights"
         },
-        "default": 0.5,
-        "description": "Ratio of the two colors"
+        "default": 10,
+        "description": "Intensity of the fill lights"
       },
-      "softness": {
+      "fillSoftness": {
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 1,
-          "step": 0.1,
+          "max": 100,
+          "step": 1,
           "label": "Softness",
-          "group": "Effect"
+          "group": "Fill Lights"
+        },
+        "default": 70,
+        "description": "How diffuse the fill lights are"
+      },
+      "fillAngle": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Spread",
+          "group": "Fill Lights"
+        },
+        "default": 70,
+        "description": "How far apart the fill lights are from center"
+      },
+      "backColor": {
+        "ui": {
+          "type": "color",
+          "label": "Back Color",
+          "group": "Back Light"
+        },
+        "default": "#c8d4e8",
+        "description": "Color of the upward back wash"
+      },
+      "backIntensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Intensity",
+          "group": "Back Light"
+        },
+        "default": 20,
+        "description": "Intensity of the back wash"
+      },
+      "backSoftness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Softness",
+          "group": "Back Light"
+        },
+        "default": 80,
+        "description": "How diffuse the back wash is"
+      },
+      "brightness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Ambient",
+          "group": "Lighting"
+        },
+        "default": 20,
+        "description": "Overall ambient light level"
+      },
+      "vignette": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Vignette",
+          "group": "Lighting"
         },
         "default": 0,
-        "description": "Edge softness"
+        "description": "Edge darkening"
       },
-      "speed": {
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Stage Center",
+          "group": "Scene"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.8
+        },
+        "description": "Where the spotlight meets the floor"
+      },
+      "lightTarget": {
         "ui": {
           "type": "range",
-          "min": -1,
-          "max": 1,
-          "step": 0.1,
-          "label": "Speed",
-          "group": "Animation"
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Light Depth",
+          "group": "Scene"
         },
-        "default": 0.2,
-        "description": "Animation speed"
+        "default": 100,
+        "description": "How far toward the floor vs wall the spotlights aim"
       },
-      "offset": {
+      "wallCurvature": {
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 1,
+          "max": 100,
+          "step": 1,
+          "label": "Wall Curvature",
+          "group": "Scene"
+        },
+        "default": 10,
+        "description": "How rounded the cove is"
+      },
+      "ambientIntensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Ambient Detail",
+          "group": "Environment"
+        },
+        "default": 50,
+        "description": "Intensity of drifting ambient lights"
+      },
+      "ambientSpeed": {
+        "ui": {
+          "type": "range",
+          "min": -5,
+          "max": 5,
           "step": 0.1,
-          "label": "Offset",
-          "group": "Animation"
+          "label": "Speed",
+          "group": "Environment"
         },
-        "default": 0,
-        "description": "Phase offset for pattern positioning"
+        "default": 2,
+        "description": "Drift speed"
       },
-      "colorSpace": {
+      "seed": {
         "ui": {
-          "type": "select",
-          "options": [
-            {
-              "label": "Linear RGB",
-              "value": "linear"
-            },
-            {
-              "label": "OKLCh",
-              "value": "oklch"
-            },
-            {
-              "label": "OKLAB",
-              "value": "oklab"
-            }
-          ],
-          "label": "Color Space",
-          "group": "Colors"
+          "type": "range",
+          "min": 0,
+          "max": 100,
+          "step": 1,
+          "label": "Seed",
+          "group": "Environment"
         },
-        "default": "linear",
-        "description": "Color space for interpolation"
+        "default": 0,
+        "description": "Seed for ambient pattern"
       }
     }
   },