shaders 3.0.452 → 3.1.454

package/dist/core/BlockDissolve-DwWPjla0.js

@@ -0,0 +1,178 @@
+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 { p as noise_exports, s as hash12 } from "./noise-Bd6IGS0W.js";
+import { c as reveal_exports, n as applyReveal, r as cellGrid, s as revealMask } from "./reveal-DhktaT1C.js";
+import { i as transformBoolean } from "./transformations-B-zNWNdd.js";
+const blockDissolveMask = src_default.fn([
+	vec4f,
+	vec2f,
+	f32,
+	f32,
+	f32,
+	f32,
+	f32
+], vec4f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((color, uv, aspect, blockSize, softness, progress, invert) => {
+	"use gpu";
+	return applyReveal(color, revealMask(hash12(cellGrid(uv, aspect, blockSize).cell), progress, softness, invert));
+}), {
+	v: 1,
+	name: void 0,
+	ast: {
+		"params": [
+			{
+				"type": "i",
+				"name": "color"
+			},
+			{
+				"type": "i",
+				"name": "uv"
+			},
+			{
+				"type": "i",
+				"name": "aspect"
+			},
+			{
+				"type": "i",
+				"name": "blockSize"
+			},
+			{
+				"type": "i",
+				"name": "softness"
+			},
+			{
+				"type": "i",
+				"name": "progress"
+			},
+			{
+				"type": "i",
+				"name": "invert"
+			}
+		],
+		"body": [0, [[
+			13,
+			"r",
+			[
+				6,
+				[
+					7,
+					"noise",
+					"hash12"
+				],
+				[[
+					7,
+					[
+						6,
+						[
+							7,
+							"reveal",
+							"cellGrid"
+						],
+						[
+							"uv",
+							"aspect",
+							"blockSize"
+						]
+					],
+					"cell"
+				]]
+			]
+		], [10, [
+			6,
+			[
+				7,
+				"reveal",
+				"applyReveal"
+			],
+			["color", [
+				6,
+				[
+					7,
+					"reveal",
+					"revealMask"
+				],
+				[
+					"r",
+					"progress",
+					"softness",
+					"invert"
+				]
+			]]
+		]]]],
+		"externalNames": ["noise", "reveal"]
+	},
+	externals: () => ({
+		noise: noise_exports,
+		reveal: reveal_exports
+	})
+}) && $.f)({}));
+const componentDefinition = {
+	name: "BlockDissolve",
+	boundingBoxDeclaration: { aspectRatio: null },
+	category: "Transitions",
+	description: "Dissolve the content away as a grid of blocks vanishing in random order",
+	requiresChild: true,
+	props: {
+		progress: {
+			default: .5,
+			description: "How far the dissolve 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: .08,
+			description: "Size of each block as a fraction of the frame width",
+			ui: {
+				type: ["range", "map"],
+				min: .01,
+				max: .5,
+				step: .01,
+				label: "Block Size",
+				group: "Transition"
+			}
+		},
+		softness: {
+			default: .15,
+			description: "How softly each block fades out (0 = hard-edged blocks)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Softness",
+				group: "Transition"
+			}
+		},
+		invert: {
+			default: false,
+			transform: transformBoolean,
+			description: "Reverse the order blocks dissolve in",
+			ui: {
+				type: "checkbox",
+				label: "Invert",
+				group: "Transition"
+			}
+		}
+	},
+	fragment: ({ uniforms, childNode, ctx }) => {
+		if (!childNode) {
+			console.error("You must pass a child component into the Block Dissolve shader.");
+			return ZERO;
+		}
+		return call(blockDissolveMask, "blockDissolveMask", [
+			childNode,
+			ctx.uv,
+			ctx.aspect,
+			uniforms.blockSize,
+			uniforms.softness,
+			uniforms.progress,
+			uniforms.invert
+		]);
+	}
+};
+var BlockDissolve_default = componentDefinition;
+export { blockDissolveMask as n, componentDefinition as r, BlockDissolve_default as t };

package/dist/core/{BlockNoise-Drf4_hBO.js → BlockNoise-BMt760_p.js}

@@ -1,8 +1,9 @@
-import { Wt as data_exports, an as vec3f, cn as f32, m as call, nn as vec2f, rt as std_exports, tt as src_default, wt as exp } from "./edges-Dm0I-Ud7.js";
-import { t as animatedTime } from "./porters-DnWlc17D.js";
-import { b as value13, p as noise_exports } from "./noise-C_ZfgxTN.js";
-import { n as toneAndColorExpr } from "./noiseColor-88y7I7KI.js";
-import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-Buljb-6r.js";
+import { h as call, rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { i as fields_exports, o as timeAxisDomain, t as aspectScaledDomain } from "./fields-CC0756V2.js";
+import { t as animatedTime } from "./porters-DUtQounc.js";
+import { b as value13, p as noise_exports } from "./noise-Bd6IGS0W.js";
+import { n as toneAndColorExpr } from "./noiseColor-DYhX5Js1.js";
+import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-DRDY44sf.js";
 const blockNoiseField = src_default.fn([
 	vec2f,
 	vec2f,
@@ -11,9 +12,7 @@ const blockNoiseField = src_default.fn([
 	f32
 ], f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, viewport, scale, seed, animTime) => {
 	"use gpu";
-	const aspect = __tsover_div(viewport.x, viewport.y);
-	const pos = vec2f(__tsover_mul(uv.x, aspect), uv.y).mul(exp(scale)).add(seed);
-	return value13(vec3f(pos.x, pos.y, __tsover_mul(animTime, .3)));
+	return value13(timeAxisDomain(aspectScaledDomain(uv, viewport, scale, seed), animTime, .3));
 }), {
 	v: 1,
 	name: void 0,
@@ -40,124 +39,48 @@ const blockNoiseField = src_default.fn([
 				"name": "animTime"
 			}
 		],
-		"body": [0, [
+		"body": [0, [[
+			13,
+			"pos",
 			[
-				13,
-				"aspect",
+				6,
 				[
-					1,
-					[
-						7,
-						"viewport",
-						"x"
-					],
-					"/",
-					[
-						7,
-						"viewport",
-						"y"
-					]
-				]
-			],
-			[
-				13,
-				"aspectUV",
+					7,
+					"fields",
+					"aspectScaledDomain"
+				],
 				[
-					6,
-					[
-						7,
-						"d",
-						"vec2f"
-					],
-					[[
-						1,
-						[
-							7,
-							"uv",
-							"x"
-						],
-						"*",
-						"aspect"
-					], [
-						7,
-						"uv",
-						"y"
-					]]
+					"uv",
+					"viewport",
+					"scale",
+					"seed"
 				]
-			],
+			]
+		], [10, [
+			6,
 			[
-				13,
-				"pos",
-				[
-					6,
-					[
-						7,
-						[
-							6,
-							[
-								7,
-								"aspectUV",
-								"mul"
-							],
-							[[
-								6,
-								[
-									7,
-									"std",
-									"exp"
-								],
-								["scale"]
-							]]
-						],
-						"add"
-					],
-					["seed"]
-				]
+				7,
+				"noise",
+				"value13"
 			],
-			[10, [
+			[[
 				6,
 				[
 					7,
-					"noise",
-					"value13"
+					"fields",
+					"timeAxisDomain"
 				],
-				[[
-					6,
-					[
-						7,
-						"d",
-						"vec3f"
-					],
-					[
-						[
-							7,
-							"pos",
-							"x"
-						],
-						[
-							7,
-							"pos",
-							"y"
-						],
-						[
-							1,
-							"animTime",
-							"*",
-							[5, "0.3"]
-						]
-					]
-				]]
+				[
+					"pos",
+					"animTime",
+					[5, "0.3"]
+				]
 			]]
-		]],
-		"externalNames": [
-			"d",
-			"std",
-			"noise"
-		]
+		]]]],
+		"externalNames": ["fields", "noise"]
 	},
 	externals: () => ({
-		d: data_exports,
-		std: std_exports,
+		fields: fields_exports,
 		noise: noise_exports
 	})
 }) && $.f)({}));

package/dist/core/{BlueNoise-CEwncn_5.js → BlueNoise-Cfo_HthN.js}

@@ -1,7 +1,8 @@
-import { Et as floor, cn as f32, m as call, nn as vec2f, rt as std_exports, tt as src_default } from "./edges-Dm0I-Ud7.js";
-import { p as noise_exports, t as blue12 } from "./noise-C_ZfgxTN.js";
-import { n as toneAndColorExpr } from "./noiseColor-88y7I7KI.js";
-import { i as noiseToneProps, t as noiseColorProps } from "./noiseColor-Buljb-6r.js";
+import { h as call, rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { a as pixelGridDomain, i as fields_exports } from "./fields-CC0756V2.js";
+import { p as noise_exports, t as blue12 } from "./noise-Bd6IGS0W.js";
+import { n as toneAndColorExpr } from "./noiseColor-DYhX5Js1.js";
+import { i as noiseToneProps, t as noiseColorProps } from "./noiseColor-DRDY44sf.js";
 const blueNoiseField = src_default.fn([
 	vec2f,
 	vec2f,
@@ -9,7 +10,7 @@ const blueNoiseField = src_default.fn([
 	f32
 ], f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, viewport, grain, seed) => {
 	"use gpu";
-	return blue12(floor(uv.mul(viewport).div(grain)).add(seed));
+	return blue12(pixelGridDomain(uv, viewport, grain, seed));
 }), {
 	v: 1,
 	name: void 0,
@@ -32,56 +33,33 @@ const blueNoiseField = src_default.fn([
 				"name": "seed"
 			}
 		],
-		"body": [0, [[
-			13,
-			"cell",
-			[
-				6,
-				[
-					7,
-					[
-						6,
-						[
-							7,
-							"std",
-							"floor"
-						],
-						[[
-							6,
-							[
-								7,
-								[
-									6,
-									[
-										7,
-										"uv",
-										"mul"
-									],
-									["viewport"]
-								],
-								"div"
-							],
-							["grain"]
-						]]
-					],
-					"add"
-				],
-				["seed"]
-			]
-		], [10, [
+		"body": [0, [[10, [
 			6,
 			[
 				7,
 				"noise",
 				"blue12"
 			],
-			["cell"]
+			[[
+				6,
+				[
+					7,
+					"fields",
+					"pixelGridDomain"
+				],
+				[
+					"uv",
+					"viewport",
+					"grain",
+					"seed"
+				]
+			]]
 		]]]],
-		"externalNames": ["std", "noise"]
+		"externalNames": ["noise", "fields"]
 	},
 	externals: () => ({
-		std: std_exports,
-		noise: noise_exports
+		noise: noise_exports,
+		fields: fields_exports
 	})
 }) && $.f)({}));
 const componentDefinition = {