shaders 3.0.453 → 3.1.455

package/dist/core/{Particles-DZaTzOZP.js → Particles-rnTAu4Mr.js}

@@ -1,13 +1,14 @@
-import { At as max, Ct as cross, Dt as floor, G as mixColorsVariants, Gt as data_exports, Ht as sqrt, Jt as texture2d, Kt as atomic, Mt as mix, Nt as normalize, Pt as pow, Tt as exp, Vt as smoothstep, W as mixColorsLinear, Yt as textureStorage2d, _t as abs, 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, kt as length, ln as f32, mt as atomicStore, nt as src_default, on as vec3f, ot as textureLoad, pt as atomicLoad, qt as arrayOf, rn as vec2f, un as i32, xt as clamp } from "./edges-B7Yet3LV.js";
-import { 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 { h as sdf_exports } from "./sdf-B8rPE1PG.js";
-import { f as sdf3d_exports, n as shapeEffectBoundingBoxDeclaration, t as resolveShapeType } from "./shapeEffectBounds-Svfd_R5a.js";
-import { a as makeAgentTexelWeightFn, c as pointShapeOptions, i as cursorMagnet, l as resolveAgentShape, n as agents_exports, t as AGENT_SHAPES } from "./agents-BVhq_Z2T.js";
-import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-C7gn_5rF.js";
+import { At as max, Ct as cross, Dt as floor, G as mixColorsLinear, Gt as data_exports, Ht as sqrt, Jt as texture2d, K as mixColorsVariants, Kt as atomic, Mt as mix, Nt as normalize, Pt as pow, Tt as exp, Vt as smoothstep, Yt as textureStorage2d, _t as abs, an as vec2u, at as std_exports, bt as ceil, cn as vec4f, dn as i32, en as struct, f as ZERO, fn as u32, ht as atomicStore, in as vec2i, jt as min, kt as length, lt as textureStore, mt as atomicLoad, on as vec3f, pt as atomicAdd, qt as arrayOf, rn as vec2f, rt as src_default, st as textureLoad, un as f32, xt as clamp } from "./edges-CD7gCAto.js";
+import { t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { _ as readAgentFrame, d as R3_ALPHA, f as SIZE_REF_RES, g as makeCpuValueGetter, h as integrateSemiImplicitEuler, m as energyCoverageAlpha, p as createAgentSystem, v as resolveRenderRes, y as texelSplatWindow } from "./porters-DUtQounc.js";
+import { l as hash33, o as hash11, p as noise_exports } from "./noise-Bd6IGS0W.js";
+import { C as sdf_exports } from "./device-B0ZwBfOg.js";
+import { i as shapeEffectBoundingBoxDeclaration, n as sdf3d_exports, r as resolveShapeType } from "./sdf3d-CP87OlsQ.js";
+import { a as makeAgentTexelWeightFn, c as pointShapeOptions, i as cursorMagnet, l as resolveAgentShape, n as agents_exports, t as AGENT_SHAPES } from "./agents-C_kohsYu.js";
+import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B-zNWNdd.js";
 var { buildAnalyticSdfFn, createSdfDataTexture, SVG_SDF_SIZE } = sdf_exports;
-var { createAnalytic3dSdfSetup, createSvg3dSdfSetup, rotateVec3, rotateVecCpu, is3dShapeType, isSvg3dShapeType, isMobileGpuViewport, resolveShapeSubProp, SHAPE3D_DEFAULTS, SVG3D_DEFAULTS, VOLUMETRIC_FIELD_FORMAT } = sdf3d_exports;
-var DEG_TO_RAD = .017453292519943295;
+var { createAnalytic3dSdfSetup, createSvg3dSdfSetup, rotateVec3, rotateVecCpu, is3dShapeType, isSvg3dShapeType, resolveShapeSubProp, SHAPE3D_DEFAULTS, SVG3D_DEFAULTS, VOLUMETRIC_FIELD_FORMAT } = sdf3d_exports;
+var DEG_TO_RAD = DEG_TO_RAD$1;
 var DEFAULT_SHAPE_CONFIG = JSON.stringify({
 	type: "circleSDF",
 	radius: .35
@@ -22,12 +23,14 @@ function parseShapeConfig(raw) {
 	return {};
 }
 var MAX_PARTICLES = 16e3;
-var COUNT_CAP = isMobileGpuViewport() ? 6e3 : MAX_PARTICLES;
 var DGRID = 32;
 var DCELLS = DGRID * DGRID * DGRID;
 var DOMAIN = 1;
-var OUT_RES = isMobileGpuViewport() ? 768 : 1024;
-var SIZE_SCALE = OUT_RES / 1024;
+var OUT_RES = resolveRenderRes({
+	desktop: 1024,
+	mobile: 768
+});
+var SIZE_SCALE = OUT_RES / SIZE_REF_RES;
 var EXTQ = 2.6;
 var EXT = Math.sqrt(EXTQ);
 var MAX_SPLAT_SIZE = 6;
@@ -2191,20 +2194,15 @@ function makeParticleSplatKernel(shape) {
 		const bright = __tsover_mul(__tsover_mul(__tsover_add(.7, __tsover_mul(.6, pos.w)), persp), persp);
 		const speedNorm = clamp(__tsover_mul(vel.w, prm.speedColorK), 0, 1);
 		const doSpeed = __tsover_mul(__tsover_mul(bright, speedNorm), 256) >= 1;
-		const cxi = i32(floor(tx));
-		const cyi = i32(floor(ty));
 		const rad = i32(ceil(__tsover_mul(size, f32(EXT))));
 		const radF = f32(rad);
 		if (tx > __tsover_mul(radF, -1) && tx < __tsover_add(outF, radF) && ty > __tsover_mul(radF, -1) && ty < __tsover_add(outF, radF)) {
-			const x0 = max(__tsover_sub(cxi, rad), 0);
-			const x1 = min(__tsover_add(cxi, rad), i32(__tsover_sub(OUT_RES, 1)));
-			const y0 = max(__tsover_sub(cyi, rad), 0);
-			const y1 = min(__tsover_add(cyi, rad), i32(__tsover_sub(OUT_RES, 1)));
+			const win = texelSplatWindow(vec2f(tx, ty), rad, vec2i(i32(__tsover_sub(OUT_RES, 1)), i32(__tsover_sub(OUT_RES, 1))));
 			const sizeSq = max(__tsover_mul(size, size), .01);
-			for (let py = y0; py <= y1; py++) {
+			for (let py = win.y0; py <= win.y1; py++) {
 				const ddy = __tsover_sub(__tsover_add(f32(py), .5), ty);
 				const ddySq = __tsover_mul(ddy, ddy);
-				for (let px = x0; px <= x1; px++) {
+				for (let px = win.x0; px <= win.x1; px++) {
 					const ddx = __tsover_sub(__tsover_add(f32(px), .5), tx);
 					const q = __tsover_div(__tsover_add(__tsover_mul(ddx, ddx), ddySq), sizeSq);
 					if (q < EXTQ) {
@@ -2633,48 +2631,6 @@ function makeParticleSplatKernel(shape) {
 						[5, "1"]
 					]
 				],
-				[
-					13,
-					"cxi",
-					[
-						6,
-						[
-							7,
-							"d",
-							"i32"
-						],
-						[[
-							6,
-							[
-								7,
-								"std",
-								"floor"
-							],
-							["tx"]
-						]]
-					]
-				],
-				[
-					13,
-					"cyi",
-					[
-						6,
-						[
-							7,
-							"d",
-							"i32"
-						],
-						[[
-							6,
-							[
-								7,
-								"std",
-								"floor"
-							],
-							["ty"]
-						]]
-					]
-				],
 				[
 					13,
 					"rad",
@@ -2796,100 +2752,57 @@ function makeParticleSplatKernel(shape) {
 					[0, [
 						[
 							13,
-							"x0",
-							[
-								6,
-								[
-									7,
-									"std",
-									"max"
-								],
-								[[
-									1,
-									"cxi",
-									"-",
-									"rad"
-								], [5, "0"]]
-							]
-						],
-						[
-							13,
-							"x1",
+							"win",
 							[
 								6,
+								"texelSplatWindow",
 								[
-									7,
-									"std",
-									"min"
-								],
-								[[
-									1,
-									"cxi",
-									"+",
-									"rad"
-								], [
-									6,
 									[
-										7,
-										"d",
-										"i32"
+										6,
+										[
+											7,
+											"d",
+											"vec2f"
+										],
+										["tx", "ty"]
 									],
-									[[
-										1,
-										"OUT_RES",
-										"-",
-										[5, "1"]
-									]]
-								]]
-							]
-						],
-						[
-							13,
-							"y0",
-							[
-								6,
-								[
-									7,
-									"std",
-									"max"
-								],
-								[[
-									1,
-									"cyi",
-									"-",
-									"rad"
-								], [5, "0"]]
-							]
-						],
-						[
-							13,
-							"y1",
-							[
-								6,
-								[
-									7,
-									"std",
-									"min"
-								],
-								[[
-									1,
-									"cyi",
-									"+",
-									"rad"
-								], [
-									6,
+									"rad",
 									[
-										7,
-										"d",
-										"i32"
-									],
-									[[
-										1,
-										"OUT_RES",
-										"-",
-										[5, "1"]
-									]]
-								]]
+										6,
+										[
+											7,
+											"d",
+											"vec2i"
+										],
+										[[
+											6,
+											[
+												7,
+												"d",
+												"i32"
+											],
+											[[
+												1,
+												"OUT_RES",
+												"-",
+												[5, "1"]
+											]]
+										], [
+											6,
+											[
+												7,
+												"d",
+												"i32"
+											],
+											[[
+												1,
+												"OUT_RES",
+												"-",
+												[5, "1"]
+											]]
+										]]
+									]
+								]
 							]
 						],
 						[
@@ -2915,13 +2828,21 @@ function makeParticleSplatKernel(shape) {
 							[
 								12,
 								"py",
-								"y0"
+								[
+									7,
+									"win",
+									"y0"
+								]
 							],
 							[
 								1,
 								"py",
 								"<=",
-								"y1"
+								[
+									7,
+									"win",
+									"y1"
+								]
 							],
 							[
 								102,
@@ -2967,13 +2888,21 @@ function makeParticleSplatKernel(shape) {
 									[
 										12,
 										"px",
-										"x0"
+										[
+											7,
+											"win",
+											"x0"
+										]
 									],
 									[
 										1,
 										"px",
 										"<=",
-										"x1"
+										[
+											7,
+											"win",
+											"x1"
+										]
 									],
 									[
 										102,
@@ -3210,6 +3139,7 @@ function makeParticleSplatKernel(shape) {
 				"OUT_RES",
 				"MAX_SPLAT_SIZE",
 				"EXT",
+				"texelSplatWindow",
 				"EXTQ",
 				"profileFn"
 			]
@@ -3221,6 +3151,7 @@ function makeParticleSplatKernel(shape) {
 			OUT_RES,
 			MAX_SPLAT_SIZE,
 			EXT,
+			texelSplatWindow,
 			EXTQ,
 			profileFn
 		})
@@ -3237,11 +3168,13 @@ function makeParticleResolveKernel(colorSpaceMode) {
 		const sRaw = f32(atomicLoad(simLayout.$.accumS[idx]));
 		atomicStore(simLayout.$.accumE[idx], u32(0));
 		atomicStore(simLayout.$.accumS[idx], u32(0));
-		const energy = __tsover_mul(__tsover_mul(eRaw, __tsover_div(1, 256)), prm.exposure);
-		const speedAvg = __tsover_div(sRaw, max(eRaw, 1));
-		const col = mixFn(prm.colA, prm.colB, clamp(speedAvg, 0, 1));
-		const alpha = __tsover_sub(1, exp(__tsover_mul(energy, -1.6)));
-		textureStore(simLayout.$.outTex, vec2u(x, y), vec4f(col.x, col.y, col.z, __tsover_mul(alpha, col.w)));
+		if (eRaw > 0) {
+			const energy = __tsover_mul(__tsover_mul(eRaw, __tsover_div(1, 256)), prm.exposure);
+			const speedAvg = __tsover_div(sRaw, max(eRaw, 1));
+			const col = mixFn(prm.colA, prm.colB, clamp(speedAvg, 0, 1));
+			const alpha = energyCoverageAlpha(energy, 1.6);
+			textureStore(simLayout.$.outTex, vec2u(x, y), vec4f(col.x, col.y, col.z, __tsover_mul(alpha, col.w)));
+		} else textureStore(simLayout.$.outTex, vec2u(x, y), vec4f(prm.colA.x, prm.colA.y, prm.colA.z, f32(0)));
 	}), {
 		v: 1,
 		name: void 0,
@@ -3415,169 +3348,236 @@ function makeParticleResolveKernel(colorSpaceMode) {
 					]]
 				],
 				[
-					13,
-					"energy",
+					11,
 					[
 						1,
+						"eRaw",
+						">",
+						[5, "0"]
+					],
+					[0, [
 						[
-							1,
-							"eRaw",
-							"*",
+							13,
+							"energy",
 							[
 								1,
-								[5, "1"],
-								"/",
-								[5, "256"]
+								[
+									1,
+									"eRaw",
+									"*",
+									[
+										1,
+										[5, "1"],
+										"/",
+										[5, "256"]
+									]
+								],
+								"*",
+								[
+									7,
+									"prm",
+									"exposure"
+								]
 							]
 						],
-						"*",
-						[
-							7,
-							"prm",
-							"exposure"
-						]
-					]
-				],
-				[
-					13,
-					"speedAvg",
-					[
-						1,
-						"sRaw",
-						"/",
 						[
-							6,
+							13,
+							"speedAvg",
 							[
-								7,
-								"std",
-								"max"
-							],
-							["eRaw", [5, "1"]]
-						]
-					]
-				],
-				[
-					13,
-					"col",
-					[
-						6,
-						"mixFn",
+								1,
+								"sRaw",
+								"/",
+								[
+									6,
+									[
+										7,
+										"std",
+										"max"
+									],
+									["eRaw", [5, "1"]]
+								]
+							]
+						],
 						[
-							[
-								7,
-								"prm",
-								"colA"
-							],
-							[
-								7,
-								"prm",
-								"colB"
-							],
+							13,
+							"col",
 							[
 								6,
+								"mixFn",
 								[
-									7,
-									"std",
-									"clamp"
-								],
-								[
-									"speedAvg",
-									[5, "0"],
-									[5, "1"]
+									[
+										7,
+										"prm",
+										"colA"
+									],
+									[
+										7,
+										"prm",
+										"colB"
+									],
+									[
+										6,
+										[
+											7,
+											"std",
+											"clamp"
+										],
+										[
+											"speedAvg",
+											[5, "0"],
+											[5, "1"]
+										]
+									]
 								]
 							]
-						]
-					]
-				],
-				[
-					13,
-					"alpha",
-					[
-						1,
-						[5, "1"],
-						"-",
+						],
+						[
+							13,
+							"alpha",
+							[
+								6,
+								"energyCoverageAlpha",
+								["energy", [5, "1.6"]]
+							]
+						],
 						[
 							6,
 							[
 								7,
 								"std",
-								"exp"
+								"textureStore"
 							],
-							[[
-								1,
-								"energy",
-								"*",
+							[
 								[
-									4,
-									"-",
-									[5, "1.6"]
+									7,
+									[
+										7,
+										"simLayout",
+										"$"
+									],
+									"outTex"
+								],
+								[
+									6,
+									[
+										7,
+										"d",
+										"vec2u"
+									],
+									["x", "y"]
+								],
+								[
+									6,
+									[
+										7,
+										"d",
+										"vec4f"
+									],
+									[
+										[
+											7,
+											"col",
+											"x"
+										],
+										[
+											7,
+											"col",
+											"y"
+										],
+										[
+											7,
+											"col",
+											"z"
+										],
+										[
+											1,
+											"alpha",
+											"*",
+											[
+												7,
+												"col",
+												"w"
+											]
+										]
+									]
 								]
-							]]
+							]
 						]
-					]
-				],
-				[
-					6,
-					[
-						7,
-						"std",
-						"textureStore"
-					],
-					[
+					]],
+					[0, [[
+						6,
 						[
 							7,
-							[
-								7,
-								"simLayout",
-								"$"
-							],
-							"outTex"
-						],
-						[
-							6,
-							[
-								7,
-								"d",
-								"vec2u"
-							],
-							["x", "y"]
+							"std",
+							"textureStore"
 						],
 						[
-							6,
 							[
 								7,
-								"d",
-								"vec4f"
-							],
-							[
 								[
 									7,
-									"col",
-									"x"
+									"simLayout",
+									"$"
 								],
+								"outTex"
+							],
+							[
+								6,
 								[
 									7,
-									"col",
-									"y"
+									"d",
+									"vec2u"
 								],
+								["x", "y"]
+							],
+							[
+								6,
 								[
 									7,
-									"col",
-									"z"
+									"d",
+									"vec4f"
 								],
 								[
-									1,
-									"alpha",
-									"*",
 									[
 										7,
-										"col",
-										"w"
+										[
+											7,
+											"prm",
+											"colA"
+										],
+										"x"
+									],
+									[
+										7,
+										[
+											7,
+											"prm",
+											"colA"
+										],
+										"y"
+									],
+									[
+										7,
+										[
+											7,
+											"prm",
+											"colA"
+										],
+										"z"
+									],
+									[
+										6,
+										[
+											7,
+											"d",
+											"f32"
+										],
+										[[5, "0"]]
 									]
 								]
 							]
 						]
-					]
+					]]]
 				]
 			]],
 			"externalNames": [
@@ -3585,7 +3585,8 @@ function makeParticleResolveKernel(colorSpaceMode) {
 				"d",
 				"OUT_RES",
 				"std",
-				"mixFn"
+				"mixFn",
+				"energyCoverageAlpha"
 			]
 		},
 		externals: () => ({
@@ -3593,7 +3594,8 @@ function makeParticleResolveKernel(colorSpaceMode) {
 			d: data_exports,
 			OUT_RES,
 			std: std_exports,
-			mixFn
+			mixFn,
+			energyCoverageAlpha
 		})
 	}) && $.f)({})).$name("particlesResolve");
 }
@@ -3633,9 +3635,7 @@ function makeParticleUpdateKernel(evalSdf) {
 		F = F.add(vec3f(prm.gravX, prm.gravY, 0));
 		const rnd = hash33(pos.mul(193).add(vec3f(__tsover_mul(prm.time, 31.7), __tsover_mul(prm.time, 27.3), __tsover_mul(p4.w, 997)))).sub(vec3f(.5, .5, .5));
 		F = F.add(rnd.mul(__tsover_mul(prm.agitation, 5)));
-		let v3 = vPrev.add(F.mul(dt)).mul(prm.dragMul);
-		const spd = length(v3);
-		v3 = v3.mul(__tsover_div(min(spd, f32(MAX_SPEED)), max(spd, 1e-5)));
+		const v3 = integrateSemiImplicitEuler(vPrev, F, dt, prm.dragMul, f32(MAX_SPEED));
 		pos = clamp(pos.add(v3.mul(dt)), vec3f(-1.9, -1.9, -1.9), vec3f(1.9, 1.9, 1.9));
 		simLayout.$.pos[i] = vec4f(pos.x, pos.y, pos.z, p4.w);
 		simLayout.$.vel[i] = vec4f(v3.x, v3.y, v3.z, length(v3));
@@ -4965,93 +4965,31 @@ function makeParticleUpdateKernel(evalSdf) {
 						]]
 					]
 				],
-				[
-					12,
-					"v3",
-					[
-						6,
-						[
-							7,
-							[
-								6,
-								[
-									7,
-									"vPrev",
-									"add"
-								],
-								[[
-									6,
-									[
-										7,
-										"F",
-										"mul"
-									],
-									["dt"]
-								]]
-							],
-							"mul"
-						],
-						[[
-							7,
-							"prm",
-							"dragMul"
-						]]
-					]
-				],
 				[
 					13,
-					"spd",
-					[
-						6,
-						[
-							7,
-							"std",
-							"length"
-						],
-						["v3"]
-					]
-				],
-				[
-					2,
 					"v3",
-					"=",
 					[
 						6,
+						"integrateSemiImplicitEuler",
 						[
-							7,
-							"v3",
-							"mul"
-						],
-						[[
-							1,
+							"vPrev",
+							"F",
+							"dt",
 							[
-								6,
-								[
-									7,
-									"std",
-									"min"
-								],
-								["spd", [
-									6,
-									[
-										7,
-										"d",
-										"f32"
-									],
-									["MAX_SPEED"]
-								]]
+								7,
+								"prm",
+								"dragMul"
 							],
-							"/",
 							[
 								6,
 								[
 									7,
-									"std",
-									"max"
+									"d",
+									"f32"
 								],
-								["spd", [5, "0.00001"]]
+								["MAX_SPEED"]
 							]
-						]]
+						]
 					]
 				],
 				[
@@ -5233,6 +5171,7 @@ function makeParticleUpdateKernel(evalSdf) {
 				"densTrilinear",
 				"agents",
 				"noise",
+				"integrateSemiImplicitEuler",
 				"MAX_SPEED"
 			]
 		},
@@ -5246,6 +5185,7 @@ function makeParticleUpdateKernel(evalSdf) {
 			densTrilinear,
 			agents: agents_exports,
 			noise: noise_exports,
+			integrateSemiImplicitEuler,
 			MAX_SPEED
 		})
 	}) && $.f)({})).$name("particlesUpdate");
@@ -5502,32 +5442,11 @@ const componentDefinition = {
 		}
 	},
 	compute: (params) => {
-		const { gpu, getCpuValue, registerComputeTexture, onCleanup } = params;
+		const { gpu, getCpuValue, onCleanup } = params;
 		const root = gpu?.root;
 		if (!root) return null;
 		const shapeSdfUrl = getCpuValue("shapeSdfUrl") || "";
 		const shapeType = resolveShapeType(getCpuValue("shapeType") || "", getCpuValue("shape"));
-		const posBuf = createStateBuffer(root, vec4f, MAX_PARTICLES);
-		const velBuf = createStateBuffer(root, vec4f, MAX_PARTICLES);
-		const densBuf = createStateBuffer(root, atomic(u32), DCELLS);
-		const accumE = createStateBuffer(root, atomic(u32), OUT_RES * OUT_RES);
-		const accumS = createStateBuffer(root, atomic(u32), OUT_RES * OUT_RES);
-		const outTex = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(root.createTexture({
-			size: [OUT_RES, OUT_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, {
-			pos: posBuf,
-			vel: velBuf,
-			dens: densBuf,
-			accumE,
-			accumS,
-			params: paramsU.buffer,
-			outTex
-		});
 		let extraBg = null;
 		let setup3d = null;
 		let evalSdf;
@@ -6222,108 +6141,84 @@ const componentDefinition = {
 		const updateKernel = makeParticleUpdateKernel(evalSdf);
 		const resolveKernel = makeParticleResolveKernel(getCpuValue("colorSpace") ?? 0);
 		const splatKernel = makeParticleSplatKernel(getCpuValue("particleShape") || "dot");
-		const mk1 = (kernel) => {
-			let pipe = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((i) => {
-				"use gpu";
-				kernel(i);
-			}), {
-				v: 1,
-				name: void 0,
-				ast: {
-					"params": [{
-						"type": "i",
-						"name": "i"
-					}],
-					"body": [0, [[
-						6,
-						"kernel",
-						["i"]
-					]]],
-					"externalNames": ["kernel"]
-				},
-				externals: () => ({ kernel })
-			}) && $.f)({})).with(simBg);
-			if (extraBg) pipe = pipe.with(extraBg);
-			return pipe;
-		};
-		const init = mk1(particleInitKernel);
-		const clearDensity = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((i) => {
-			"use gpu";
-			particleClearDensityKernel(i);
-		}), {
-			v: 1,
-			name: void 0,
-			ast: {
-				"params": [{
-					"type": "i",
-					"name": "i"
-				}],
-				"body": [0, [[
-					6,
-					"particleClearDensityKernel",
-					["i"]
-				]]],
-				"externalNames": ["particleClearDensityKernel"]
+		const sys = createAgentSystem(params, {
+			layout: simLayout,
+			params: SimParams,
+			maxAgents: MAX_PARTICLES,
+			output: {
+				key: "outTex",
+				name: "particleTexture",
+				size: [OUT_RES, OUT_RES],
+				format: STATE_FORMAT
 			},
-			externals: () => ({ particleClearDensityKernel })
-		}) && $.f)({}), { size: [DCELLS] }).with(simBg);
-		const density = mk1(particleDensityKernel);
-		const update = mk1(updateKernel);
-		const splat = mk1(splatKernel);
-		const resolve = createGuardedCompute(root, /* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((x, y) => {
-			"use gpu";
-			resolveKernel(x, y);
-		}), {
-			v: 1,
-			name: void 0,
-			ast: {
-				"params": [{
-					"type": "i",
-					"name": "x"
-				}, {
-					"type": "i",
-					"name": "y"
-				}],
-				"body": [0, [[
-					6,
-					"resolveKernel",
-					["x", "y"]
-				]]],
-				"externalNames": ["resolveKernel"]
+			countCap: {
+				desktop: MAX_PARTICLES,
+				mobile: 6e3
 			},
-			externals: () => ({ resolveKernel })
-		}) && $.f)({}), { size: [OUT_RES, OUT_RES] }).with(simBg);
+			extraBindGroup: extraBg,
+			pipelines: {
+				init: {
+					kernel: particleInitKernel,
+					threads: "max",
+					extra: true
+				},
+				clearDensity: {
+					kernel: particleClearDensityKernel,
+					threads: "fixed",
+					size: [DCELLS]
+				},
+				density: {
+					kernel: particleDensityKernel,
+					threads: "agents",
+					extra: true
+				},
+				update: {
+					kernel: updateKernel,
+					threads: "agents",
+					extra: true
+				},
+				splat: {
+					kernel: splatKernel,
+					threads: "agents",
+					extra: true
+				},
+				resolve: {
+					kernel: resolveKernel,
+					threads: "fixed",
+					size: [OUT_RES, OUT_RES]
+				}
+			},
+			initStep: "init",
+			program: [
+				"clearDensity",
+				"density",
+				"update",
+				"splat",
+				"resolve"
+			]
+		});
+		if (!sys) return null;
 		let elapsed = 0;
 		const springs = /* @__PURE__ */ new Map();
 		const num = (v, f, frame, k) => resolveShapeSubProp(v, f, frame, k);
 		let time = 0;
-		let initialized = false;
 		let frameIdx = 0;
 		let prevRot = null;
 		const CELL = 2 * DOMAIN / DGRID;
-		const R3A = .8191725133961645;
-		const R3B = .6710436067037893;
-		const R3C = .5497004779019703;
+		const g = makeCpuValueGetter(getCpuValue);
 		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, 1);
 				elapsed += dt;
 				time += dt;
 				const frame = {
 					elapsed,
 					deltaTime: dt,
-					pointerX: fp.pointer?.x ?? .5,
-					pointerY: fp.pointer?.y ?? .5,
+					pointerX,
+					pointerY,
 					springs
 				};
-				const g = (key, fallback) => {
-					const v = getCpuValue(key);
-					return typeof v === "number" ? v : fallback;
-				};
-				const h = fp.dimensions?.height ?? 0;
-				const aspect = h > 0 ? (fp.dimensions?.width ?? 0) / h : 1;
 				const centerView = getCpuValue("center");
 				const centerX = centerView?.x ?? .5;
 				const centerYv = 1 - (centerView?.y ?? .5);
@@ -6331,8 +6226,8 @@ const componentDefinition = {
 				const rotRad = g("rotation", 0) * DEG_TO_RAD;
 				const rotC = Math.cos(rotRad);
 				const rotS = Math.sin(rotRad);
-				const mu = fp.pointer?.x ?? .5;
-				const mv = fp.pointer?.y ?? .5;
+				const mu = pointerX;
+				const mv = pointerY;
 				const dxAc = (mu - centerX) * aspect;
 				const dyv = mv - centerYv;
 				const mouseX = (dxAc * rotC + dyv * rotS) / scale;
@@ -6392,7 +6287,7 @@ const componentDefinition = {
 				const mouseRadius = g("mouseRadius", .22);
 				const colA = getCpuValue("colorA");
 				const colB = getCpuValue("colorB");
-				paramsU.write({
+				sys.writeParams({
 					colA: vec4f(colA?.x ?? 1, colA?.y ?? 1, colA?.z ?? 1, colA?.w ?? 1),
 					colB: vec4f(colB?.x ?? 1, colB?.y ?? 1, colB?.z ?? 1, colB?.w ?? 1),
 					dt,
@@ -6429,23 +6324,19 @@ const componentDefinition = {
 					omegaY: omY * omCap,
 					omegaZ: omZ * omCap,
 					entrain,
-					gridOffX: frameIdx * R3A % 1 * CELL,
-					gridOffY: frameIdx * R3B % 1 * CELL,
-					gridOffZ: frameIdx * R3C % 1 * CELL
+					gridOffX: frameIdx * R3_ALPHA[0] % 1 * CELL,
+					gridOffY: frameIdx * R3_ALPHA[1] % 1 * CELL,
+					gridOffZ: frameIdx * R3_ALPHA[2] % 1 * CELL
 				});
 				frameIdx++;
 				setup3d?.update({
 					deltaTime: dt,
-					pointer: fp.pointer
+					pointer: {
+						x: pointerX,
+						y: pointerY
+					}
 				});
-				const count = Math.min(Math.max(Math.round(g("count", 4e3)), 16), COUNT_CAP);
-				const nodes = [];
-				if (!initialized) {
-					initialized = true;
-					nodes.push(() => init.dispatchThreads(MAX_PARTICLES));
-				}
-				nodes.push(clearDensity, () => density.dispatchThreads(count), () => update.dispatchThreads(count), () => splat.dispatchThreads(count), resolve);
-				return nodes;
+				return sys.frame({ count: sys.resolveCount(g("count", 4e3)) });
 			}
 		};
 	},