shaders 2.5.102 → 2.5.104

package/dist/registry.js

@@ -8324,6 +8324,296 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Fog",
+    "category": "Interactive",
+    "description": "Fog that fills the screen and interacts with the mouse",
+    "fileName": "Fog",
+    "definition": {
+      "name": "Fog",
+      "category": "Interactive",
+      "description": "Fog that fills the screen and interacts with the mouse",
+      "props": {
+        "colorA": {
+          "default": "#e0e0e0",
+          "description": "Primary fog color",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#888888",
+          "description": "Secondary fog color — creates variation across the field",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "seed": {
+          "default": 0,
+          "description": "Deterministic starting pattern — different seeds produce different fog configurations",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 999,
+            "step": 1,
+            "label": "Seed",
+            "group": "Field"
+          }
+        },
+        "speed": {
+          "default": 1,
+          "description": "Simulation speed multiplier",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Field"
+          }
+        },
+        "turbulence": {
+          "default": 1,
+          "description": "Ambient motion strength",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 3,
+            "step": 0.05,
+            "label": "Turbulence",
+            "group": "Field"
+          }
+        },
+        "detail": {
+          "default": 15,
+          "description": "Fine-scale swirling structure — higher values produce more intricate wisps and vortices",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 50,
+            "step": 1,
+            "label": "Detail",
+            "group": "Field"
+          }
+        },
+        "blending": {
+          "default": 0.3,
+          "description": "How much the two colors blend together — 0 behaves like oil & water (colors stay distinct with sharp boundaries), 1 behaves like food coloring (colors fully mix)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.05,
+            "label": "Blending",
+            "group": "Field"
+          }
+        },
+        "mouseInfluence": {
+          "default": 0.1,
+          "description": "Strength of cursor influence — move the cursor to push fog",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 2,
+            "step": 0.05,
+            "label": "Cursor Influence",
+            "group": "Interaction"
+          }
+        },
+        "mouseRadius": {
+          "default": 0.1,
+          "description": "Radius of cursor influence area",
+          "ui": {
+            "type": "range",
+            "min": 0.02,
+            "max": 0.5,
+            "step": 0.01,
+            "label": "Cursor Radius",
+            "group": "Interaction"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
+        },
+        "default": "#e0e0e0",
+        "description": "Primary fog color"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
+        },
+        "default": "#888888",
+        "description": "Secondary fog color — creates variation across the field"
+      },
+      "seed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 999,
+          "step": 1,
+          "label": "Seed",
+          "group": "Field"
+        },
+        "default": 0,
+        "description": "Deterministic starting pattern — different seeds produce different fog configurations"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 3,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Field"
+        },
+        "default": 1,
+        "description": "Simulation speed multiplier"
+      },
+      "turbulence": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 3,
+          "step": 0.05,
+          "label": "Turbulence",
+          "group": "Field"
+        },
+        "default": 1,
+        "description": "Ambient motion strength"
+      },
+      "detail": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 50,
+          "step": 1,
+          "label": "Detail",
+          "group": "Field"
+        },
+        "default": 15,
+        "description": "Fine-scale swirling structure — higher values produce more intricate wisps and vortices"
+      },
+      "blending": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.05,
+          "label": "Blending",
+          "group": "Field"
+        },
+        "default": 0.3,
+        "description": "How much the two colors blend together — 0 behaves like oil & water (colors stay distinct with sharp boundaries), 1 behaves like food coloring (colors fully mix)"
+      },
+      "mouseInfluence": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 2,
+          "step": 0.05,
+          "label": "Cursor Influence",
+          "group": "Interaction"
+        },
+        "default": 0.1,
+        "description": "Strength of cursor influence — move the cursor to push fog"
+      },
+      "mouseRadius": {
+        "ui": {
+          "type": "range",
+          "min": 0.02,
+          "max": 0.5,
+          "step": 0.01,
+          "label": "Cursor Radius",
+          "group": "Interaction"
+        },
+        "default": 0.1,
+        "description": "Radius of cursor influence area"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for color interpolation"
+      }
+    }
+  },
   {
     "name": "Form3D",
     "category": "Distortions",
@@ -10083,8 +10373,29 @@ export const shaderRegistry = [
       "name": "Halftone",
       "category": "Stylize",
       "description": "Halftone dot pattern effect for printing aesthetics",
+      "requiresRTT": true,
       "requiresChild": true,
       "props": {
+        "style": {
+          "default": "classic",
+          "compileTime": true,
+          "description": "Halftone rendering style",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Simple",
+                "value": "classic"
+              },
+              {
+                "label": "CMYK Print",
+                "value": "cmyk"
+              }
+            ],
+            "label": "Style",
+            "group": "Effect"
+          }
+        },
         "frequency": {
           "default": 100,
           "description": "Frequency of the halftone dots",
@@ -10112,27 +10423,202 @@ export const shaderRegistry = [
             "max": 360,
             "step": 1,
             "label": "Angle",
-            "group": "Effect"
+            "group": "Effect",
+            "condition": {
+              "style": "classic"
+            }
           }
         },
-        "smoothness": {
-          "default": 0.1,
-          "description": "Edge smoothness of the dots",
+        "cyanAngle": {
+          "default": 15,
+          "description": "Screen angle for the cyan plate (in degrees)",
           "ui": {
             "type": [
               "range",
               "map"
             ],
             "min": 0,
-            "max": 0.3,
-            "step": 0.1,
-            "label": "Smoothness",
-            "group": "Effect"
-          }
-        }
+            "max": 360,
+            "step": 1,
+            "label": "Cyan Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "magentaAngle": {
+          "default": 75,
+          "description": "Screen angle for the magenta plate (in degrees)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Magenta Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "yellowAngle": {
+          "default": 0,
+          "description": "Screen angle for the yellow plate (in degrees)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Yellow Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "blackAngle": {
+          "default": 45,
+          "description": "Screen angle for the black plate (in degrees)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Black Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "misprint": {
+          "default": 0,
+          "description": "Simulated mis-registration between plates. Plates are offset around the misprint angle, producing colour fringing at the edges of inked regions.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.01,
+            "step": 0.0005,
+            "label": "Misprint",
+            "group": "Effect",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "misprintAngle": {
+          "default": 0,
+          "description": "Direction the plates drift apart. Rotating this rotates the colour-fringing pattern.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Misprint Angle",
+            "group": "Effect",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "paperColor": {
+          "default": "#ffffff",
+          "description": "Paper/substrate color shown where no ink lands",
+          "ui": {
+            "type": "color",
+            "label": "Paper",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "cyanColor": {
+          "default": "#00ffff",
+          "description": "Cyan ink color",
+          "ui": {
+            "type": "color",
+            "label": "Cyan",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "magentaColor": {
+          "default": "#ff00ff",
+          "description": "Magenta ink color",
+          "ui": {
+            "type": "color",
+            "label": "Magenta",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "yellowColor": {
+          "default": "#ffff00",
+          "description": "Yellow ink color",
+          "ui": {
+            "type": "color",
+            "label": "Yellow",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "blackColor": {
+          "default": "#000000",
+          "description": "Black (key) ink color",
+          "ui": {
+            "type": "color",
+            "label": "Black",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        }
       }
     },
     "propsMetadata": {
+      "style": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Simple",
+              "value": "classic"
+            },
+            {
+              "label": "CMYK Print",
+              "value": "cmyk"
+            }
+          ],
+          "label": "Style",
+          "group": "Effect"
+        },
+        "default": "classic",
+        "description": "Halftone rendering style"
+      },
       "frequency": {
         "ui": {
           "type": [
@@ -10158,25 +10644,181 @@ export const shaderRegistry = [
           "max": 360,
           "step": 1,
           "label": "Angle",
-          "group": "Effect"
+          "group": "Effect",
+          "condition": {
+            "style": "classic"
+          }
         },
         "default": 45,
         "description": "Rotation angle of the pattern (in degrees)"
       },
-      "smoothness": {
+      "cyanAngle": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
           "min": 0,
-          "max": 0.3,
-          "step": 0.1,
-          "label": "Smoothness",
-          "group": "Effect"
+          "max": 360,
+          "step": 1,
+          "label": "Cyan Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
         },
-        "default": 0.1,
-        "description": "Edge smoothness of the dots"
+        "default": 15,
+        "description": "Screen angle for the cyan plate (in degrees)"
+      },
+      "magentaAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Magenta Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 75,
+        "description": "Screen angle for the magenta plate (in degrees)"
+      },
+      "yellowAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Yellow Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 0,
+        "description": "Screen angle for the yellow plate (in degrees)"
+      },
+      "blackAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Black Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 45,
+        "description": "Screen angle for the black plate (in degrees)"
+      },
+      "misprint": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.01,
+          "step": 0.0005,
+          "label": "Misprint",
+          "group": "Effect",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 0,
+        "description": "Simulated mis-registration between plates. Plates are offset around the misprint angle, producing colour fringing at the edges of inked regions."
+      },
+      "misprintAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Misprint Angle",
+          "group": "Effect",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 0,
+        "description": "Direction the plates drift apart. Rotating this rotates the colour-fringing pattern."
+      },
+      "paperColor": {
+        "ui": {
+          "type": "color",
+          "label": "Paper",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#ffffff",
+        "description": "Paper/substrate color shown where no ink lands"
+      },
+      "cyanColor": {
+        "ui": {
+          "type": "color",
+          "label": "Cyan",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#00ffff",
+        "description": "Cyan ink color"
+      },
+      "magentaColor": {
+        "ui": {
+          "type": "color",
+          "label": "Magenta",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#ff00ff",
+        "description": "Magenta ink color"
+      },
+      "yellowColor": {
+        "ui": {
+          "type": "color",
+          "label": "Yellow",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#ffff00",
+        "description": "Yellow ink color"
+      },
+      "blackColor": {
+        "ui": {
+          "type": "color",
+          "label": "Black",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#000000",
+        "description": "Black (key) ink color"
       }
     }
   },
@@ -16061,6 +16703,905 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Smoke",
+    "category": "Interactive",
+    "description": "Realistic fluid smoke simulation with vorticity dynamics",
+    "fileName": "Smoke",
+    "definition": {
+      "name": "Smoke",
+      "category": "Interactive",
+      "description": "Realistic fluid smoke simulation with vorticity dynamics",
+      "props": {
+        "colorA": {
+          "default": "#fc83f9",
+          "description": "Color of fresh smoke",
+          "ui": {
+            "type": "color",
+            "label": "Start Color",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#c21c79",
+          "description": "Color smoke transitions to as it ages",
+          "ui": {
+            "type": "color",
+            "label": "End Color",
+            "group": "Colors"
+          }
+        },
+        "emitFrom": {
+          "default": {
+            "x": 0.5,
+            "y": 1
+          },
+          "description": "The emission source point",
+          "ui": {
+            "type": "position",
+            "label": "Emit From",
+            "group": "Emission"
+          }
+        },
+        "direction": {
+          "default": 0,
+          "description": "Emission direction (0 = up, 90 = right, 180 = down, 270 = left)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Direction",
+            "group": "Emission"
+          }
+        },
+        "speed": {
+          "default": 20,
+          "description": "Emission velocity strength",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 50,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Emission"
+          }
+        },
+        "spread": {
+          "default": 60,
+          "description": "Emission cone angle in degrees",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 180,
+            "step": 1,
+            "label": "Spread",
+            "group": "Emission"
+          }
+        },
+        "emitRadius": {
+          "default": 0.08,
+          "description": "Size of the emission area",
+          "ui": {
+            "type": "range",
+            "min": 0.01,
+            "max": 0.3,
+            "step": 0.01,
+            "label": "Emit Size",
+            "group": "Emission"
+          }
+        },
+        "intensity": {
+          "default": 1,
+          "description": "Smoke emission density",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 1,
+            "step": 0.05,
+            "label": "Intensity",
+            "group": "Effect"
+          }
+        },
+        "dissipation": {
+          "default": 0.2,
+          "description": "How fast smoke fades over time",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.1,
+            "label": "Dissipation",
+            "group": "Effect"
+          }
+        },
+        "detail": {
+          "default": 25,
+          "description": "Fine-scale swirling detail",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 50,
+            "step": 1,
+            "label": "Detail",
+            "group": "Effect"
+          }
+        },
+        "gravity": {
+          "default": 0.5,
+          "description": "Downward gravitational pull on smoke",
+          "ui": {
+            "type": "range",
+            "min": -2,
+            "max": 2,
+            "step": 0.1,
+            "label": "Gravity",
+            "group": "Effect"
+          }
+        },
+        "colorDecay": {
+          "default": 0.4,
+          "description": "How quickly smoke shifts from Color A to Color B",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 3,
+            "step": 0.1,
+            "label": "Color Decay",
+            "group": "Colors"
+          }
+        },
+        "mouseInfluence": {
+          "default": 0.1,
+          "description": "Strength of cursor influence",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 2,
+            "step": 0.05,
+            "label": "Cursor Influence",
+            "group": "Interaction"
+          }
+        },
+        "mouseRadius": {
+          "default": 0.1,
+          "description": "Radius of cursor influence area",
+          "ui": {
+            "type": "range",
+            "min": 0.02,
+            "max": 0.5,
+            "step": 0.01,
+            "label": "Cursor Radius",
+            "group": "Interaction"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Start Color",
+          "group": "Colors"
+        },
+        "default": "#fc83f9",
+        "description": "Color of fresh smoke"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "End Color",
+          "group": "Colors"
+        },
+        "default": "#c21c79",
+        "description": "Color smoke transitions to as it ages"
+      },
+      "emitFrom": {
+        "ui": {
+          "type": "position",
+          "label": "Emit From",
+          "group": "Emission"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 1
+        },
+        "description": "The emission source point"
+      },
+      "direction": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Direction",
+          "group": "Emission"
+        },
+        "default": 0,
+        "description": "Emission direction (0 = up, 90 = right, 180 = down, 270 = left)"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 50,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Emission"
+        },
+        "default": 20,
+        "description": "Emission velocity strength"
+      },
+      "spread": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 180,
+          "step": 1,
+          "label": "Spread",
+          "group": "Emission"
+        },
+        "default": 60,
+        "description": "Emission cone angle in degrees"
+      },
+      "emitRadius": {
+        "ui": {
+          "type": "range",
+          "min": 0.01,
+          "max": 0.3,
+          "step": 0.01,
+          "label": "Emit Size",
+          "group": "Emission"
+        },
+        "default": 0.08,
+        "description": "Size of the emission area"
+      },
+      "intensity": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 1,
+          "step": 0.05,
+          "label": "Intensity",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Smoke emission density"
+      },
+      "dissipation": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 3,
+          "step": 0.1,
+          "label": "Dissipation",
+          "group": "Effect"
+        },
+        "default": 0.2,
+        "description": "How fast smoke fades over time"
+      },
+      "detail": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 50,
+          "step": 1,
+          "label": "Detail",
+          "group": "Effect"
+        },
+        "default": 25,
+        "description": "Fine-scale swirling detail"
+      },
+      "gravity": {
+        "ui": {
+          "type": "range",
+          "min": -2,
+          "max": 2,
+          "step": 0.1,
+          "label": "Gravity",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Downward gravitational pull on smoke"
+      },
+      "colorDecay": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 3,
+          "step": 0.1,
+          "label": "Color Decay",
+          "group": "Colors"
+        },
+        "default": 0.4,
+        "description": "How quickly smoke shifts from Color A to Color B"
+      },
+      "mouseInfluence": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 2,
+          "step": 0.05,
+          "label": "Cursor Influence",
+          "group": "Interaction"
+        },
+        "default": 0.1,
+        "description": "Strength of cursor influence"
+      },
+      "mouseRadius": {
+        "ui": {
+          "type": "range",
+          "min": 0.02,
+          "max": 0.5,
+          "step": 0.01,
+          "label": "Cursor Radius",
+          "group": "Interaction"
+        },
+        "default": 0.1,
+        "description": "Radius of cursor influence area"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for color interpolation"
+      }
+    }
+  },
+  {
+    "name": "SmokeFill",
+    "category": "Shape Effects",
+    "description": "Fill a shape with swirling fluid smoke that interacts with the shape boundary",
+    "fileName": "SmokeFill",
+    "requiresChild": false,
+    "definition": {
+      "name": "SmokeFill",
+      "category": "Shape Effects",
+      "description": "Fill a shape with swirling fluid smoke that interacts with the shape boundary",
+      "requiresRTT": false,
+      "requiresChild": false,
+      "props": {
+        "colorA": {
+          "default": "#8cf3ff",
+          "description": "Color of fresh smoke",
+          "ui": {
+            "type": "color",
+            "label": "Start Color",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#04a0d6",
+          "description": "Color smoke transitions to as it ages",
+          "ui": {
+            "type": "color",
+            "label": "End Color",
+            "group": "Colors"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the shape",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position"
+          }
+        },
+        "scale": {
+          "default": 1,
+          "description": "Scale of the shape (1 = default size)",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.05,
+            "label": "Scale",
+            "group": "Position"
+          }
+        },
+        "emitFrom": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Emission source point within the shape",
+          "ui": {
+            "type": "position",
+            "label": "Emit From",
+            "group": "Emission"
+          }
+        },
+        "direction": {
+          "default": 0,
+          "description": "Emission direction (0 = up, 90 = right, 180 = down, 270 = left)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Direction",
+            "group": "Emission"
+          }
+        },
+        "speed": {
+          "default": 10,
+          "description": "Emission velocity strength",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 30,
+            "step": 0.1,
+            "label": "Speed",
+            "group": "Emission"
+          }
+        },
+        "spread": {
+          "default": 60,
+          "description": "Emission cone angle in degrees",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 180,
+            "step": 1,
+            "label": "Spread",
+            "group": "Emission"
+          }
+        },
+        "emitRadius": {
+          "default": 0.03,
+          "description": "Size of the emission area",
+          "ui": {
+            "type": "range",
+            "min": 0.01,
+            "max": 0.3,
+            "step": 0.01,
+            "label": "Emit Size",
+            "group": "Emission"
+          }
+        },
+        "intensity": {
+          "default": 1,
+          "description": "Smoke emission density",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 1,
+            "step": 0.05,
+            "label": "Intensity",
+            "group": "Effect"
+          }
+        },
+        "dissipation": {
+          "default": 0.3,
+          "description": "How fast smoke fades over time",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 5,
+            "step": 0.1,
+            "label": "Dissipation",
+            "group": "Effect"
+          }
+        },
+        "detail": {
+          "default": 25,
+          "description": "Fine-scale swirling detail",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 50,
+            "step": 1,
+            "label": "Detail",
+            "group": "Effect"
+          }
+        },
+        "gravity": {
+          "default": 0.5,
+          "description": "Downward gravitational pull on smoke — 0 = weightless, negative values = smoke rises",
+          "ui": {
+            "type": "range",
+            "min": -2,
+            "max": 2,
+            "step": 0.1,
+            "label": "Gravity",
+            "group": "Effect"
+          }
+        },
+        "colorDecay": {
+          "default": 0.4,
+          "description": "How quickly smoke shifts from Color A to Color B",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 3,
+            "step": 0.1,
+            "label": "Color Decay",
+            "group": "Colors"
+          }
+        },
+        "mouseInfluence": {
+          "default": 0.1,
+          "description": "Strength of cursor influence",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 2,
+            "step": 0.05,
+            "label": "Cursor Influence",
+            "group": "Interaction"
+          }
+        },
+        "mouseRadius": {
+          "default": 0.1,
+          "description": "Radius of cursor influence area",
+          "ui": {
+            "type": "range",
+            "min": 0.02,
+            "max": 0.5,
+            "step": 0.01,
+            "label": "Cursor Radius",
+            "group": "Interaction"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        },
+        "shape": {
+          "default": "{\"type\":\"circleSDF\",\"radius\":0.35}",
+          "description": "Serialized shape configuration (JSON)",
+          "ui": {
+            "type": "shape",
+            "label": "Shape",
+            "group": "Shape"
+          }
+        },
+        "shapeSdfUrl": {
+          "default": "",
+          "compileTime": true,
+          "description": "URL to a pre-generated SDF .bin file"
+        },
+        "shapeType": {
+          "default": "",
+          "compileTime": true,
+          "description": "Active SDF shape type"
+        }
+      }
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Start Color",
+          "group": "Colors"
+        },
+        "default": "#8cf3ff",
+        "description": "Color of fresh smoke"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "End Color",
+          "group": "Colors"
+        },
+        "default": "#04a0d6",
+        "description": "Color smoke transitions to as it ages"
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center position of the shape"
+      },
+      "scale": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 3,
+          "step": 0.05,
+          "label": "Scale",
+          "group": "Position"
+        },
+        "default": 1,
+        "description": "Scale of the shape (1 = default size)"
+      },
+      "emitFrom": {
+        "ui": {
+          "type": "position",
+          "label": "Emit From",
+          "group": "Emission"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Emission source point within the shape"
+      },
+      "direction": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Direction",
+          "group": "Emission"
+        },
+        "default": 0,
+        "description": "Emission direction (0 = up, 90 = right, 180 = down, 270 = left)"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 30,
+          "step": 0.1,
+          "label": "Speed",
+          "group": "Emission"
+        },
+        "default": 10,
+        "description": "Emission velocity strength"
+      },
+      "spread": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 180,
+          "step": 1,
+          "label": "Spread",
+          "group": "Emission"
+        },
+        "default": 60,
+        "description": "Emission cone angle in degrees"
+      },
+      "emitRadius": {
+        "ui": {
+          "type": "range",
+          "min": 0.01,
+          "max": 0.3,
+          "step": 0.01,
+          "label": "Emit Size",
+          "group": "Emission"
+        },
+        "default": 0.03,
+        "description": "Size of the emission area"
+      },
+      "intensity": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 1,
+          "step": 0.05,
+          "label": "Intensity",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Smoke emission density"
+      },
+      "dissipation": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 5,
+          "step": 0.1,
+          "label": "Dissipation",
+          "group": "Effect"
+        },
+        "default": 0.3,
+        "description": "How fast smoke fades over time"
+      },
+      "detail": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 50,
+          "step": 1,
+          "label": "Detail",
+          "group": "Effect"
+        },
+        "default": 25,
+        "description": "Fine-scale swirling detail"
+      },
+      "gravity": {
+        "ui": {
+          "type": "range",
+          "min": -2,
+          "max": 2,
+          "step": 0.1,
+          "label": "Gravity",
+          "group": "Effect"
+        },
+        "default": 0.5,
+        "description": "Downward gravitational pull on smoke — 0 = weightless, negative values = smoke rises"
+      },
+      "colorDecay": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 3,
+          "step": 0.1,
+          "label": "Color Decay",
+          "group": "Colors"
+        },
+        "default": 0.4,
+        "description": "How quickly smoke shifts from Color A to Color B"
+      },
+      "mouseInfluence": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 2,
+          "step": 0.05,
+          "label": "Cursor Influence",
+          "group": "Interaction"
+        },
+        "default": 0.1,
+        "description": "Strength of cursor influence"
+      },
+      "mouseRadius": {
+        "ui": {
+          "type": "range",
+          "min": 0.02,
+          "max": 0.5,
+          "step": 0.01,
+          "label": "Cursor Radius",
+          "group": "Interaction"
+        },
+        "default": 0.1,
+        "description": "Radius of cursor influence area"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for color interpolation"
+      },
+      "shape": {
+        "ui": {
+          "type": "shape",
+          "label": "Shape",
+          "group": "Shape"
+        },
+        "default": "{\"type\":\"circleSDF\",\"radius\":0.35}",
+        "description": "Serialized shape configuration (JSON)"
+      }
+    }
+  },
   {
     "name": "Solarize",
     "category": "Adjustments",