shaders 3.0.453 → 3.1.455

package/dist/core/{FloatingParticles-BbbTJldX.js → FloatingParticles-Ch5OJjCc.js}

@@ -1,27 +1,29 @@
-import { At as max, Bt as sin, Dt as floor, Gt as data_exports, Kt as atomic, Mt as mix, St as cos, Tt as exp, Yt as textureStorage2d, an as vec2u, bt as ceil, cn as vec4f, ct as textureStore, d as ZERO, dn as u32, en as struct, ft as atomicAdd, it as std_exports, jt as min, ln as f32, m as call, mt as atomicStore, nt as src_default, on as vec3f, pt as atomicLoad, qt as arrayOf, rn as vec2f, un as i32, xt as clamp } from "./edges-B7Yet3LV.js";
-import { c as hash22, l as hash33, o as hash11, p as noise_exports } from "./noise-B-PI7JUx.js";
-import { n as createGuardedCompute, r as createStateBuffer } from "./compute-Ax-p6Ubc.js";
-import { t as isMobileGpuViewport } from "./device-BODv_4aH.js";
-import { a as makeAgentTexelWeightFn, c as pointShapeOptions, i as cursorMagnet, l as resolveAgentShape, n as agents_exports, o as makeAgentWeightFn, t as AGENT_SHAPES } from "./agents-BVhq_Z2T.js";
-import { a as transformColor } from "./transformations-C7gn_5rF.js";
+import { At as max, Bt as sin, Dt as floor, Gt as data_exports, Kt as atomic, Mt as mix, St as cos, Yt as textureStorage2d, an as vec2u, at as std_exports, cn as vec4f, en as struct, f as ZERO, fn as u32, h as call, ht as atomicStore, lt as textureStore, mt as atomicLoad, on as vec3f, pt as atomicAdd, qt as arrayOf, rn as vec2f, rt as src_default, un as f32, xt as clamp } from "./edges-CD7gCAto.js";
+import { i as PI, o as TAU$1, t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { _ as readAgentFrame, b as worldSplatWindow, f as SIZE_REF_RES, g as makeCpuValueGetter, m as energyCoverageAlpha, p as createAgentSystem, u as FIXED_POINT_GAINS, v as resolveRenderRes } from "./porters-DUtQounc.js";
+import { c as hash22, l as hash33, o as hash11, p as noise_exports } from "./noise-Bd6IGS0W.js";
+import { a as makeAgentTexelWeightFn, c as pointShapeOptions, i as cursorMagnet, l as resolveAgentShape, n as agents_exports, o as makeAgentWeightFn, t as AGENT_SHAPES } from "./agents-C_kohsYu.js";
+import { a as transformColor } from "./transformations-B-zNWNdd.js";
 var MAX_MOTES = 8192;
 var COUNT_MAX_MOBILE = 3e3;
-var RES = isMobileGpuViewport() ? 512 : 1024;
+var RES = resolveRenderRes({
+	desktop: 1024,
+	mobile: 512
+});
 var INV_RES = 1 / RES;
-var SIZE_REF_RES = 1024;
 var STATE_FORMAT = "rgba16float";
 var AA_W = .75 * INV_RES;
-var TAU = 6.283185307179586;
-var DEG_TO_RAD = Math.PI / 180;
+var TAU = TAU$1;
+var DEG_TO_RAD = DEG_TO_RAD$1;
 var BASE_DRIFT = .12;
 var ORBIT_RAD = .035;
 var ORBIT_RATE = 1.4;
 var TWINKLE_FREQ = 2;
 var CURSOR_FORCE_K = 3.5;
 var CURSOR_DRAG = 1.1;
-var ANGLE_FLIP = Math.PI;
-var HARD_GAIN = 637;
-var SOFT_GAIN = 255;
+var ANGLE_FLIP = PI;
+var HARD_GAIN = FIXED_POINT_GAINS.HARD;
+var SOFT_GAIN = FIXED_POINT_GAINS.SOFT;
 var SimParams = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(struct({
 	color: vec4f,
 	count: f32,
@@ -1203,6 +1205,7 @@ function makeFloatingParticlesSplatKernel(shape) {
 		const ph = __tsover_mul(hash11(__tsover_add(__tsover_mul(fi, 3.7), .93)), TAU);
 		const twk = __tsover_add(__tsover_mul(sin(__tsover_add(__tsover_mul(prm.time, TWINKLE_FREQ), ph)), .5), .5);
 		const bright = __tsover_mul(mix(f32(1), twk, prm.twinkle), __tsover_add(.4, __tsover_mul(.6, presence)));
+		const aspect = max(prm.aspect, 1e-5);
 		const softV = max(prm.softness, f32(FORCE_SOFT));
 		const extK = mix(f32(EXT), max(f32(EXT), 2.4), softV);
 		const gain = mix(f32(HARD_GAIN), f32(SOFT_GAIN), softV);
@@ -1210,20 +1213,11 @@ function makeFloatingParticlesSplatKernel(shape) {
 		const invBodyR = __tsover_div(1, bodyR);
 		const reach = __tsover_add(__tsover_mul(bodyR, extK), __tsover_mul(AA_W, 2));
 		const reachQ = __tsover_mul(__tsover_mul(reach, invBodyR), __tsover_mul(reach, invBodyR));
-		const txf = __tsover_mul(__tsover_div(pos.x, prm.aspect), f32(RES));
-		const tyf = __tsover_mul(pos.y, f32(RES));
-		const cxi = i32(floor(txf));
-		const cyi = i32(floor(tyf));
-		const radX = i32(ceil(__tsover_div(__tsover_mul(reach, f32(RES)), max(prm.aspect, 1e-4))));
-		const radY = i32(ceil(__tsover_mul(reach, f32(RES))));
-		const x0 = max(__tsover_sub(cxi, radX), 0);
-		const x1 = min(__tsover_add(cxi, radX), i32(__tsover_sub(RES, 1)));
-		const y0 = max(__tsover_sub(cyi, radY), 0);
-		const y1 = min(__tsover_add(cyi, radY), i32(__tsover_sub(RES, 1)));
-		for (let py = y0; py <= y1; py++) {
+		const win = worldSplatWindow(pos, reach, aspect, f32(RES));
+		for (let py = win.y0; py <= win.y1; py++) {
 			const offY = __tsover_sub(__tsover_mul(__tsover_add(f32(py), .5), INV_RES), pos.y);
-			for (let px = x0; px <= x1; px++) {
-				const offX = __tsover_sub(__tsover_mul(__tsover_mul(__tsover_add(f32(px), .5), INV_RES), prm.aspect), pos.x);
+			for (let px = win.x0; px <= win.x1; px++) {
+				const offX = __tsover_sub(__tsover_mul(__tsover_mul(__tsover_add(f32(px), .5), INV_RES), aspect), pos.x);
 				const q = __tsover_mul(__tsover_mul(__tsover_add(__tsover_mul(offX, offX), __tsover_mul(offY, offY)), invBodyR), invBodyR);
 				if (q < reachQ) {
 					const w = __tsover_mul(weightFn(q, offX, offY, bodyR, AA_W, softV), bright);
@@ -1438,6 +1432,23 @@ function makeFloatingParticlesSplatKernel(shape) {
 						]
 					]
 				],
+				[
+					13,
+					"aspect",
+					[
+						6,
+						[
+							7,
+							"std",
+							"max"
+						],
+						[[
+							7,
+							"prm",
+							"aspect"
+						], [5, "0.00001"]]
+					]
+				],
 				[
 					13,
 					"softV",
@@ -1621,280 +1632,24 @@ function makeFloatingParticlesSplatKernel(shape) {
 				],
 				[
 					13,
-					"txf",
-					[
-						1,
-						[
-							1,
-							[
-								7,
-								"pos",
-								"x"
-							],
-							"/",
-							[
-								7,
-								"prm",
-								"aspect"
-							]
-						],
-						"*",
-						[
-							6,
-							[
-								7,
-								"d",
-								"f32"
-							],
-							["RES"]
-						]
-					]
-				],
-				[
-					13,
-					"tyf",
-					[
-						1,
-						[
-							7,
-							"pos",
-							"y"
-						],
-						"*",
-						[
-							6,
-							[
-								7,
-								"d",
-								"f32"
-							],
-							["RES"]
-						]
-					]
-				],
-				[
-					13,
-					"cxi",
+					"win",
 					[
 						6,
+						"worldSplatWindow",
 						[
-							7,
-							"d",
-							"i32"
-						],
-						[[
-							6,
-							[
-								7,
-								"std",
-								"floor"
-							],
-							["txf"]
-						]]
-					]
-				],
-				[
-					13,
-					"cyi",
-					[
-						6,
-						[
-							7,
-							"d",
-							"i32"
-						],
-						[[
-							6,
-							[
-								7,
-								"std",
-								"floor"
-							],
-							["tyf"]
-						]]
-					]
-				],
-				[
-					13,
-					"radX",
-					[
-						6,
-						[
-							7,
-							"d",
-							"i32"
-						],
-						[[
-							6,
+							"pos",
+							"reach",
+							"aspect",
 							[
-								7,
-								"std",
-								"ceil"
-							],
-							[[
-								1,
+								6,
 								[
-									1,
-									"reach",
-									"*",
-									[
-										6,
-										[
-											7,
-											"d",
-											"f32"
-										],
-										["RES"]
-									]
+									7,
+									"d",
+									"f32"
 								],
-								"/",
-								[
-									6,
-									[
-										7,
-										"std",
-										"max"
-									],
-									[[
-										7,
-										"prm",
-										"aspect"
-									], [5, "0.0001"]]
-								]
-							]]
-						]]
-					]
-				],
-				[
-					13,
-					"radY",
-					[
-						6,
-						[
-							7,
-							"d",
-							"i32"
-						],
-						[[
-							6,
-							[
-								7,
-								"std",
-								"ceil"
-							],
-							[[
-								1,
-								"reach",
-								"*",
-								[
-									6,
-									[
-										7,
-										"d",
-										"f32"
-									],
-									["RES"]
-								]
-							]]
-						]]
-					]
-				],
-				[
-					13,
-					"x0",
-					[
-						6,
-						[
-							7,
-							"std",
-							"max"
-						],
-						[[
-							1,
-							"cxi",
-							"-",
-							"radX"
-						], [5, "0"]]
-					]
-				],
-				[
-					13,
-					"x1",
-					[
-						6,
-						[
-							7,
-							"std",
-							"min"
-						],
-						[[
-							1,
-							"cxi",
-							"+",
-							"radX"
-						], [
-							6,
-							[
-								7,
-								"d",
-								"i32"
-							],
-							[[
-								1,
-								"RES",
-								"-",
-								[5, "1"]
-							]]
-						]]
-					]
-				],
-				[
-					13,
-					"y0",
-					[
-						6,
-						[
-							7,
-							"std",
-							"max"
-						],
-						[[
-							1,
-							"cyi",
-							"-",
-							"radY"
-						], [5, "0"]]
-					]
-				],
-				[
-					13,
-					"y1",
-					[
-						6,
-						[
-							7,
-							"std",
-							"min"
-						],
-						[[
-							1,
-							"cyi",
-							"+",
-							"radY"
-						], [
-							6,
-							[
-								7,
-								"d",
-								"i32"
-							],
-							[[
-								1,
-								"RES",
-								"-",
-								[5, "1"]
-							]]
-						]]
+								["RES"]
+							]
+						]
 					]
 				],
 				[
@@ -1902,13 +1657,21 @@ function makeFloatingParticlesSplatKernel(shape) {
 					[
 						12,
 						"py",
-						"y0"
+						[
+							7,
+							"win",
+							"y0"
+						]
 					],
 					[
 						1,
 						"py",
 						"<=",
-						"y1"
+						[
+							7,
+							"win",
+							"y1"
+						]
 					],
 					[
 						102,
@@ -1951,13 +1714,21 @@ function makeFloatingParticlesSplatKernel(shape) {
 						[
 							12,
 							"px",
-							"x0"
+							[
+								7,
+								"win",
+								"x0"
+							]
 						],
 						[
 							1,
 							"px",
 							"<=",
-							"x1"
+							[
+								7,
+								"win",
+								"x1"
+							]
 						],
 						[
 							102,
@@ -1992,11 +1763,7 @@ function makeFloatingParticlesSplatKernel(shape) {
 											"INV_RES"
 										],
 										"*",
-										[
-											7,
-											"prm",
-											"aspect"
-										]
+										"aspect"
 									],
 									"-",
 									[
@@ -2164,6 +1931,7 @@ function makeFloatingParticlesSplatKernel(shape) {
 				"HARD_GAIN",
 				"SOFT_GAIN",
 				"AA_W",
+				"worldSplatWindow",
 				"RES",
 				"INV_RES",
 				"weightFn"
@@ -2183,6 +1951,7 @@ function makeFloatingParticlesSplatKernel(shape) {
 			HARD_GAIN,
 			SOFT_GAIN,
 			AA_W,
+			worldSplatWindow,
 			RES,
 			INV_RES,
 			weightFn
@@ -2196,7 +1965,7 @@ const floatingParticlesResolveKernel = src_default.fn([u32, u32])(/* @__PURE__ *
 	const idx = __tsover_add(__tsover_mul(y, u32(RES)), x);
 	const energy = __tsover_mul(f32(atomicLoad(simLayout.$.accumE[idx])), __tsover_div(1, 255));
 	atomicStore(simLayout.$.accumE[idx], u32(0));
-	const a = __tsover_mul(__tsover_sub(1, exp(__tsover_mul(energy, -1.6))), prm.color.w);
+	const a = __tsover_mul(energyCoverageAlpha(energy, 1.6), prm.color.w);
 	textureStore(simLayout.$.outTex, vec2u(x, y), vec4f(prm.color.x, prm.color.y, prm.color.z, a));
 }), {
 	v: 1,
@@ -2324,27 +2093,9 @@ const floatingParticlesResolveKernel = src_default.fn([u32, u32])(/* @__PURE__ *
 				[
 					1,
 					[
-						1,
-						[5, "1"],
-						"-",
-						[
-							6,
-							[
-								7,
-								"std",
-								"exp"
-							],
-							[[
-								1,
-								"energy",
-								"*",
-								[
-									4,
-									"-",
-									[5, "1.6"]
-								]
-							]]
-						]
+						6,
+						"energyCoverageAlpha",
+						["energy", [5, "1.6"]]
 					],
 					"*",
 					[
@@ -2429,14 +2180,16 @@ const floatingParticlesResolveKernel = src_default.fn([u32, u32])(/* @__PURE__ *
 			"simLayout",
 			"d",
 			"RES",
-			"std"
+			"std",
+			"energyCoverageAlpha"
 		]
 	},
 	externals: () => ({
 		simLayout,
 		d: data_exports,
 		RES,
-		std: std_exports
+		std: std_exports,
+		energyCoverageAlpha
 	})
 }) && $.f)({})).$name("floatingParticlesResolve");
 const particleOverChild = src_default.fn([vec4f, vec4f], vec4f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((p, c) => {
@@ -2755,131 +2508,65 @@ const componentDefinition = {
 		}
 	},
 	compute: (params) => {
-		const { gpu, getCpuValue, registerComputeTexture, onCleanup } = params;
-		const root = gpu?.root;
-		if (!root) return null;
-		const motes = createStateBuffer(root, vec4f, MAX_MOTES);
-		const accumE = createStateBuffer(root, atomic(u32), RES * RES);
-		const outTex = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [RES, RES],
-			format: STATE_FORMAT
-		}).$usage("storage", "sampled"), "outTex");
-		onCleanup(() => outTex.destroy());
-		const particleTexture = registerComputeTexture(outTex);
-		const paramsU = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createUniform(SimParams), "paramsU");
-		const simBg = root.createBindGroup(simLayout, {
-			motes,
-			accumE,
-			params: paramsU.buffer,
-			outTex
-		});
+		const { getCpuValue } = params;
+		if (!params.gpu?.root) return null;
 		const splatKernel = makeFloatingParticlesSplatKernel(getCpuValue("shape") || "dot");
-		const init = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((i) => {
-			"use gpu";
-			floatingParticlesInitKernel(i);
-		}), {
-			v: 1,
-			name: void 0,
-			ast: {
-				"params": [{
-					"type": "i",
-					"name": "i"
-				}],
-				"body": [0, [[
-					6,
-					"floatingParticlesInitKernel",
-					["i"]
-				]]],
-				"externalNames": ["floatingParticlesInitKernel"]
+		const sys = createAgentSystem(params, {
+			layout: simLayout,
+			params: SimParams,
+			maxAgents: MAX_MOTES,
+			output: {
+				key: "outTex",
+				name: "particleTexture",
+				size: [RES, RES],
+				format: STATE_FORMAT
 			},
-			externals: () => ({ floatingParticlesInitKernel })
-		}) && $.f)({})).with(simBg);
-		const update = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((i) => {
-			"use gpu";
-			floatingParticlesUpdateKernel(i);
-		}), {
-			v: 1,
-			name: void 0,
-			ast: {
-				"params": [{
-					"type": "i",
-					"name": "i"
-				}],
-				"body": [0, [[
-					6,
-					"floatingParticlesUpdateKernel",
-					["i"]
-				]]],
-				"externalNames": ["floatingParticlesUpdateKernel"]
-			},
-			externals: () => ({ floatingParticlesUpdateKernel })
-		}) && $.f)({})).with(simBg);
-		const splat = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((i) => {
-			"use gpu";
-			splatKernel(i);
-		}), {
-			v: 1,
-			name: void 0,
-			ast: {
-				"params": [{
-					"type": "i",
-					"name": "i"
-				}],
-				"body": [0, [[
-					6,
-					"splatKernel",
-					["i"]
-				]]],
-				"externalNames": ["splatKernel"]
+			countCap: {
+				desktop: MAX_MOTES,
+				mobile: COUNT_MAX_MOBILE
 			},
-			externals: () => ({ splatKernel })
-		}) && $.f)({})).with(simBg);
-		const resolve = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((x, y) => {
-			"use gpu";
-			floatingParticlesResolveKernel(x, y);
-		}), {
-			v: 1,
-			name: void 0,
-			ast: {
-				"params": [{
-					"type": "i",
-					"name": "x"
-				}, {
-					"type": "i",
-					"name": "y"
-				}],
-				"body": [0, [[
-					6,
-					"floatingParticlesResolveKernel",
-					["x", "y"]
-				]]],
-				"externalNames": ["floatingParticlesResolveKernel"]
+			pipelines: {
+				init: {
+					kernel: floatingParticlesInitKernel,
+					threads: "max"
+				},
+				update: {
+					kernel: floatingParticlesUpdateKernel,
+					threads: "agents"
+				},
+				splat: {
+					kernel: splatKernel,
+					threads: "agents"
+				},
+				resolve: {
+					kernel: floatingParticlesResolveKernel,
+					threads: "fixed",
+					size: [RES, RES]
+				}
 			},
-			externals: () => ({ floatingParticlesResolveKernel })
-		}) && $.f)({}), { size: [RES, RES] }).with(simBg);
-		let initialized = false;
+			initStep: "init",
+			program: [
+				"update",
+				"splat",
+				"resolve"
+			]
+		});
+		if (!sys) return null;
+		const g = makeCpuValueGetter(getCpuValue);
 		let localTime = 0;
-		const countCap = isMobileGpuViewport() ? COUNT_MAX_MOBILE : MAX_MOTES;
 		return {
-			outputs: { particleTexture },
+			outputs: sys.outputs,
 			getComputeNodes: (frameParams) => {
-				const fp = frameParams;
-				const dt = Math.min(Math.max(fp.deltaTime ?? .016, .001), .033);
+				const { dt, aspect, pointerX, pointerY } = readAgentFrame(frameParams);
 				localTime += dt;
-				const h = fp.dimensions?.height ?? 0;
-				const aspect = h > 0 ? (fp.dimensions?.width ?? 0) / h : 16 / 9;
 				const domainX = Math.max(aspect, .01);
-				const g = (key, fallback) => {
-					const v = getCpuValue(key);
-					return typeof v === "number" ? v : fallback;
-				};
-				const count = Math.min(Math.max(Math.round(g("count", 1200)), 16), countCap);
-				const cursorX = (fp.pointer?.x ?? .5) * aspect;
-				const cursorY = fp.pointer?.y ?? .5;
+				const count = sys.resolveCount(g("count", 1200));
+				const cursorX = pointerX * aspect;
+				const cursorY = pointerY;
 				const cursorRadius = .22;
 				const col = getCpuValue("particleColor");
 				const bodyR = Math.min(Math.max(g("particleSize", 1.2), .3), 4) * 2 / SIZE_REF_RES;
-				paramsU.write({
+				sys.writeParams({
 					color: vec4f(col?.x ?? 1, col?.y ?? 1, col?.z ?? 1, col?.w ?? 1),
 					count,
 					dt,
@@ -2900,13 +2587,7 @@ const componentDefinition = {
 					cursorForce: Math.min(Math.max(g("cursorStrength", 0), 0), 1) * CURSOR_FORCE_K,
 					dragMul: Math.exp(-CURSOR_DRAG * dt)
 				});
-				const nodes = [];
-				if (!initialized) {
-					initialized = true;
-					nodes.push(() => init.dispatchThreads(MAX_MOTES));
-				}
-				nodes.push(() => update.dispatchThreads(count), () => splat.dispatchThreads(count), resolve);
-				return nodes;
+				return sys.frame({ count });
 			}
 		};
 	},