shaders 3.0.453 → 3.1.455

package/dist/core/{BarShift-C_waFkRO.js → BarShift-BrOamln6.js}

@@ -1,59 +1,9 @@
-import { At as max, Bt as sin, Dt as floor, F as unpremultiplyAlpha, Gt as data_exports, Ot as fract, St as cos, c as sampleRemappedExpr, d as ZERO, it as std_exports, ln as f32, m as call, n as composeEdgeRemapExpr, nt as src_default, rn as vec2f } from "./edges-B7Yet3LV.js";
-import { t as animatedTime } from "./porters-D_xmIPz2.js";
-import { r as transformAngle, s as transformEdges } from "./transformations-C7gn_5rF.js";
-var DEG_TO_RAD = .0174533;
-const barHash = src_default.fn([f32], f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((x) => {
-	"use gpu";
-	return __tsover_mul(__tsover_sub(fract(__tsover_mul(sin(__tsover_mul(x, 12.9898)), 43758.5453)), .5), 2);
-}), {
-	v: 1,
-	name: void 0,
-	ast: {
-		"params": [{
-			"type": "i",
-			"name": "x"
-		}],
-		"body": [0, [[10, [
-			1,
-			[
-				1,
-				[
-					6,
-					[
-						7,
-						"std",
-						"fract"
-					],
-					[[
-						1,
-						[
-							6,
-							[
-								7,
-								"std",
-								"sin"
-							],
-							[[
-								1,
-								"x",
-								"*",
-								[5, "12.9898"]
-							]]
-						],
-						"*",
-						[5, "43758.5453"]
-					]]
-				],
-				"-",
-				[5, "0.5"]
-			],
-			"*",
-			[5, "2"]
-		]]]],
-		"externalNames": ["std"]
-	},
-	externals: () => ({ std: std_exports })
-}) && $.f)({}));
+import { At as max, Bt as sin, Dt as floor, Gt as data_exports, St as cos, at as std_exports, h as call, rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { E as uvRemapShader, r as legacySinHash11, t as animatedTime } from "./porters-DUtQounc.js";
+import { r as transformAngle } from "./transformations-B-zNWNdd.js";
+import { n as edgesPropConfig } from "./propConfigs-k3hs8KYL.js";
+var DEG_TO_RAD = DEG_TO_RAD$1;
 const barSampleUV = src_default.fn([
 	vec2f,
 	f32,
@@ -338,8 +288,8 @@ const barShiftUV = src_default.fn([
 	const projectedU = __tsover_add(__tsover_mul(cu, cosA), __tsover_mul(cv, sinA));
 	const barIndex = floor(__tsover_div(__tsover_mul(projectedU, count), longestAxis));
 	const seedOffset = __tsover_mul(seed, .137);
-	const staticOffset = barHash(__tsover_add(barIndex, seedOffset));
-	const barSpeed = barHash(__tsover_add(__tsover_add(barIndex, seedOffset), 42.7));
+	const staticOffset = legacySinHash11(__tsover_add(barIndex, seedOffset));
+	const barSpeed = legacySinHash11(__tsover_add(__tsover_add(barIndex, seedOffset), 42.7));
 	const animOffset = __tsover_mul(__tsover_mul(animTime, barSpeed), .2);
 	return barSampleUV(uv, aspect, angle, __tsover_mul(__tsover_add(staticOffset, animOffset), intensity));
 }), {
@@ -537,7 +487,7 @@ const barShiftUV = src_default.fn([
 				"staticOffset",
 				[
 					6,
-					"barHash",
+					"legacySinHash11",
 					[[
 						1,
 						"barIndex",
@@ -551,7 +501,7 @@ const barShiftUV = src_default.fn([
 				"barSpeed",
 				[
 					6,
-					"barHash",
+					"legacySinHash11",
 					[[
 						1,
 						[
@@ -609,14 +559,14 @@ const barShiftUV = src_default.fn([
 		"externalNames": [
 			"DEG_TO_RAD",
 			"std",
-			"barHash",
+			"legacySinHash11",
 			"barSampleUV"
 		]
 	},
 	externals: () => ({
 		DEG_TO_RAD,
 		std: std_exports,
-		barHash,
+		legacySinHash11,
 		barSampleUV
 	})
 }) && $.f)({}));
@@ -690,68 +640,20 @@ const componentDefinition = {
 				group: "Animation"
 			}
 		},
-		edges: {
-			default: "mirror",
-			description: "How to handle edges when distortion pushes content out of bounds",
-			transform: transformEdges,
-			compileTime: true,
-			ui: {
-				type: "select",
-				options: [
-					{
-						label: "Stretch",
-						value: "stretch"
-					},
-					{
-						label: "Transparent",
-						value: "transparent"
-					},
-					{
-						label: "Mirror",
-						value: "mirror"
-					},
-					{
-						label: "Wrap",
-						value: "wrap"
-					}
-				],
-				label: "Edges",
-				group: "Effect"
-			}
-		}
+		edges: edgesPropConfig("mirror", "How to handle edges when distortion pushes content out of bounds")
 	},
-	fragment: (params) => {
-		const { uniforms, childNode, ctx, propValues, convertToTexture } = params;
-		if (!childNode) {
-			console.error("You must pass a child component into the BarShift shader.");
-			return ZERO;
-		}
-		const texture = convertToTexture(childNode);
-		const edgeMode = propValues.edges ?? 0;
+	...uvRemapShader((params) => {
 		const t = animatedTime(params);
-		return call(unpremultiplyAlpha, "unpremultiplyAlpha", [sampleRemappedExpr(texture, call(barShiftUV, "barShiftUV", [
-			uniforms.count,
-			uniforms.angle,
-			uniforms.intensity,
-			uniforms.seed,
-			t,
-			ctx.uv,
-			ctx.aspect
-		]), edgeMode)]);
-	},
-	uvRemap: (ctx) => {
-		const edgeMode = ctx.propValues.edges ?? 0;
-		const t = animatedTime(ctx);
-		return composeEdgeRemapExpr(call(barShiftUV, "barShiftUV", [
-			ctx.uniforms.count,
-			ctx.uniforms.angle,
-			ctx.uniforms.intensity,
-			ctx.uniforms.seed,
+		return { map: (uv, aspect) => call(barShiftUV, "barShiftUV", [
+			params.uniforms.count,
+			params.uniforms.angle,
+			params.uniforms.intensity,
+			params.uniforms.seed,
 			t,
-			ctx.uv,
-			ctx.aspect
-		]), ctx.mask, edgeMode);
-	}
+			uv,
+			aspect
+		]) };
+	}, { requireChildMessage: "You must pass a child component into the BarShift shader." })
 };
 var BarShift_default = componentDefinition;
-export { componentDefinition as a, barShiftUV as i, barHash as n, barSampleUV as r, BarShift_default as t };
+export { componentDefinition as i, barSampleUV as n, barShiftUV as r, BarShift_default as t };

package/dist/core/BarnDoors-D_lVAMPJ.js

@@ -0,0 +1,170 @@
+import { cn as vec4f, f as ZERO, h as call, rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { a as foldAboutCenter, c as reveal_exports, i as directionalCoord, n as applyReveal, s as revealMask } from "./reveal-DhktaT1C.js";
+import { i as transformBoolean } from "./transformations-B-zNWNdd.js";
+const barnDoorsMask = src_default.fn([
+	vec4f,
+	vec2f,
+	f32,
+	f32,
+	f32,
+	f32,
+	f32
+], vec4f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((color, uv, aspect, angleDeg, progress, feather, invert) => {
+	"use gpu";
+	return applyReveal(color, revealMask(foldAboutCenter(directionalCoord(uv, aspect, angleDeg)), progress, feather, invert));
+}), {
+	v: 1,
+	name: void 0,
+	ast: {
+		"params": [
+			{
+				"type": "i",
+				"name": "color"
+			},
+			{
+				"type": "i",
+				"name": "uv"
+			},
+			{
+				"type": "i",
+				"name": "aspect"
+			},
+			{
+				"type": "i",
+				"name": "angleDeg"
+			},
+			{
+				"type": "i",
+				"name": "progress"
+			},
+			{
+				"type": "i",
+				"name": "feather"
+			},
+			{
+				"type": "i",
+				"name": "invert"
+			}
+		],
+		"body": [0, [[
+			13,
+			"coord",
+			[
+				6,
+				[
+					7,
+					"reveal",
+					"foldAboutCenter"
+				],
+				[[
+					6,
+					[
+						7,
+						"reveal",
+						"directionalCoord"
+					],
+					[
+						"uv",
+						"aspect",
+						"angleDeg"
+					]
+				]]
+			]
+		], [10, [
+			6,
+			[
+				7,
+				"reveal",
+				"applyReveal"
+			],
+			["color", [
+				6,
+				[
+					7,
+					"reveal",
+					"revealMask"
+				],
+				[
+					"coord",
+					"progress",
+					"feather",
+					"invert"
+				]
+			]]
+		]]]],
+		"externalNames": ["reveal"]
+	},
+	externals: () => ({ reveal: reveal_exports })
+}) && $.f)({}));
+const componentDefinition = {
+	name: "BarnDoors",
+	boundingBoxDeclaration: { aspectRatio: null },
+	category: "Transitions",
+	description: "Split the content along a center line and wipe outward in both directions",
+	requiresChild: true,
+	props: {
+		progress: {
+			default: .5,
+			description: "How far the doors have opened (0 = fully visible, 1 = fully wiped away)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Progress",
+				group: "Transition"
+			}
+		},
+		angle: {
+			default: 0,
+			description: "Direction the doors open in degrees (0 = apart horizontally)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Angle",
+				group: "Transition"
+			}
+		},
+		feather: {
+			default: .1,
+			description: "Softness of the wipe edges",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Feather",
+				group: "Transition"
+			}
+		},
+		invert: {
+			default: false,
+			transform: transformBoolean,
+			description: "Close in from both edges instead of opening from the center",
+			ui: {
+				type: "checkbox",
+				label: "Invert",
+				group: "Transition"
+			}
+		}
+	},
+	fragment: ({ uniforms, childNode, ctx }) => {
+		if (!childNode) {
+			console.error("You must pass a child component into the Barn Doors shader.");
+			return ZERO;
+		}
+		return call(barnDoorsMask, "barnDoorsMask", [
+			childNode,
+			ctx.uv,
+			ctx.aspect,
+			uniforms.angle,
+			uniforms.progress,
+			uniforms.feather,
+			uniforms.invert
+		]);
+	}
+};
+var BarnDoors_default = componentDefinition;
+export { barnDoorsMask as n, componentDefinition as r, BarnDoors_default as t };