shaders 3.2.464 → 3.2.465

package/dist/vue/utils/generatePresetCode.js

@@ -1295,6 +1295,44 @@ var shaderMetadata = {
 		"feather": .1,
 		"invert": false
 	},
+	"Irradiance": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"lights": [{
+			"position": {
+				"x": .3,
+				"y": .3
+			},
+			"color": "#ffb347",
+			"intensity": 3
+		}, {
+			"position": {
+				"x": .72,
+				"y": .7
+			},
+			"color": "#7a5cff",
+			"intensity": 2
+		}],
+		"lightHeight": .5,
+		"lightRange": 1.2,
+		"reach": 3,
+		"core": 1,
+		"wrap": .1,
+		"shadows": true,
+		"shadowSoftness": .15,
+		"bodyColor": "#000000",
+		"bodyLight": .6,
+		"bevelWidth": .01,
+		"edgeSoftness": .05,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"IsometricCubes": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1728,6 +1766,55 @@ var shaderMetadata = {
 		"fontSize": .015,
 		"letterSpacing": 0
 	},
+	"Obsidian": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"bodyColor": "#06071a",
+		"colorA": "#ff2f7a",
+		"colorB": "#5fe6ff",
+		"stops": [
+			{
+				"color": "#ff2f7a",
+				"position": 0
+			},
+			{
+				"color": "#2a2cff",
+				"position": .3
+			},
+			{
+				"color": "#5fe6ff",
+				"position": .55
+			},
+			{
+				"color": "#a6ffd8",
+				"position": .75
+			},
+			{
+				"color": "#ffb3e6",
+				"position": 1
+			}
+		],
+		"colorSpace": "oklab",
+		"iridescence": 1,
+		"rimWidth": .55,
+		"rimSoftness": .25,
+		"flowAngle": 30,
+		"flowScale": 1,
+		"speed": .5,
+		"gloss": .35,
+		"envRotation": 0,
+		"bevelWidth": .08,
+		"bevelShape": 0,
+		"edgeSoftness": .05,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"PagePeel": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -2816,6 +2903,35 @@ var shaderMetadata = {
 		"waveType": "sine",
 		"edges": "stretch"
 	},
+	"Waveform": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"style": "bars",
+		"colorA": "#3b5bff",
+		"colorB": "#ff3bd4",
+		"stops": null,
+		"colorSpace": "oklab",
+		"from": {
+			"x": 0,
+			"y": .5
+		},
+		"to": {
+			"x": 1,
+			"y": .5
+		},
+		"amplitude": 1,
+		"frequency": 1,
+		"height": .6,
+		"align": "mirrored",
+		"count": 32,
+		"barWidth": .6,
+		"rounding": 1,
+		"dotSize": .7,
+		"lineWidth": .006,
+		"softness": 0,
+		"speed": 1,
+		"seed": 1
+	},
 	"WaveletNoise": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -3143,6 +3259,7 @@ const availableComponents = [
 	"InkFlow",
 	"Invert",
 	"IrisWipe",
+	"Irradiance",
 	"IsometricCubes",
 	"Kaleidoscope",
 	"KeyFrames",
@@ -3165,6 +3282,7 @@ const availableComponents = [
 	"Neon",
 	"NoiseDissolve",
 	"ObjectTracker",
+	"Obsidian",
 	"PagePeel",
 	"Paper",
 	"Parallelogram",
@@ -3238,6 +3356,7 @@ const availableComponents = [
 	"Water",
 	"Watercolor",
 	"WaveDistortion",
+	"Waveform",
 	"WaveletNoise",
 	"Weave",
 	"WebcamTexture",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "3.2.464",
+  "version": "3.2.465",
   "description": "The design platform for web shaders",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",
@@ -1223,6 +1223,21 @@
       "types": "./dist/core/shaders/Nebula/index.d.ts",
       "import": "./dist/core/shaders/Nebula/index.js",
       "require": "./dist/core/shaders/Nebula/index.js"
+    },
+    "./core/Obsidian": {
+      "types": "./dist/core/shaders/Obsidian/index.d.ts",
+      "import": "./dist/core/shaders/Obsidian/index.js",
+      "require": "./dist/core/shaders/Obsidian/index.js"
+    },
+    "./core/Waveform": {
+      "types": "./dist/core/shaders/Waveform/index.d.ts",
+      "import": "./dist/core/shaders/Waveform/index.js",
+      "require": "./dist/core/shaders/Waveform/index.js"
+    },
+    "./core/Irradiance": {
+      "types": "./dist/core/shaders/Irradiance/index.d.ts",
+      "import": "./dist/core/shaders/Irradiance/index.js",
+      "require": "./dist/core/shaders/Irradiance/index.js"
     }
   },
   "typesVersions": {
@@ -1548,6 +1563,9 @@
       "core/IrisWipe": [
         "./dist/core/shaders/IrisWipe/index.d.ts"
       ],
+      "core/Irradiance": [
+        "./dist/core/shaders/Irradiance/index.d.ts"
+      ],
       "core/IsometricCubes": [
         "./dist/core/shaders/IsometricCubes/index.d.ts"
       ],
@@ -1614,6 +1632,9 @@
       "core/ObjectTracker": [
         "./dist/core/shaders/ObjectTracker/index.d.ts"
       ],
+      "core/Obsidian": [
+        "./dist/core/shaders/Obsidian/index.d.ts"
+      ],
       "core/PagePeel": [
         "./dist/core/shaders/PagePeel/index.d.ts"
       ],
@@ -1833,6 +1854,9 @@
       "core/WaveDistortion": [
         "./dist/core/shaders/WaveDistortion/index.d.ts"
       ],
+      "core/Waveform": [
+        "./dist/core/shaders/Waveform/index.d.ts"
+      ],
       "core/WaveletNoise": [
         "./dist/core/shaders/WaveletNoise/index.d.ts"
       ],

package/dist/core/Aurora-aZQ7Sgpi.js

@@ -1,189 +0,0 @@
-import { s as p, t as defineStd } from "./lower-z2vuXP8M.js";
-import { n as auroraGlow, r as colorLadder3, t as auroraField } from "./scenic-CJSExiX2.js";
-import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-CoIwF5JU.js";
-const componentDefinition = defineStd({
-	name: "Aurora",
-	role: "generator",
-	boundingBoxDeclaration: {
-		aspectRatio: null,
-		supportsResizeFit: true
-	},
-	category: "Textures",
-	description: "Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.",
-	acceptsUVContext: true,
-	animatedTime: { speed: "speed" },
-	props: {
-		colorA: {
-			default: "#a533f8",
-			transform: transformColor,
-			description: "Edge color at the curtain base",
-			ui: {
-				type: "color",
-				label: "Color A",
-				group: "Colors"
-			}
-		},
-		colorB: {
-			default: "#22ee88",
-			transform: transformColor,
-			description: "Core color in the bright center",
-			ui: {
-				type: "color",
-				label: "Color B",
-				group: "Colors"
-			}
-		},
-		colorC: {
-			default: "#1694e8",
-			transform: transformColor,
-			description: "Tip color at the ray ends",
-			ui: {
-				type: "color",
-				label: "Color C",
-				group: "Colors"
-			}
-		},
-		colorSpace: {
-			default: "linear",
-			transform: transformColorSpace,
-			compileTime: true,
-			description: "Color space for color interpolation",
-			ui: {
-				type: "select",
-				options: colorSpaceOptions,
-				label: "Color Space",
-				group: "Colors"
-			}
-		},
-		balance: {
-			default: 50,
-			description: "Shifts color distribution across the curtain height",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Balance",
-				group: "Colors"
-			}
-		},
-		intensity: {
-			default: 80,
-			description: "Overall aurora brightness",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Intensity",
-				group: "Aurora"
-			}
-		},
-		curtainCount: {
-			default: 4,
-			compileTime: true,
-			description: "Number of aurora curtain layers",
-			ui: {
-				type: "range",
-				min: 1,
-				max: 4,
-				step: 1,
-				label: "Curtains",
-				group: "Aurora"
-			}
-		},
-		speed: {
-			default: 5,
-			description: "Animation speed",
-			ui: {
-				type: "range",
-				min: -10,
-				max: 10,
-				step: .1,
-				label: "Speed",
-				group: "Aurora"
-			}
-		},
-		waviness: {
-			default: 50,
-			description: "How much the curtains undulate",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 200,
-				step: 1,
-				label: "Waviness",
-				group: "Aurora"
-			}
-		},
-		rayDensity: {
-			default: 20,
-			description: "Density of vertical ray structures",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Ray Detail",
-				group: "Aurora"
-			}
-		},
-		height: {
-			default: 120,
-			description: "How tall the aurora extends",
-			ui: {
-				type: ["range", "map"],
-				min: 10,
-				max: 200,
-				step: 1,
-				label: "Height",
-				group: "Scene"
-			}
-		},
-		center: {
-			default: {
-				x: .5,
-				y: 0
-			},
-			transform: transformPosition,
-			description: "Center position of the aurora",
-			ui: {
-				type: "position",
-				label: "Center",
-				group: "Scene"
-			}
-		},
-		seed: {
-			default: 0,
-			description: "Random seed for variation",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Seed",
-				group: "Aurora"
-			}
-		}
-	},
-	paint: (params) => {
-		const f = auroraField({
-			seed: p("seed"),
-			waviness: p("waviness"),
-			rayDensity: p("rayDensity"),
-			height: p("height"),
-			center: p("center"),
-			balance: p("balance"),
-			intensity: p("intensity"),
-			curtainCount: p("curtainCount")
-		})(params);
-		return auroraGlow(colorLadder3({
-			a: p("colorA"),
-			b: p("colorB"),
-			c: p("colorC"),
-			space: p("colorSpace")
-		})(f.member("x"), f.member("y"), params), f.member("z"));
-	}
-});
-var Aurora_default = componentDefinition;
-export { componentDefinition as n, Aurora_default as t };

package/dist/core/FlowingGradient-DExZwWd-.js

@@ -1,154 +0,0 @@
-import { Zn as vec3f, it as asLocal, s as p, t as defineStd } from "./lower-z2vuXP8M.js";
-import { a as foldLighting, i as flowingFactors, u as quadBlend } from "./scenic-CJSExiX2.js";
-import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-CoIwF5JU.js";
-const componentDefinition = defineStd({
-	name: "FlowingGradient",
-	role: "generator",
-	boundingBoxDeclaration: {
-		aspectRatio: null,
-		supportsResizeFit: true
-	},
-	category: "Textures",
-	description: "Liquid silk gradient with organic flowing color bands",
-	acceptsUVContext: true,
-	animatedTime: { speed: "speed" },
-	extraFields: {
-		convA: {
-			schema: vec3f,
-			initial: [
-				0,
-				0,
-				0
-			]
-		},
-		convB: {
-			schema: vec3f,
-			initial: [
-				0,
-				0,
-				0
-			]
-		},
-		convC: {
-			schema: vec3f,
-			initial: [
-				0,
-				0,
-				0
-			]
-		},
-		convD: {
-			schema: vec3f,
-			initial: [
-				0,
-				0,
-				0
-			]
-		}
-	},
-	props: {
-		colorA: {
-			default: "#0a0015",
-			transform: transformColor,
-			description: "Deep background color",
-			ui: {
-				type: "color",
-				label: "Color A",
-				group: "Colors"
-			}
-		},
-		colorB: {
-			default: "#6b17e6",
-			transform: transformColor,
-			description: "Primary accent color",
-			ui: {
-				type: "color",
-				label: "Color B",
-				group: "Colors"
-			}
-		},
-		colorC: {
-			default: "#ff4d6a",
-			transform: transformColor,
-			description: "Secondary accent color",
-			ui: {
-				type: "color",
-				label: "Color C",
-				group: "Colors"
-			}
-		},
-		colorD: {
-			default: "#ff6b35",
-			transform: transformColor,
-			description: "Tertiary accent color",
-			ui: {
-				type: "color",
-				label: "Color D",
-				group: "Colors"
-			}
-		},
-		colorSpace: {
-			default: "oklch",
-			transform: transformColorSpace,
-			compileTime: true,
-			description: "Color space for color interpolation",
-			ui: {
-				type: "select",
-				options: colorSpaceOptions,
-				label: "Color Space",
-				group: "Colors"
-			}
-		},
-		speed: {
-			default: 1,
-			description: "Animation speed",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 10,
-				step: .1,
-				label: "Speed",
-				group: "Effect"
-			}
-		},
-		distortion: {
-			default: .5,
-			description: "Organic distortion intensity",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 2,
-				step: .1,
-				label: "Distortion",
-				group: "Effect"
-			}
-		},
-		seed: {
-			default: 0,
-			description: "Random seed for variation",
-			ui: {
-				type: ["range", "map"],
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Seed",
-				group: "Effect"
-			}
-		}
-	},
-	paint: (params) => {
-		const f = asLocal(flowingFactors({
-			distortion: p("distortion"),
-			seed: p("seed")
-		})(params), "flowFactors");
-		return foldLighting(quadBlend({
-			a: p("colorA"),
-			b: p("colorB"),
-			c: p("colorC"),
-			d: p("colorD"),
-			space: p("colorSpace")
-		})(f.member("x"), f.member("y"), params), f.member("z"));
-	}
-});
-var FlowingGradient_default = componentDefinition;
-export { componentDefinition as n, FlowingGradient_default as t };