shaders 3.1.463 → 3.2.465

package/dist/core/CarbonFiber-DyjbFQoK.js

@@ -0,0 +1,302 @@
+import { Mn as PI$1, d as glassShellProps, rt as ZERO, t as defineStd } from "./lower-DSk_KxOY.js";
+import { B as studioSoftboxes, C as lightVec3, F as shapedSurface, G as tiltAlong, H as surfaceNoise, R as silhouette, V as surfaceField, W as surfacePattern, X as viewRay, f as geometricNormal, g as guarded, h as grazingOf, t as anisoSpecular, v as insideShape } from "./materials-Dhq8lDKb.js";
+import { y as shapeEffectBoundingBoxDeclaration } from "./sdf3d-DQ55w9nI.js";
+import { a as transformColor, c as transformPosition } from "./transformations-COlfAEsk.js";
+import { A as select, B as vec4, C as mul, D as reflect, E as pow, L as sub, M as smoothstep, P as splat3, S as mix, d as floor, f as fract, i as clamp, j as sin, m as ge, n as add, o as div, s as dot, t as abs, u as float, x as min, y as local } from "./math-DCQU6EQz.js";
+import { n as direction, r as directionFrame } from "./frames-DIS73FmL.js";
+var PI = PI$1;
+var TWO_PI_SEVEN = 2 * Math.PI * 7;
+var DEFAULT_SHAPE_CONFIG = JSON.stringify({
+	type: "circleSDF",
+	radius: .35
+});
+const componentDefinition = defineStd({
+	name: "CarbonFiber",
+	role: "shapeEffect",
+	species: "custom",
+	boundingBoxDeclaration: shapeEffectBoundingBoxDeclaration,
+	category: "Shape Effects",
+	description: "Photorealistic woven carbon fibre — interlaced tows whose anisotropic sheen flips ninety degrees cell to cell, raised into a quilted weave and finished with a glossy clearcoat that mirrors the studio. Plain or twill, in any shape.",
+	props: {
+		origin: {
+			default: "center",
+			description: "Reference edge the center position is measured from (center default). Lets you pin the shape relative to a corner or the canvas centre.",
+			ui: {
+				type: "origin",
+				label: "Origin",
+				group: "Position"
+			}
+		},
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "Center position of the carbon shape",
+			ui: {
+				type: "position",
+				label: "Center",
+				group: "Position",
+				units: ["%", "px"]
+			}
+		},
+		scale: {
+			default: 1,
+			description: "Scale of the carbon shape (1 = default size)",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 3,
+				step: .01,
+				label: "Scale",
+				group: "Position"
+			}
+		},
+		rotation: {
+			default: 0,
+			description: "Rotation of the carbon shape in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Rotation",
+				group: "Position"
+			}
+		},
+		lightColor: {
+			default: "#b9bdc6",
+			transform: transformColor,
+			description: "The bright tone of the fibre sheen — recolor for forged/coloured carbon (red, blue, bronze)",
+			ui: {
+				type: "color",
+				label: "Fiber Sheen",
+				group: "Carbon"
+			}
+		},
+		darkColor: {
+			default: "#0b0c0e",
+			transform: transformColor,
+			description: "The deep resin tone the weave falls to in shadow — near-black for classic carbon",
+			ui: {
+				type: "color",
+				label: "Resin Color",
+				group: "Carbon"
+			}
+		},
+		weaveStyle: {
+			default: "twill",
+			compileTime: true,
+			description: "Weave pattern — plain (checkerboard) or 2×2 twill (the diagonal supercar weave)",
+			ui: {
+				type: "select",
+				options: [{
+					label: "Twill (2×2)",
+					value: "twill"
+				}, {
+					label: "Plain",
+					value: "plain"
+				}],
+				label: "Weave",
+				group: "Carbon"
+			}
+		},
+		weaveScale: {
+			default: 30,
+			description: "Number of woven tows across the shape — higher = finer, denser weave",
+			ui: {
+				type: "range",
+				min: 2,
+				max: 50,
+				step: .5,
+				label: "Weave Scale",
+				group: "Carbon"
+			}
+		},
+		weaveAngle: {
+			default: 0,
+			description: "Rotates the whole weave grid in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Weave Angle",
+				group: "Carbon"
+			}
+		},
+		relief: {
+			default: .5,
+			description: "Depth of the quilted weave — how far each tow bulges, catching light on its crown and shadowing the valleys between",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Weave Depth",
+				group: "Carbon"
+			}
+		},
+		fiberSheen: {
+			default: 1.2,
+			description: "Strength of the anisotropic fibre sheen — the directional satin glint running along each tow",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1.5,
+				step: .01,
+				label: "Fiber Sheen",
+				group: "Carbon"
+			}
+		},
+		roughness: {
+			default: .5,
+			description: "Softness of the fibre sheen — 0 = tight crisp glints, 1 = soft matte satin",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Roughness",
+				group: "Surface"
+			}
+		},
+		clearcoat: {
+			default: 1.2,
+			description: "Strength of the glossy lacquer coat — the sharp studio reflections of the wet clearcoat over the weave",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 2,
+				step: .01,
+				label: "Clearcoat",
+				group: "Surface"
+			}
+		},
+		...glassShellProps({
+			environment: {
+				default: 2,
+				description: "Strength of the reflected studio lighting seen in the clearcoat",
+				ui: { group: "Surface" }
+			},
+			envRotation: { ui: { group: "Surface" } },
+			lightAngle: {
+				default: 215,
+				description: "Direction of the key light for the fibre sheen, in degrees",
+				ui: { group: "Surface" }
+			}
+		}),
+		bevelWidth: {
+			default: .05,
+			description: "Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal",
+			ui: {
+				type: ["range", "map"],
+				min: .005,
+				max: .2,
+				step: .001,
+				label: "Bevel Width",
+				group: "Surface"
+			}
+		},
+		bevelShape: {
+			default: 0,
+			description: "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Bevel Profile",
+				group: "Surface"
+			}
+		},
+		...glassShellProps({ edgeSoftness: { ui: { group: "Surface" } } }),
+		shape: {
+			default: DEFAULT_SHAPE_CONFIG,
+			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"
+		}
+	},
+	...shapedSurface({
+		pattern: "raw",
+		surface: (frame, params) => {
+			const { uniforms: u, propValues } = params;
+			const weaveStyle = (propValues.weaveStyle || "twill") === "plain" ? "plain" : "twill";
+			const field = surfaceField(frame, params, { scale: u.scale });
+			const { sdf, pxH } = field;
+			const nGeo = geometricNormal(frame, field, {
+				bevelWidth: u.bevelWidth,
+				bevelShape: u.bevelShape
+			});
+			const weave = directionFrame(u.weaveAngle, "weave");
+			const { along: warp, across: weft } = weave.coordsOf(surfacePattern(frame, field));
+			const wA = local(mul(warp, u.weaveScale), "wA");
+			const wB = local(mul(weft, u.weaveScale), "wB");
+			const cellX = local(floor(wA), "cellX");
+			const cellY = local(floor(wB), "cellY");
+			const fA = local(sub(fract(wA), .5), "fA");
+			const fB = local(sub(fract(wB), .5), "fB");
+			let parity;
+			if (weaveStyle === "plain") {
+				const s2 = local(add(cellX, cellY), "s2");
+				parity = local(sub(s2, mul(2, floor(div(s2, 2)))), "parity");
+			} else {
+				const s4 = local(add(sub(cellX, cellY), 64), "s4");
+				parity = local(select(ge(sub(s4, mul(4, floor(div(s4, 4)))), 2), float(1), float(0)), "parity");
+			}
+			const fiber = local(mix(weave.tangent, weave.perp, parity), "fiber");
+			const crossAxis = local(mix(weave.perp, weave.tangent, parity), "crossAxis");
+			const acrossLocal = local(mix(fB, fA, parity), "acrossLocal");
+			const alongLocal = local(mix(warp, weft, parity), "alongLocal");
+			const reliefAmt = mul(u.relief, .32);
+			const bulge = mul(sin(mul(acrossLocal, PI)), reliefAmt);
+			const filJit = mul(surfaceNoise(mul(alongLocal, 2), mul(acrossLocal, 40)), .18);
+			const n = tiltAlong(nGeo, crossAxis, local(add(bulge, mul(add(sin(mul(acrossLocal, TWO_PI_SEVEN)), filJit), .13)), "crossTilt"));
+			const ao = mix(.5, 1, smoothstep(0, .05, min(sub(.5, abs(fA)), sub(.5, abs(fB)))));
+			const viewI = viewRay(params, field);
+			const grazing = grazingOf(n, viewI);
+			const R = local(reflect(viewI, n), "R");
+			const rough = local(clamp(u.roughness, 0, 1), "rough");
+			const L = lightVec3(direction(u.lightAngle, "light"), -.7);
+			const baseA = local(mix(.06, .5, rough), "baseA");
+			const sheen = anisoSpecular({
+				normal: n,
+				tangent: fiber,
+				light: L,
+				view: viewI,
+				alphas: {
+					along: mul(baseA, 6),
+					across: baseA
+				},
+				gain: u.fiberSheen
+			});
+			const bodyLum = clamp(add(add(.035, mul(clamp(add(mul(dot(n, L), .5), .5), 0, 1), .1)), sheen), 0, 1.3);
+			const rgb = add(mul(mix(u.darkColor.member("rgb"), u.lightColor.member("rgb"), splat3(bodyLum)), ao), splat3(local(mul(mul(studioSoftboxes(R.member("x"), R.member("y"), {
+				rotation: direction(u.envRotation, "env"),
+				keyRadius: .16,
+				drift: 0,
+				strength: u.environment,
+				skyGain: .3
+			}), add(.05, mul(pow(grazing, 5), .95))), u.clearcoat), "coat")));
+			const transition = silhouette(field, u.edgeSoftness);
+			return guarded(insideShape(sdf, pxH), vec4(rgb, transition), ZERO, "carbonFiber");
+		}
+	})
+});
+var CarbonFiber_default = componentDefinition;
+export { componentDefinition as n, CarbonFiber_default as t };

package/dist/core/Chalkboard-BmeKO6iA.js

@@ -0,0 +1,104 @@
+import { c as p, t as defineStd } from "./lower-DSk_KxOY.js";
+import { d as sobelTaps, r as chalkSketch } from "./stylize-AZmEMszr.js";
+import { a as transformColor } from "./transformations-COlfAEsk.js";
+const componentDefinition = defineStd({
+	name: "Chalkboard",
+	role: "filter",
+	species: "gather",
+	boundingBoxDeclaration: { aspectRatio: null },
+	category: "Stylize",
+	description: "Renders content as a chalk drawing on a blackboard, with edge strokes and cross-hatch shading",
+	props: {
+		boardColor: {
+			default: "#000000",
+			transform: transformColor,
+			description: "Background board color",
+			ui: {
+				type: "color",
+				label: "Board",
+				group: "Colors"
+			}
+		},
+		chalkColor: {
+			default: "#eceadb",
+			transform: transformColor,
+			description: "Chalk stroke color",
+			ui: {
+				type: "color",
+				label: "Chalk",
+				group: "Colors"
+			}
+		},
+		edgeSensitivity: {
+			default: .5,
+			description: "How readily edges are detected and drawn as chalk strokes",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Edge Sensitivity",
+				group: "Effect"
+			}
+		},
+		edgeThickness: {
+			default: 1.5,
+			description: "Thickness of the chalk outline strokes",
+			ui: {
+				type: ["range", "map"],
+				min: .5,
+				max: 4,
+				step: .1,
+				label: "Edge Thickness",
+				group: "Effect"
+			}
+		},
+		shading: {
+			default: .05,
+			description: "Amount of cross-hatch shading filling darker regions",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Shading",
+				group: "Effect"
+			}
+		},
+		hatchScale: {
+			default: 16,
+			description: "Spacing of the cross-hatch lines in pixels",
+			ui: {
+				type: ["range", "map"],
+				min: 3,
+				max: 24,
+				step: .5,
+				label: "Hatch Scale",
+				group: "Effect"
+			}
+		},
+		grain: {
+			default: .45,
+			description: "Chalk dustiness / grain that breaks up the strokes",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Grain",
+				group: "Effect"
+			}
+		}
+	},
+	effect: chalkSketch({
+		edges: sobelTaps({ spacing: p("edgeThickness") }),
+		sensitivity: p("edgeSensitivity"),
+		hatchScale: p("hatchScale"),
+		shading: p("shading"),
+		grain: p("grain"),
+		board: p("boardColor"),
+		chalk: p("chalkColor")
+	})
+});
+var Chalkboard_default = componentDefinition;
+export { componentDefinition as n, Chalkboard_default as t };

package/dist/core/ChannelBlur-BCQbhip0.js

@@ -0,0 +1,57 @@
+import { c as p, t as defineStd } from "./lower-DSk_KxOY.js";
+import { o as channelBlur } from "./blurs-D1HfQTGP.js";
+const componentDefinition = defineStd({
+	name: "ChannelBlur",
+	role: "filter",
+	species: "custom",
+	boundingBoxDeclaration: { aspectRatio: null },
+	category: "Blurs",
+	description: "Independent blur for red, green, and blue channels",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		redIntensity: {
+			default: 0,
+			description: "Blur intensity for red channel",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Red Intensity",
+				group: "Effect"
+			}
+		},
+		greenIntensity: {
+			default: 20,
+			description: "Blur intensity for green channel",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Green Intensity",
+				group: "Effect"
+			}
+		},
+		blueIntensity: {
+			default: 40,
+			description: "Blur intensity for blue channel",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Blue Intensity",
+				group: "Effect"
+			}
+		}
+	},
+	...channelBlur({
+		red: p("redIntensity"),
+		green: p("greenIntensity"),
+		blue: p("blueIntensity")
+	})
+});
+var ChannelBlur_default = componentDefinition;
+export { componentDefinition as n, ChannelBlur_default as t };

package/dist/core/CheckerWipe-B0AHd80A.js

@@ -0,0 +1,68 @@
+import { c as p, t as defineStd } from "./lower-DSk_KxOY.js";
+import { n as reveal, t as coverage } from "./reveal-s6xWR757.js";
+import { i as transformBoolean } from "./transformations-COlfAEsk.js";
+const componentDefinition = defineStd({
+	name: "CheckerWipe",
+	role: "filter",
+	species: "pointwise",
+	boundingBoxDeclaration: { aspectRatio: null },
+	category: "Transitions",
+	description: "Wipe the content away as a checkerboard of fading squares",
+	props: {
+		progress: {
+			default: .5,
+			description: "How far the wipe has progressed (0 = fully visible, 1 = fully wiped away)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Progress",
+				group: "Transition"
+			}
+		},
+		blockSize: {
+			default: .1,
+			description: "Size of each square as a fraction of the frame width",
+			ui: {
+				type: ["range", "map"],
+				min: .02,
+				max: .5,
+				step: .01,
+				label: "Block Size",
+				group: "Transition"
+			}
+		},
+		softness: {
+			default: .15,
+			description: "How softly each square fades out (0 = hard-edged squares)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Softness",
+				group: "Transition"
+			}
+		},
+		invert: {
+			default: false,
+			transform: transformBoolean,
+			description: "Reverse the order the squares wipe in",
+			ui: {
+				type: "checkbox",
+				label: "Invert",
+				group: "Transition"
+			}
+		}
+	},
+	effect: reveal({
+		coverage: coverage.cells(p("blockSize")).checker(),
+		progress: p("progress"),
+		feather: p("softness"),
+		invert: p("invert")
+	}),
+	missingChildMessage: "You must pass a child component into the Checker Wipe shader."
+});
+var CheckerWipe_default = componentDefinition;
+export { componentDefinition as n, CheckerWipe_default as t };

package/dist/core/Checkerboard-BxPmaPzN.js

@@ -0,0 +1,84 @@
+import { c as p, t as defineStd } from "./lower-DSk_KxOY.js";
+import { C as strokeOver, i as checkerCells } from "./patterns-BAu9g0yn.js";
+import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-COlfAEsk.js";
+const componentDefinition = defineStd({
+	name: "Checkerboard",
+	role: "generator",
+	boundingBoxDeclaration: {
+		aspectRatio: null,
+		supportsResizeFit: true
+	},
+	category: "Textures",
+	description: "Classic checkerboard pattern with two alternating colors",
+	acceptsUVContext: true,
+	props: {
+		colorA: {
+			default: "#cccccc",
+			transform: transformColor,
+			description: "First color of the checkerboard pattern",
+			ui: {
+				type: "color",
+				label: "Color A",
+				group: "Colors"
+			}
+		},
+		colorB: {
+			default: "#999999",
+			transform: transformColor,
+			description: "Second color of the checkerboard pattern",
+			ui: {
+				type: "color",
+				label: "Color B",
+				group: "Colors"
+			}
+		},
+		cells: {
+			default: 8,
+			description: "Number of cells along the canvas height (creates square cells). Switch the unit to px in the editor to set an absolute cell size instead.",
+			ui: {
+				type: ["range", "map"],
+				min: 1,
+				max: 50,
+				step: 1,
+				label: "Cells",
+				group: "Effect",
+				dimensional: "count-canvas-height"
+			}
+		},
+		softness: {
+			default: 0,
+			description: "Smoothness of the transition between colors (0 = hard edges, 1 = very soft)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .1,
+				label: "Softness",
+				group: "Effect"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			compileTime: true,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space",
+				group: "Colors"
+			}
+		}
+	},
+	paint: strokeOver({
+		fill: p("colorA"),
+		stroke: p("colorB"),
+		mask: checkerCells({
+			cells: p("cells"),
+			softness: p("softness")
+		}),
+		space: p("colorSpace")
+	})
+});
+var Checkerboard_default = componentDefinition;
+export { componentDefinition as n, Checkerboard_default as t };