shaders 3.0.453 → 3.1.455

package/dist/registry.js

@@ -15,8 +15,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Radial motion blur rotating around a center point",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 20,
@@ -45,7 +43,9 @@ export const shaderRegistry = [
             "group": "Position"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -84,6 +84,9 @@ export const shaderRegistry = [
     "fileName": "Arc",
     "definition": {
       "name": "Arc",
+      "category": "Shapes",
+      "description": "Pie sector (arc wedge) with adjustable radius and aperture angle",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -108,9 +111,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Pie sector (arc wedge) with adjustable radius and aperture angle",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -4379,7 +4379,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Adjust brightness and contrast of the image",
-      "requiresChild": true,
       "props": {
         "brightness": {
           "default": 0,
@@ -4411,7 +4410,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "brightness": {
@@ -9322,6 +9322,9 @@ export const shaderRegistry = [
     "fileName": "Crescent",
     "definition": {
       "name": "Crescent",
+      "category": "Shapes",
+      "description": "Crescent moon shape — an outer circle with an inner circle subtracted",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -9346,9 +9349,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Crescent moon shape — an outer circle with an inner circle subtracted",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -9709,6 +9709,9 @@ export const shaderRegistry = [
     "fileName": "Cross",
     "definition": {
       "name": "Cross",
+      "category": "Shapes",
+      "description": "Plus / cross shape with adjustable arm length, width, and rounding",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -9733,9 +9736,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Plus / cross shape with adjustable arm length, width, and rounding",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -12245,8 +12245,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Grain-like pixel displacement at random",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 30,
@@ -12291,7 +12289,9 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -12548,8 +12548,6 @@ export const shaderRegistry = [
       "name": "Dither",
       "category": "Stylize",
       "description": "Dithering effect with multiple pattern options",
-      "requiresRTT": true,
-      "requiresChild": true,
       "blendWithChildren": false,
       "boundingBoxDeclaration": {
         "aspectRatio": null
@@ -12681,7 +12679,9 @@ export const shaderRegistry = [
             "group": "Colors"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "pattern": {
@@ -13026,8 +13026,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Adds a soft shadow behind the child content based on its alpha silhouette",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "color": {
           "default": "#000000",
@@ -13108,7 +13106,9 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "color": {
@@ -13204,7 +13204,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Map colors to two tones based on luminance",
-      "requiresChild": true,
       "props": {
         "colorA": {
           "default": "#ff0000",
@@ -13275,7 +13274,8 @@ export const shaderRegistry = [
             "group": "Colors"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "colorA": {
@@ -13355,6 +13355,9 @@ export const shaderRegistry = [
     "fileName": "Ellipse",
     "definition": {
       "name": "Ellipse",
+      "category": "Shapes",
+      "description": "Ellipse with independently adjustable horizontal and vertical radii",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -13379,9 +13382,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Ellipse with independently adjustable horizontal and vertical radii",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -14042,8 +14042,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Copper-plate line engraving — the image is redrawn as flowing line work whose weight swells with darkness, lines displaced by the form like a banknote portrait: a single plate, cross-hatched shadow plates, or one continuous spiral cut",
-      "requiresRTT": true,
-      "requiresChild": true,
       "blendWithChildren": false,
       "props": {
         "style": {
@@ -14181,7 +14179,9 @@ export const shaderRegistry = [
             "group": "Colors"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "style": {
@@ -14586,7 +14586,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Multiplicative exposure (gain) on the child. Unlike additive brightness, it scales values around black — blacks stay black while highlights can be pushed past 1.0 to feed HDR bloom and tone-mapping roll-off. Pointwise, so no extra render pass is needed.",
-      "requiresChild": true,
       "props": {
         "exposure": {
           "default": 1,
@@ -14603,7 +14602,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "exposure": {
@@ -14983,7 +14983,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Analog film grain texture overlay, weighted toward darker areas",
-      "requiresChild": true,
       "extraFields": {
         "animTime": {
           "initial": 0
@@ -15026,7 +15025,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "strength": {
@@ -15725,6 +15725,9 @@ export const shaderRegistry = [
     "fileName": "Flower",
     "definition": {
       "name": "Flower",
+      "category": "Shapes",
+      "description": "Petal shape with N lobes and adjustable inner-to-outer radius ratio",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -15749,9 +15752,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Petal shape with N lobes and adjustable inner-to-outer radius ratio",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -20794,7 +20794,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Maps source luminance through an animated color gradient (Photoshop-style gradient map)",
-      "requiresChild": true,
       "props": {
         "palette": {
           "default": "rainbow",
@@ -20986,7 +20985,8 @@ export const shaderRegistry = [
             }
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "palette": {
@@ -21192,8 +21192,8 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Convert colors to black and white",
-      "requiresChild": true,
-      "props": {}
+      "props": {},
+      "requiresChild": true
     },
     "propsMetadata": {}
   },
@@ -22142,6 +22142,9 @@ export const shaderRegistry = [
     "fileName": "Heart",
     "definition": {
       "name": "Heart",
+      "category": "Shapes",
+      "description": "Heart shape with adjustable size",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -22166,9 +22169,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Heart shape with adjustable size",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -24287,7 +24287,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Rotate hue around the color wheel",
-      "requiresChild": true,
       "props": {
         "shift": {
           "default": 0,
@@ -24304,7 +24303,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "shift": {
@@ -24338,6 +24338,9 @@ export const shaderRegistry = [
       "category": "Textures",
       "description": "Display an image with customizable object-fit modes",
       "acceptsUVContext": true,
+      "naturalSizeKey": {
+        "fromProp": "url"
+      },
       "props": {
         "url": {
           "default": "https://shaders.com/sample.jpg",
@@ -24827,8 +24830,8 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Invert RGB colors while preserving alpha",
-      "requiresChild": true,
-      "props": {}
+      "props": {},
+      "requiresChild": true
     },
     "propsMetadata": {}
   },
@@ -28179,8 +28182,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Directional motion blur in a specific angle",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 30,
@@ -28212,7 +28213,9 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -32347,6 +32350,9 @@ export const shaderRegistry = [
     "fileName": "Parallelogram",
     "definition": {
       "name": "Parallelogram",
+      "category": "Shapes",
+      "description": "Parallelogram with adjustable width, height and skew",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -32371,9 +32377,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Parallelogram with adjustable width, height and skew",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -36567,6 +36570,9 @@ export const shaderRegistry = [
     "fileName": "Polygon",
     "definition": {
       "name": "Polygon",
+      "category": "Shapes",
+      "description": "Regular polygon with adjustable sides and corner rounding",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -36591,9 +36597,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Regular polygon with adjustable sides and corner rounding",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -36960,7 +36963,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Reduce color depth to create a poster effect",
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 5,
@@ -36977,7 +36979,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -40185,6 +40188,9 @@ export const shaderRegistry = [
     "fileName": "Ring",
     "definition": {
       "name": "Ring",
+      "category": "Shapes",
+      "description": "Annular ring (donut) with adjustable radius and band thickness",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -40197,9 +40203,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Annular ring (donut) with adjustable radius and band thickness",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -41286,7 +41289,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Adjust color saturation intensity",
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 1,
@@ -41303,7 +41305,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -41491,8 +41494,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Adjust image sharpness using a convolution kernel",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "sharpness": {
           "default": 0,
@@ -41509,7 +41510,9 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "sharpness": {
@@ -43803,7 +43806,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Inverts tones above a luminance threshold — a classic darkroom and photo effect",
-      "requiresChild": true,
       "props": {
         "threshold": {
           "default": 0.5,
@@ -43835,7 +43837,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "threshold": {
@@ -47564,6 +47567,9 @@ export const shaderRegistry = [
     "fileName": "Teardrop",
     "definition": {
       "name": "Teardrop",
+      "category": "Shapes",
+      "description": "Teardrop — a rounded bulb tapering to a sharp point",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -47588,9 +47594,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Teardrop — a rounded bulb tapering to a sharp point",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -49700,7 +49703,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Apply a color tint to the image",
-      "requiresChild": true,
       "props": {
         "color": {
           "default": "#ff8800",
@@ -49736,7 +49738,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "color": {
@@ -49781,6 +49784,9 @@ export const shaderRegistry = [
     "fileName": "Trapezoid",
     "definition": {
       "name": "Trapezoid",
+      "category": "Shapes",
+      "description": "Trapezoid with adjustable top and bottom widths and height",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -49798,9 +49804,6 @@ export const shaderRegistry = [
         },
         "freeResize": true
       },
-      "category": "Shapes",
-      "description": "Trapezoid with adjustable top and bottom widths and height",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -50515,7 +50518,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Map colors to three tones: shadows, midtones, highlights",
-      "requiresChild": true,
       "props": {
         "colorA": {
           "default": "#ce1bea",
@@ -50595,7 +50597,8 @@ export const shaderRegistry = [
             "group": "Colors"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "colorA": {
@@ -51249,6 +51252,9 @@ export const shaderRegistry = [
     "fileName": "Vesica",
     "definition": {
       "name": "Vesica",
+      "category": "Shapes",
+      "description": "Vesica piscis (lens shape) formed by the intersection of two overlapping circles",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -51273,9 +51279,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Vesica piscis (lens shape) formed by the intersection of two overlapping circles",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -51753,7 +51756,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Selective saturation adjustment protecting skin tones",
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 0,
@@ -51770,7 +51772,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -51804,6 +51807,9 @@ export const shaderRegistry = [
       "category": "Textures",
       "description": "Display a video with customizable playback and object-fit modes",
       "acceptsUVContext": true,
+      "naturalSizeKey": {
+        "fromProp": "url"
+      },
       "props": {
         "url": {
           "default": "https://shaders.com/sample.mp4",
@@ -51914,7 +51920,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Darkens or tints the edges of the frame, drawing attention toward the center",
-      "requiresChild": true,
       "props": {
         "color": {
           "default": "#000000",
@@ -51982,7 +51987,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "color": {
@@ -53821,6 +53827,9 @@ export const shaderRegistry = [
       "category": "Textures",
       "description": "Display a live webcam feed with customizable object-fit modes",
       "acceptsUVContext": true,
+      "naturalSizeKey": {
+        "fixed": "webcam"
+      },
       "props": {
         "objectFit": {
           "default": "cover",
@@ -54589,8 +54598,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Radial zoom blur expanding from a center point",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 30,
@@ -54619,7 +54626,9 @@ export const shaderRegistry = [
             "group": "Position"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {

package/dist/solid/engine/Shader.js

@@ -82,7 +82,7 @@ function Shader(allProps) {
       }
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "3.0.453";
+        const version = "3.1.455";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();

package/dist/svelte/index.js

@@ -39608,7 +39608,7 @@ function Shader($$anchor, $$props) {
 				return;
 			}
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "3.0.453", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "3.1.455", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -91,7 +91,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					return;
 				}
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "3.0.453", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "3.1.455", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);