shaders 3.1.463 → 3.2.465

package/dist/core/Obsidian-ug1e4cqX.js

@@ -0,0 +1,305 @@
+import { c as p, d as glassShellProps, rt as ZERO, t as defineStd } from "./lower-DSk_KxOY.js";
+import { t as animatedTime, vt as colorStopsPropConfig } from "./porters-j4QbEOqj.js";
+import { B as studioSoftboxes, F as shapedSurface, P as schlickFresnel, R as silhouette, V as surfaceField, W as surfacePattern, X as viewRay, f as geometricNormal, g as guarded, h as grazingOf, v as insideShape } from "./materials-Dhq8lDKb.js";
+import { a as foldRamp, y as stops } from "./fields-Cv-wBDLP.js";
+import { y as shapeEffectBoundingBoxDeclaration } from "./sdf3d-DQ55w9nI.js";
+import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-COlfAEsk.js";
+import { B as vec4, C as mul, D as reflect, L as sub, M as smoothstep, P as splat3, S as mix, n as add, y as local } from "./math-DCQU6EQz.js";
+import { n as direction, r as directionFrame } from "./frames-DIS73FmL.js";
+var DEFAULT_SHAPE_CONFIG = JSON.stringify({
+	type: "circleSDF",
+	radius: .35
+});
+var DEFAULT_STOPS = [
+	{
+		color: "#ff2f7a",
+		position: 0
+	},
+	{
+		color: "#2a2cff",
+		position: .3
+	},
+	{
+		color: "#5fe6ff",
+		position: .55
+	},
+	{
+		color: "#a6ffd8",
+		position: .75
+	},
+	{
+		color: "#ffb3e6",
+		position: 1
+	}
+];
+var ANGLE_SHIFT = .9;
+var FLOW_CYCLE = .55;
+var GLASS_SKY_GAIN = .25;
+const componentDefinition = defineStd({
+	name: "Obsidian",
+	role: "shapeEffect",
+	species: "custom",
+	boundingBoxDeclaration: shapeEffectBoundingBoxDeclaration,
+	category: "Shape Effects",
+	description: "Dark tinted glass whose faces stay near-black while every surface turning away from the viewer ignites with a flowing iridescent gradient — vivid colour living only on the oblique walls and bevels",
+	animatedTime: { speed: "speed" },
+	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 glass shape",
+			ui: {
+				type: "position",
+				label: "Center",
+				group: "Position",
+				units: ["%", "px"]
+			}
+		},
+		scale: {
+			default: 1,
+			description: "Scale of the glass shape (1 = default size)",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 3,
+				step: .01,
+				label: "Scale",
+				group: "Position"
+			}
+		},
+		rotation: {
+			default: 0,
+			description: "Rotation of the glass shape in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Rotation",
+				group: "Position"
+			}
+		},
+		bodyColor: {
+			default: "#06071a",
+			transform: transformColor,
+			description: "The dark body of the glass — what the faces looking straight at you show. Keep it deep for the iridescence to pop.",
+			ui: {
+				type: "color",
+				label: "Body Color",
+				group: "Colors"
+			}
+		},
+		colorA: {
+			default: "#ff2f7a",
+			transform: transformColor,
+			description: "First iridescent color (two-color fallback when stops are cleared)",
+			ui: {
+				type: "color",
+				label: "Color A",
+				group: "Colors"
+			}
+		},
+		colorB: {
+			default: "#5fe6ff",
+			transform: transformColor,
+			description: "Second iridescent color (two-color fallback when stops are cleared)",
+			ui: {
+				type: "color",
+				label: "Color B",
+				group: "Colors"
+			}
+		},
+		stops: {
+			...colorStopsPropConfig(),
+			default: DEFAULT_STOPS
+		},
+		colorSpace: {
+			default: "oklab",
+			transform: transformColorSpace,
+			compileTime: true,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space",
+				group: "Colors"
+			}
+		},
+		iridescence: {
+			default: 1,
+			description: "Strength of the colour on the oblique surfaces — 0 = plain dark glass, above 1 = saturated neon walls",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1.5,
+				step: .01,
+				label: "Iridescence",
+				group: "Iridescence"
+			}
+		},
+		rimWidth: {
+			default: .55,
+			description: "How far in from edge-on the colour reaches — small keeps it to the steepest walls, large lets it creep across gently turning faces",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Rim Width",
+				group: "Iridescence"
+			}
+		},
+		rimSoftness: {
+			default: .25,
+			description: "Softness of the transition from dark face to coloured wall",
+			ui: {
+				type: ["range", "map"],
+				min: .02,
+				max: .6,
+				step: .01,
+				label: "Rim Softness",
+				group: "Iridescence"
+			}
+		},
+		flowAngle: {
+			default: 30,
+			description: "Direction the gradient flows across the surface, in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Flow Angle",
+				group: "Iridescence"
+			}
+		},
+		flowScale: {
+			default: 1,
+			description: "How many times the palette cycles across the shape — higher = tighter colour bands",
+			ui: {
+				type: ["range", "map"],
+				min: .2,
+				max: 4,
+				step: .01,
+				label: "Flow Scale",
+				group: "Iridescence"
+			}
+		},
+		speed: {
+			default: .5,
+			description: "Speed the gradient flows along the walls. 0 pauses.",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 4,
+				step: .01,
+				label: "Speed",
+				group: "Iridescence"
+			}
+		},
+		gloss: {
+			default: .35,
+			description: "Strength of the studio softboxes reflected in the glass — the pale highlights riding the top edges",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 2,
+				step: .01,
+				label: "Gloss",
+				group: "Surface"
+			}
+		},
+		...glassShellProps({ envRotation: { ui: { group: "Surface" } } }),
+		bevelWidth: {
+			default: .08,
+			description: "Width of the edge bevel on flat shapes — the band that turns away from the viewer and catches the colour",
+			ui: {
+				type: ["range", "map"],
+				min: .005,
+				max: .3,
+				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",
+			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 } = params;
+			const t = animatedTime(params);
+			const field = surfaceField(frame, params, { scale: u.scale });
+			const n = geometricNormal(frame, field, {
+				bevelWidth: u.bevelWidth,
+				bevelShape: u.bevelShape
+			});
+			const view = viewRay(params, field);
+			const grazing = grazingOf(n, view);
+			const rimEdge = local(sub(1, u.rimWidth), "rimEdge");
+			const rim = local(smoothstep(sub(rimEdge, u.rimSoftness), add(rimEdge, u.rimSoftness), grazing), "rim");
+			const along = directionFrame(u.flowAngle, "flow").coordsOf(surfacePattern(frame, field)).along;
+			const phase = add(add(mul(along, mul(u.flowScale, 1 / FLOW_CYCLE)), mul(grazing, ANGLE_SHIFT)), mul(t, .2));
+			const iri = local(stops(p("colorSpace"))(foldRamp(phase), params).member("rgb"), "iri");
+			const R = local(reflect(view, n), "R");
+			const shine = local(mul(studioSoftboxes(R.member("x"), R.member("y"), {
+				rotation: direction(u.envRotation, "env"),
+				keyRadius: .3,
+				drift: 0,
+				strength: u.gloss,
+				skyGain: GLASS_SKY_GAIN
+			}), schlickFresnel(grazing, {
+				r0: .04,
+				gain: .96,
+				power: 4
+			})), "shine");
+			const rgb = add(mix(u.bodyColor.member("rgb"), iri, splat3(mul(rim, u.iridescence))), mul(mix(iri, splat3(1), splat3(.6)), splat3(mul(shine, .5))));
+			return guarded(insideShape(field.sdf, field.pxH), vec4(rgb, silhouette(field, u.edgeSoftness)), ZERO, "obsidian");
+		}
+	})
+});
+var Obsidian_default = componentDefinition;
+export { componentDefinition as n, Obsidian_default as t };

package/dist/core/PagePeel-0gUH5Q-F.js

@@ -0,0 +1,134 @@
+import { c as p, t as defineStd } from "./lower-DSk_KxOY.js";
+import { D as peelFrame, E as peelCompose, N as revealShadow, T as overhangShadow, d as curlShading, f as curlSheen, v as gatherStack } from "./blurs-D1HfQTGP.js";
+var peel = peelFrame({
+	corner: p("corner"),
+	amount: p("amount"),
+	radius: p("radius")
+});
+const componentDefinition = defineStd({
+	name: "PagePeel",
+	role: "filter",
+	species: "gather",
+	category: "Transitions",
+	description: "Curl the content up from a corner like a peeling page",
+	boundingBoxDeclaration: { aspectRatio: null },
+	props: {
+		corner: {
+			default: "bottom-right",
+			description: "Which corner the page peels from",
+			compileTime: true,
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Top Left",
+						value: "top-left"
+					},
+					{
+						label: "Top Right",
+						value: "top-right"
+					},
+					{
+						label: "Bottom Left",
+						value: "bottom-left"
+					},
+					{
+						label: "Bottom Right",
+						value: "bottom-right"
+					}
+				],
+				label: "Corner",
+				group: "Effect"
+			}
+		},
+		amount: {
+			default: .2,
+			description: "How far the peel has progressed across the page (0 = flat, 1 = fully peeled)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Amount",
+				group: "Effect"
+			}
+		},
+		radius: {
+			default: .2,
+			description: "Tightness of the curl (fraction of the page diagonal)",
+			ui: {
+				type: ["range", "map"],
+				min: .02,
+				max: .4,
+				step: .01,
+				label: "Curl Radius",
+				group: "Effect"
+			}
+		},
+		shading: {
+			default: .55,
+			description: "How much the underside of the curl is shaded for depth",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Shading",
+				group: "Effect"
+			}
+		},
+		highlight: {
+			default: .4,
+			description: "Strength of the specular sheen running along the curl",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Highlight",
+				group: "Effect"
+			}
+		},
+		highlightSoftness: {
+			default: .2,
+			description: "Width of the specular highlight band (low = tight gloss, high = broad satin)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Highlight Softness",
+				group: "Effect"
+			}
+		},
+		shadow: {
+			default: 1,
+			description: "Strength of the contact shadow the curl casts on the page",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Shadow",
+				group: "Effect"
+			}
+		}
+	},
+	effect: gatherStack(peelCompose(peel, {
+		shade: curlShading(peel, { shading: p("shading") }),
+		sheen: curlSheen(peel, {
+			highlight: p("highlight"),
+			softness: p("highlightSoftness")
+		}),
+		overhang: overhangShadow(peel, {
+			amount: p("amount"),
+			shadow: p("shadow")
+		}),
+		reveal: revealShadow(peel, {
+			amount: p("amount"),
+			shadow: p("shadow")
+		})
+	}), [])
+});
+var PagePeel_default = componentDefinition;
+export { componentDefinition as n, PagePeel_default as t };

package/dist/core/Paper-Cv-ENEnt.js

@@ -0,0 +1,82 @@
+import { Et as unpremultiplyAlpha, ft as vec4, ot as call, rt as ZERO, t as defineStd } from "./lower-DSk_KxOY.js";
+import { s as paperSurface } from "./noisePaints-DV5jKo1A.js";
+const componentDefinition = defineStd({
+	name: "Paper",
+	role: "filter",
+	species: "custom",
+	boundingBoxDeclaration: { aspectRatio: null },
+	category: "Stylize",
+	description: "Applies realistic paper grain and surface roughness to child content",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		roughness: {
+			default: .3,
+			description: "Surface roughness — higher values create more pronounced brightness variation",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Roughness",
+				group: "Texture"
+			}
+		},
+		grainScale: {
+			default: 1,
+			description: "Scale of the paper grain — lower = coarser, higher = finer",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 3,
+				step: .01,
+				label: "Grain Scale",
+				group: "Texture"
+			}
+		},
+		displacement: {
+			default: .15,
+			description: "Surface micro-roughness — shifts pixels at grain scale like real paper fiber bumps",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Displacement",
+				group: "Texture"
+			}
+		},
+		seed: {
+			default: 0,
+			description: "Random seed for pattern variation",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Seed",
+				group: "Texture"
+			}
+		}
+	},
+	gpu: { fragment: (params) => {
+		const { childNode, ctx, uniforms, convertToTexture } = params;
+		if (!childNode) {
+			console.error("You must pass a child component into the Paper shader.");
+			return ZERO;
+		}
+		const texture = convertToTexture(childNode);
+		const surface = call(paperSurface, "paperSurface", [
+			ctx.uv,
+			ctx.aspect,
+			uniforms.grainScale,
+			uniforms.seed,
+			uniforms.displacement,
+			uniforms.roughness
+		]);
+		const straight = call(unpremultiplyAlpha, "unpremultiplyAlpha", [texture.sample(surface.member("xy"))]);
+		return vec4(straight.member("rgb").mul(surface.member("z")), straight.member("a"));
+	} }
+});
+var Paper_default = componentDefinition;
+export { componentDefinition as n, Paper_default as t };

package/dist/core/Parallelogram-CKri4Oxr.js

@@ -0,0 +1,56 @@
+import { t as defineStd } from "./lower-DSk_KxOY.js";
+import { l as parallelogram } from "./shape-Dfa7_eQh.js";
+const componentDefinition = defineStd({
+	role: "shape",
+	name: "Parallelogram",
+	description: "Parallelogram with adjustable width, height and skew",
+	shape: {
+		distance: ({ x, y }, u) => parallelogram(x, y, u("width"), u("height"), u("skew")),
+		colorDescription: "Fill color of the parallelogram",
+		centerDescription: "Center position of the parallelogram",
+		bounds: { size: {
+			width: "width",
+			height: "height"
+		} },
+		shapeProps: {
+			width: {
+				default: .32,
+				description: "Half-width of the parallelogram",
+				ui: {
+					type: "range",
+					min: .02,
+					max: 1,
+					step: .01,
+					label: "Width",
+					group: "Shape"
+				}
+			},
+			height: {
+				default: .22,
+				description: "Half-height of the parallelogram",
+				ui: {
+					type: "range",
+					min: .02,
+					max: 1,
+					step: .01,
+					label: "Height",
+					group: "Shape"
+				}
+			},
+			skew: {
+				default: .15,
+				description: "Horizontal skew of the top edge",
+				ui: {
+					type: "range",
+					min: -.4,
+					max: .4,
+					step: .01,
+					label: "Skew",
+					group: "Shape"
+				}
+			}
+		}
+	}
+});
+var Parallelogram_default = componentDefinition;
+export { componentDefinition as n, Parallelogram_default as t };