shaders 3.0.451 → 3.0.452

package/dist/core/{StudioBackground-B16ICQTt.js → StudioBackground-C7jsxhTF.js}

@@ -1,45 +1,126 @@
-import { At as mix, Ct as exp, Et as fract, Rt as sin, Ut as data_exports, bt as cos, et as src_default, in as vec3f, nt as std_exports, on as vec4f, p as call, sn as f32, tn as vec2f, y as vec4, yt as clamp, zt as smoothstep } from "./edges-BZUKQxSE.js";
-import { t as animatedTime } from "./porters-DogLzpKT.js";
+import { Bt as smoothstep, Wt as data_exports, an as vec3f, b as vec4, bt as clamp, cn as f32, jt as mix, m as call, nn as vec2f, rt as std_exports, sn as vec4f, tt as src_default, wt as exp } from "./edges-Dm0I-Ud7.js";
 import { a as transformColor, c as transformPosition } from "./transformations-CsPUHppB.js";
 var TAU = Math.PI * 2;
-var hash01 = src_default.fn([f32], f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((x) => {
+var hash01CPU = (x) => {
+	const v = Math.sin(x * 12.9898) * 43758.5453;
+	return v - Math.floor(v);
+};
+var ambientGlow = src_default.fn([
+	vec2f,
+	f32,
+	f32,
+	f32,
+	f32
+], f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, aspect, lx, ly, sizeSq) => {
 	"use gpu";
-	return fract(__tsover_mul(sin(__tsover_mul(x, 12.9898)), 43758.5453));
+	const dx = __tsover_mul(__tsover_sub(uv.x, lx), aspect);
+	const dy = __tsover_sub(uv.y, ly);
+	const dd2 = __tsover_add(__tsover_mul(dx, dx), __tsover_mul(dy, dy));
+	return exp(__tsover_div(__tsover_mul(-.5, dd2), sizeSq));
 }), {
 	v: 1,
 	name: void 0,
 	ast: {
-		"params": [{
-			"type": "i",
-			"name": "x"
-		}],
-		"body": [0, [[10, [
-			6,
-			[
-				7,
-				"std",
-				"fract"
-			],
-			[[
-				1,
+		"params": [
+			{
+				"type": "i",
+				"name": "uv"
+			},
+			{
+				"type": "i",
+				"name": "aspect"
+			},
+			{
+				"type": "i",
+				"name": "lx"
+			},
+			{
+				"type": "i",
+				"name": "ly"
+			},
+			{
+				"type": "i",
+				"name": "sizeSq"
+			}
+		],
+		"body": [0, [
+			[
+				13,
+				"dx",
 				[
-					6,
+					1,
+					[
+						1,
+						[
+							7,
+							"uv",
+							"x"
+						],
+						"-",
+						"lx"
+					],
+					"*",
+					"aspect"
+				]
+			],
+			[
+				13,
+				"dy",
+				[
+					1,
 					[
 						7,
-						"std",
-						"sin"
+						"uv",
+						"y"
 					],
-					[[
+					"-",
+					"ly"
+				]
+			],
+			[
+				13,
+				"dd2",
+				[
+					1,
+					[
 						1,
-						"x",
+						"dx",
 						"*",
-						[5, "12.9898"]
-					]]
+						"dx"
+					],
+					"+",
+					[
+						1,
+						"dy",
+						"*",
+						"dy"
+					]
+				]
+			],
+			[10, [
+				6,
+				[
+					7,
+					"std",
+					"exp"
 				],
-				"*",
-				[5, "43758.5453"]
+				[[
+					1,
+					[
+						1,
+						[
+							4,
+							"-",
+							[5, "0.5"]
+						],
+						"*",
+						"dd2"
+					],
+					"/",
+					"sizeSq"
+				]]
 			]]
-		]]]],
+		]],
 		"externalNames": ["std"]
 	},
 	externals: () => ({ std: std_exports })
@@ -323,8 +404,10 @@ const studioBackgroundColor = src_default.fn([
 	vec4f,
 	vec4f,
 	vec4f,
+	vec4f,
+	vec4f,
 	vec4f
-], vec4f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, viewport, center, surfaceColor, keyColor, fillColor, backColor, lights1, lights2, scene, misc) => {
+], vec4f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, viewport, center, surfaceColor, keyColor, fillColor, backColor, lights1, lights2, scene, ambPosA, ambPosB, ambSizeSq) => {
 	"use gpu";
 	const brightness = __tsover_mul(lights1.x, .02);
 	const keyInt = __tsover_mul(lights1.y, .015);
@@ -338,8 +421,6 @@ const studioBackgroundColor = src_default.fn([
 	const curvature = __tsover_mul(scene.y, .01);
 	const vignetteStrength = __tsover_mul(scene.z, .025);
 	const ambIntensity = __tsover_mul(scene.w, .012);
-	const seed = misc.x;
-	const animTime = misc.y;
 	const aspect = __tsover_div(viewport.x, viewport.y);
 	const centerX = center.x;
 	const centerY = __tsover_sub(1, center.y);
@@ -390,24 +471,13 @@ const studioBackgroundColor = src_default.fn([
 	const bounce = __tsover_mul(__tsover_mul(exp(__tsover_mul(-2.5, bnD2)), __tsover_mul(keyInt, .12)), notFloor);
 	lightAccum = lightAccum.add(vec3f(bounce, bounce, bounce));
 	const ambGlowScale = __tsover_mul(ambIntensity, .25);
-	for (let i = 0; i < 4; i++) {
-		const s = __tsover_add(seed, __tsover_mul(f32(i), 73.1));
-		const sizeVal = __tsover_add(__tsover_mul(hash01(__tsover_add(s, 311)), .12), .1);
-		const radiusX = __tsover_add(__tsover_mul(hash01(s), .5), .2);
-		const radiusY = __tsover_add(__tsover_mul(hash01(__tsover_add(s, 37)), .25), .1);
-		const freqX = __tsover_add(__tsover_mul(hash01(__tsover_add(s, 91)), .3), .1);
-		const freqY = __tsover_add(__tsover_mul(hash01(__tsover_add(s, 143)), .25), .08);
-		const phaseX = __tsover_mul(hash01(__tsover_add(s, 200)), TAU);
-		const phaseY = __tsover_mul(hash01(__tsover_add(s, 257)), TAU);
-		const sizeSq = __tsover_mul(sizeVal, sizeVal);
-		const lx = __tsover_add(centerX, __tsover_mul(sin(__tsover_add(__tsover_mul(animTime, freqX), phaseX)), radiusX));
-		const ly = __tsover_add(__tsover_sub(centerY, .2), __tsover_mul(cos(__tsover_add(__tsover_mul(animTime, freqY), phaseY)), radiusY));
-		const dx = __tsover_mul(__tsover_sub(uv.x, lx), aspect);
-		const dy = __tsover_sub(uv.y, ly);
-		const dd2 = __tsover_add(__tsover_mul(dx, dx), __tsover_mul(dy, dy));
-		const glow = __tsover_mul(exp(__tsover_div(__tsover_mul(-.5, dd2), sizeSq)), ambGlowScale);
-		lightAccum = lightAccum.add(vec3f(glow, glow, glow));
-	}
+	const ambAnchorY = __tsover_sub(centerY, .2);
+	const glow0 = ambientGlow(uv, aspect, __tsover_add(centerX, ambPosA.x), __tsover_add(ambAnchorY, ambPosA.y), ambSizeSq.x);
+	const glow1 = ambientGlow(uv, aspect, __tsover_add(centerX, ambPosA.z), __tsover_add(ambAnchorY, ambPosA.w), ambSizeSq.y);
+	const glow2 = ambientGlow(uv, aspect, __tsover_add(centerX, ambPosB.x), __tsover_add(ambAnchorY, ambPosB.y), ambSizeSq.z);
+	const glow3 = ambientGlow(uv, aspect, __tsover_add(centerX, ambPosB.z), __tsover_add(ambAnchorY, ambPosB.w), ambSizeSq.w);
+	const glow = __tsover_mul(__tsover_add(__tsover_add(__tsover_add(glow0, glow1), glow2), glow3), ambGlowScale);
+	lightAccum = lightAccum.add(vec3f(glow, glow, glow));
 	const vigX = __tsover_mul(__tsover_sub(uv.x, .5), aspect);
 	const vigY = __tsover_sub(uv.y, .5);
 	const vigD2 = __tsover_add(__tsover_mul(vigX, vigX), __tsover_mul(vigY, vigY));
@@ -461,7 +531,15 @@ const studioBackgroundColor = src_default.fn([
 			},
 			{
 				"type": "i",
-				"name": "misc"
+				"name": "ambPosA"
+			},
+			{
+				"type": "i",
+				"name": "ambPosB"
+			},
+			{
+				"type": "i",
+				"name": "ambSizeSq"
 			}
 		],
 		"body": [0, [
@@ -633,24 +711,6 @@ const studioBackgroundColor = src_default.fn([
 					[5, "0.012"]
 				]
 			],
-			[
-				13,
-				"seed",
-				[
-					7,
-					"misc",
-					"x"
-				]
-			],
-			[
-				13,
-				"animTime",
-				[
-					7,
-					"misc",
-					"y"
-				]
-			],
 			[
 				13,
 				"aspect",
@@ -1710,393 +1770,213 @@ const studioBackgroundColor = src_default.fn([
 				]
 			],
 			[
-				14,
-				[
-					12,
-					"i",
-					[5, "0"]
-				],
+				13,
+				"ambAnchorY",
 				[
 					1,
-					"i",
-					"<",
-					[5, "4"]
-				],
+					"centerY",
+					"-",
+					[5, "0.2"]
+				]
+			],
+			[
+				13,
+				"glow0",
 				[
-					102,
-					"++",
-					"i"
-				],
-				[0, [
+					6,
+					"ambientGlow",
 					[
-						13,
-						"s",
+						"uv",
+						"aspect",
 						[
 							1,
-							"seed",
+							"centerX",
 							"+",
 							[
-								1,
-								[
-									6,
-									[
-										7,
-										"d",
-										"f32"
-									],
-									["i"]
-								],
-								"*",
-								[5, "73.1"]
+								7,
+								"ambPosA",
+								"x"
 							]
-						]
-					],
-					[
-						13,
-						"sizeVal",
+						],
 						[
 							1,
-							[
-								1,
-								[
-									6,
-									"hash01",
-									[[
-										1,
-										"s",
-										"+",
-										[5, "311"]
-									]]
-								],
-								"*",
-								[5, "0.12"]
-							],
+							"ambAnchorY",
 							"+",
-							[5, "0.1"]
-						]
-					],
-					[
-						13,
-						"radiusX",
-						[
-							1,
 							[
-								1,
-								[
-									6,
-									"hash01",
-									["s"]
-								],
-								"*",
-								[5, "0.5"]
-							],
-							"+",
-							[5, "0.2"]
-						]
-					],
-					[
-						13,
-						"radiusY",
-						[
-							1,
-							[
-								1,
-								[
-									6,
-									"hash01",
-									[[
-										1,
-										"s",
-										"+",
-										[5, "37"]
-									]]
-								],
-								"*",
-								[5, "0.25"]
-							],
-							"+",
-							[5, "0.1"]
-						]
-					],
-					[
-						13,
-						"freqX",
+								7,
+								"ambPosA",
+								"y"
+							]
+						],
 						[
-							1,
-							[
-								1,
-								[
-									6,
-									"hash01",
-									[[
-										1,
-										"s",
-										"+",
-										[5, "91"]
-									]]
-								],
-								"*",
-								[5, "0.3"]
-							],
-							"+",
-							[5, "0.1"]
+							7,
+							"ambSizeSq",
+							"x"
 						]
-					],
+					]
+				]
+			],
+			[
+				13,
+				"glow1",
+				[
+					6,
+					"ambientGlow",
 					[
-						13,
-						"freqY",
+						"uv",
+						"aspect",
 						[
 							1,
-							[
-								1,
-								[
-									6,
-									"hash01",
-									[[
-										1,
-										"s",
-										"+",
-										[5, "143"]
-									]]
-								],
-								"*",
-								[5, "0.25"]
-							],
+							"centerX",
 							"+",
-							[5, "0.08"]
-						]
-					],
-					[
-						13,
-						"phaseX",
-						[
-							1,
 							[
-								6,
-								"hash01",
-								[[
-									1,
-									"s",
-									"+",
-									[5, "200"]
-								]]
-							],
-							"*",
-							"TAU"
-						]
-					],
-					[
-						13,
-						"phaseY",
+								7,
+								"ambPosA",
+								"z"
+							]
+						],
 						[
 							1,
+							"ambAnchorY",
+							"+",
 							[
-								6,
-								"hash01",
-								[[
-									1,
-									"s",
-									"+",
-									[5, "257"]
-								]]
-							],
-							"*",
-							"TAU"
-						]
-					],
-					[
-						13,
-						"sizeSq",
+								7,
+								"ambPosA",
+								"w"
+							]
+						],
 						[
-							1,
-							"sizeVal",
-							"*",
-							"sizeVal"
+							7,
+							"ambSizeSq",
+							"y"
 						]
-					],
+					]
+				]
+			],
+			[
+				13,
+				"glow2",
+				[
+					6,
+					"ambientGlow",
 					[
-						13,
-						"lx",
+						"uv",
+						"aspect",
 						[
 							1,
 							"centerX",
 							"+",
 							[
-								1,
-								[
-									6,
-									[
-										7,
-										"std",
-										"sin"
-									],
-									[[
-										1,
-										[
-											1,
-											"animTime",
-											"*",
-											"freqX"
-										],
-										"+",
-										"phaseX"
-									]]
-								],
-								"*",
-								"radiusX"
+								7,
+								"ambPosB",
+								"x"
 							]
-						]
-					],
-					[
-						13,
-						"ly",
+						],
 						[
 							1,
-							[
-								1,
-								"centerY",
-								"-",
-								[5, "0.2"]
-							],
+							"ambAnchorY",
 							"+",
 							[
-								1,
-								[
-									6,
-									[
-										7,
-										"std",
-										"cos"
-									],
-									[[
-										1,
-										[
-											1,
-											"animTime",
-											"*",
-											"freqY"
-										],
-										"+",
-										"phaseY"
-									]]
-								],
-								"*",
-								"radiusY"
+								7,
+								"ambPosB",
+								"y"
 							]
-						]
-					],
-					[
-						13,
-						"dx",
+						],
 						[
-							1,
-							[
-								1,
-								[
-									7,
-									"uv",
-									"x"
-								],
-								"-",
-								"lx"
-							],
-							"*",
-							"aspect"
+							7,
+							"ambSizeSq",
+							"z"
 						]
-					],
+					]
+				]
+			],
+			[
+				13,
+				"glow3",
+				[
+					6,
+					"ambientGlow",
 					[
-						13,
-						"dy",
+						"uv",
+						"aspect",
 						[
 							1,
+							"centerX",
+							"+",
 							[
 								7,
-								"uv",
-								"y"
-							],
-							"-",
-							"ly"
-						]
-					],
-					[
-						13,
-						"dd2",
+								"ambPosB",
+								"z"
+							]
+						],
 						[
 							1,
-							[
-								1,
-								"dx",
-								"*",
-								"dx"
-							],
+							"ambAnchorY",
 							"+",
 							[
-								1,
-								"dy",
-								"*",
-								"dy"
+								7,
+								"ambPosB",
+								"w"
 							]
+						],
+						[
+							7,
+							"ambSizeSq",
+							"w"
 						]
-					],
+					]
+				]
+			],
+			[
+				13,
+				"glow",
+				[
+					1,
 					[
-						13,
-						"glow",
+						1,
 						[
 							1,
 							[
-								6,
-								[
-									7,
-									"std",
-									"exp"
-								],
-								[[
-									1,
-									[
-										1,
-										[
-											4,
-											"-",
-											[5, "0.5"]
-										],
-										"*",
-										"dd2"
-									],
-									"/",
-									"sizeSq"
-								]]
+								1,
+								"glow0",
+								"+",
+								"glow1"
 							],
-							"*",
-							"ambGlowScale"
-						]
+							"+",
+							"glow2"
+						],
+						"+",
+						"glow3"
 					],
+					"*",
+					"ambGlowScale"
+				]
+			],
+			[
+				2,
+				"lightAccum",
+				"=",
+				[
+					6,
 					[
-						2,
+						7,
 						"lightAccum",
-						"=",
+						"add"
+					],
+					[[
+						6,
 						[
-							6,
-							[
-								7,
-								"lightAccum",
-								"add"
-							],
-							[[
-								6,
-								[
-									7,
-									"d",
-									"vec3f"
-								],
-								[
-									"glow",
-									"glow",
-									"glow"
-								]
-							]]
+							7,
+							"d",
+							"vec3f"
+						],
+						[
+							"glow",
+							"glow",
+							"glow"
 						]
-					]
-				]]
+					]]
+				]
 			],
 			[
 				13,
@@ -2278,16 +2158,14 @@ const studioBackgroundColor = src_default.fn([
 			"std",
 			"d",
 			"studioDownSpot",
-			"hash01",
-			"TAU"
+			"ambientGlow"
 		]
 	},
 	externals: () => ({
 		std: std_exports,
 		d: data_exports,
 		studioDownSpot,
-		hash01,
-		TAU
+		ambientGlow
 	})
 }) && $.f)({}));
 const componentDefinition = {
@@ -2298,7 +2176,35 @@ const componentDefinition = {
 	},
 	category: "Textures",
 	description: "Multi-light studio background with ambient motion.",
-	animatedTime: { speed: "ambientSpeed" },
+	extraFields: {
+		ambPosA: {
+			schema: vec4f,
+			initial: [
+				0,
+				0,
+				0,
+				0
+			]
+		},
+		ambPosB: {
+			schema: vec4f,
+			initial: [
+				0,
+				0,
+				0,
+				0
+			]
+		},
+		ambSizeSq: {
+			schema: vec4f,
+			initial: [
+				.01,
+				.01,
+				.01,
+				.01
+			]
+		}
+	},
 	props: {
 		color: {
 			default: "#d8dbec",
@@ -2526,11 +2432,52 @@ const componentDefinition = {
 		const { uniforms } = params;
 		const uv = params.uvContext ?? params.ctx.uv;
 		const viewport = params.effectiveViewportSize ?? params.ctx.viewportSize;
-		const t = animatedTime(params);
+		let ambTime = 0;
+		let lastSeed = NaN;
+		let consts = [];
+		params.onBeforeRender((fp) => {
+			ambTime += (fp?.deltaTime ?? 0) * (params.getCpuValue("ambientSpeed") ?? 2);
+			const seed = params.getCpuValue("seed") ?? 0;
+			if (seed !== lastSeed) {
+				lastSeed = seed;
+				consts = [];
+				for (let i = 0; i < 4; i++) {
+					const s = seed + i * 73.1;
+					const sizeVal = hash01CPU(s + 311) * .12 + .1;
+					consts.push({
+						sizeSq: sizeVal * sizeVal,
+						radiusX: hash01CPU(s) * .5 + .2,
+						radiusY: hash01CPU(s + 37) * .25 + .1,
+						freqX: hash01CPU(s + 91) * .3 + .1,
+						freqY: hash01CPU(s + 143) * .25 + .08,
+						phaseX: hash01CPU(s + 200) * TAU,
+						phaseY: hash01CPU(s + 257) * TAU
+					});
+				}
+			}
+			const off = consts.map((c) => [Math.sin(ambTime * c.freqX + c.phaseX) * c.radiusX, Math.cos(ambTime * c.freqY + c.phaseY) * c.radiusY]);
+			params.setExtraField("ambPosA", [
+				off[0][0],
+				off[0][1],
+				off[1][0],
+				off[1][1]
+			]);
+			params.setExtraField("ambPosB", [
+				off[2][0],
+				off[2][1],
+				off[3][0],
+				off[3][1]
+			]);
+			params.setExtraField("ambSizeSq", [
+				consts[0].sizeSq,
+				consts[1].sizeSq,
+				consts[2].sizeSq,
+				consts[3].sizeSq
+			]);
+		});
 		const lights1 = vec4(uniforms.brightness, uniforms.keyIntensity, uniforms.keySoftness, uniforms.fillIntensity);
 		const lights2 = vec4(uniforms.fillSoftness, uniforms.fillAngle, uniforms.backIntensity, uniforms.backSoftness);
 		const scene = vec4(uniforms.lightTarget, uniforms.wallCurvature, uniforms.vignette, uniforms.ambientIntensity);
-		const misc = vec4(uniforms.seed, t, 0, 0);
 		return call(studioBackgroundColor, "studioBackgroundColor", [
 			uv,
 			viewport,
@@ -2542,7 +2489,9 @@ const componentDefinition = {
 			lights1,
 			lights2,
 			scene,
-			misc
+			uniforms.ambPosA,
+			uniforms.ambPosB,
+			uniforms.ambSizeSq
 		]);
 	}
 };