shaders 2.3.50 → 2.3.52

package/dist/core/Aurora-BDnL1XdK.js

@@ -0,0 +1,233 @@
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { Fn, clamp, exp, float, fract, mix, mx_noise_float, pow, screenUV, sin, smoothstep, step, vec2, vec3, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "Aurora",
+	category: "Textures",
+	description: "Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.",
+	props: {
+		colorA: {
+			default: "#a533f8",
+			transform: transformColor,
+			description: "Edge color at the curtain base",
+			ui: {
+				type: "color",
+				label: "Color A",
+				group: "Colors"
+			}
+		},
+		colorB: {
+			default: "#22ee88",
+			transform: transformColor,
+			description: "Core color in the bright center",
+			ui: {
+				type: "color",
+				label: "Color B",
+				group: "Colors"
+			}
+		},
+		colorC: {
+			default: "#1694e8",
+			transform: transformColor,
+			description: "Tip color at the ray ends",
+			ui: {
+				type: "color",
+				label: "Color C",
+				group: "Colors"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space",
+				group: "Colors"
+			}
+		},
+		balance: {
+			default: 50,
+			description: "Shifts color distribution across the curtain height",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Balance",
+				group: "Colors"
+			}
+		},
+		intensity: {
+			default: 80,
+			description: "Overall aurora brightness",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Intensity",
+				group: "Aurora"
+			}
+		},
+		curtainCount: {
+			default: 4,
+			description: "Number of aurora curtain layers",
+			ui: {
+				type: "range",
+				min: 1,
+				max: 4,
+				step: 1,
+				label: "Curtains",
+				group: "Aurora"
+			}
+		},
+		speed: {
+			default: 5,
+			description: "Animation speed",
+			ui: {
+				type: "range",
+				min: -10,
+				max: 10,
+				step: .1,
+				label: "Speed",
+				group: "Aurora"
+			}
+		},
+		waviness: {
+			default: 50,
+			description: "How much the curtains undulate",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 200,
+				step: 1,
+				label: "Waviness",
+				group: "Aurora"
+			}
+		},
+		rayDensity: {
+			default: 20,
+			description: "Density of vertical ray structures",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Ray Detail",
+				group: "Aurora"
+			}
+		},
+		height: {
+			default: 120,
+			description: "How tall the aurora extends",
+			ui: {
+				type: "range",
+				min: 10,
+				max: 200,
+				step: 1,
+				label: "Height",
+				group: "Scene"
+			}
+		},
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "Center position of the aurora",
+			ui: {
+				type: "position",
+				label: "Center",
+				group: "Scene"
+			}
+		},
+		seed: {
+			default: 0,
+			description: "Random seed for variation",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Seed",
+				group: "Aurora"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const colorA = uniforms.colorA.uniform;
+		const colorB = uniforms.colorB.uniform;
+		const colorC = uniforms.colorC.uniform;
+		const csMode = uniforms.colorSpace.uniform;
+		const balanceExp = mix(float(2.5), float(.4), uniforms.balance.uniform.mul(.01));
+		const intensity = uniforms.intensity.uniform.mul(.018);
+		const curtainCount = uniforms.curtainCount.uniform;
+		const waviness = uniforms.waviness.uniform.mul(.01);
+		const rayAmount = uniforms.rayDensity.uniform.mul(.01);
+		const auroraHeight = uniforms.height.uniform.mul(.01);
+		const centerX = uniforms.center.uniform.x;
+		const centerY = uniforms.center.uniform.y.oneMinus();
+		const seed = uniforms.seed.uniform;
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const t = createAnimatedTime(params, uniforms.speed);
+		const auroraCurtain = Fn(([uv$1, layerIdx, layerTime]) => {
+			const tSlow = t.mul(.06).add(layerTime);
+			const lSeed = seed.add(layerIdx.mul(31.7));
+			const wx = uv$1.x.sub(centerX).mul(aspect).mul(2);
+			const ph1 = fract(sin(lSeed.mul(12.9)).mul(4758.5)).mul(Math.PI * 2);
+			const ph2 = fract(sin(lSeed.mul(78.2)).mul(2847.1)).mul(Math.PI * 2);
+			const ph3 = fract(sin(lSeed.mul(41.6)).mul(1593.7)).mul(Math.PI * 2);
+			const arc = sin(wx.mul(.7).add(tSlow.mul(.4)).add(ph1)).mul(.15).add(sin(wx.mul(1.6).add(tSlow.mul(.65)).add(ph2)).mul(.08)).add(sin(wx.mul(2.9).add(tSlow.mul(.3)).add(ph3)).mul(.04));
+			const noiseWarp = mx_noise_float(vec3(wx.mul(.5), tSlow.mul(.25), lSeed.mul(.1)));
+			const pathY = centerY.add(arc.mul(waviness)).add(noiseWarp.mul(.14).mul(waviness));
+			const warpedX = wx.add(noiseWarp.mul(2.5));
+			const rayFreq = mix(float(6), float(20), rayAmount);
+			const rayPhase = fract(sin(lSeed.mul(53.7)).mul(3847.2)).mul(Math.PI * 2);
+			const rays = pow(sin(warpedX.mul(rayFreq.mul(.15)).add(tSlow.mul(.1)).add(rayPhase)).mul(.5).add(.5), float(1.5));
+			const localHeight = auroraHeight.mul(mix(float(.4), float(1), rays));
+			const distFromPath = uv$1.y.sub(pathY);
+			const bottomFade = smoothstep(float(-.04), float(.015), distFromPath);
+			const topExtent = localHeight.mul(rays.mul(.4).add(.6));
+			const topFade = smoothstep(topExtent, float(0), distFromPath);
+			const envelope = bottomFade.mul(topFade);
+			const sectionBright = mix(float(.4), float(1), noiseWarp.mul(.5).add(.5));
+			const colorT = clamp(distFromPath.div(topExtent.add(.001)), 0, 1);
+			const coreD = colorT.sub(.2);
+			const coreBright = exp(coreD.mul(coreD).mul(-6)).mul(.3).add(1);
+			return vec2(colorT, envelope.mul(rays).mul(sectionBright).mul(coreBright));
+		});
+		return Fn(() => {
+			const uv$1 = screenUV;
+			const weightedT = float(0).toVar();
+			const totalAlpha = float(0).toVar();
+			const a1 = auroraCurtain(uv$1, float(0), float(0));
+			weightedT.assign(weightedT.add(a1.x.mul(a1.y)));
+			totalAlpha.assign(totalAlpha.add(a1.y));
+			const a2 = auroraCurtain(uv$1, float(1), float(3.1));
+			const w2 = a2.y.mul(step(float(2), curtainCount)).mul(.65);
+			weightedT.assign(weightedT.add(a2.x.mul(w2)));
+			totalAlpha.assign(totalAlpha.add(w2));
+			const a3 = auroraCurtain(uv$1, float(2), float(6.7));
+			const w3 = a3.y.mul(step(float(3), curtainCount)).mul(.45);
+			weightedT.assign(weightedT.add(a3.x.mul(w3)));
+			totalAlpha.assign(totalAlpha.add(w3));
+			const a4 = auroraCurtain(uv$1, float(3), float(9.4));
+			const w4 = a4.y.mul(step(float(4), curtainCount)).mul(.3);
+			weightedT.assign(weightedT.add(a4.x.mul(w4)));
+			totalAlpha.assign(totalAlpha.add(w4));
+			const avgT = pow(weightedT.div(totalAlpha.add(.001)), balanceExp);
+			const lowToMid = smoothstep(float(0), float(.2), avgT);
+			const midToHigh = smoothstep(float(.4), float(.85), avgT);
+			const col = mixColors(mixColors(colorA, colorB, lowToMid, csMode), colorC, midToHigh, csMode).rgb.mul(totalAlpha).mul(intensity);
+			const alpha = clamp(totalAlpha.mul(intensity).mul(.5), 0, 1);
+			return vec4(clamp(col, 0, 1), alpha);
+		})();
+	}
+};
+var Aurora_default = componentDefinition;
+export { componentDefinition as n, Aurora_default as t };

package/dist/core/StudioBackground-Ci26l_Xb.js

@@ -0,0 +1,337 @@
+import { r as transformColor, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { Fn, clamp, cos, exp, float, fract, mix, screenUV, sin, smoothstep, vec3, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "StudioBackground",
+	category: "Textures",
+	description: "Multi-light studio background with ambient motion.",
+	props: {
+		color: {
+			default: "#d8dbec",
+			transform: transformColor,
+			description: "Base studio surface color",
+			ui: {
+				type: "color",
+				label: "Surface Color",
+				group: "Colors"
+			}
+		},
+		keyColor: {
+			default: "#d5e4ea",
+			transform: transformColor,
+			description: "Color of the overhead key light",
+			ui: {
+				type: "color",
+				label: "Key Color",
+				group: "Key Light"
+			}
+		},
+		keyIntensity: {
+			default: 40,
+			description: "Intensity of the key light",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Intensity",
+				group: "Key Light"
+			}
+		},
+		keySoftness: {
+			default: 50,
+			description: "How diffuse the key light is",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Softness",
+				group: "Key Light"
+			}
+		},
+		fillColor: {
+			default: "#d5e4ea",
+			transform: transformColor,
+			description: "Color of the side fill lights",
+			ui: {
+				type: "color",
+				label: "Fill Color",
+				group: "Fill Lights"
+			}
+		},
+		fillIntensity: {
+			default: 10,
+			description: "Intensity of the fill lights",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Intensity",
+				group: "Fill Lights"
+			}
+		},
+		fillSoftness: {
+			default: 70,
+			description: "How diffuse the fill lights are",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Softness",
+				group: "Fill Lights"
+			}
+		},
+		fillAngle: {
+			default: 70,
+			description: "How far apart the fill lights are from center",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Spread",
+				group: "Fill Lights"
+			}
+		},
+		backColor: {
+			default: "#c8d4e8",
+			transform: transformColor,
+			description: "Color of the upward back wash",
+			ui: {
+				type: "color",
+				label: "Back Color",
+				group: "Back Light"
+			}
+		},
+		backIntensity: {
+			default: 20,
+			description: "Intensity of the back wash",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Intensity",
+				group: "Back Light"
+			}
+		},
+		backSoftness: {
+			default: 80,
+			description: "How diffuse the back wash is",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Softness",
+				group: "Back Light"
+			}
+		},
+		brightness: {
+			default: 20,
+			description: "Overall ambient light level",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Ambient",
+				group: "Lighting"
+			}
+		},
+		vignette: {
+			default: 0,
+			description: "Edge darkening",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Vignette",
+				group: "Lighting"
+			}
+		},
+		center: {
+			default: {
+				x: .5,
+				y: .8
+			},
+			transform: transformPosition,
+			description: "Where the spotlight meets the floor",
+			ui: {
+				type: "position",
+				label: "Stage Center",
+				group: "Scene"
+			}
+		},
+		lightTarget: {
+			default: 100,
+			description: "How far toward the floor vs wall the spotlights aim",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Light Depth",
+				group: "Scene"
+			}
+		},
+		wallCurvature: {
+			default: 10,
+			description: "How rounded the cove is",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Wall Curvature",
+				group: "Scene"
+			}
+		},
+		ambientIntensity: {
+			default: 50,
+			description: "Intensity of drifting ambient lights",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Ambient Detail",
+				group: "Environment"
+			}
+		},
+		ambientSpeed: {
+			default: 2,
+			description: "Drift speed",
+			ui: {
+				type: "range",
+				min: -5,
+				max: 5,
+				step: .1,
+				label: "Speed",
+				group: "Environment"
+			}
+		},
+		seed: {
+			default: 0,
+			description: "Seed for ambient pattern",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Seed",
+				group: "Environment"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const surfaceColor = uniforms.color.uniform;
+		const brightness = uniforms.brightness.uniform.mul(.02);
+		const keyColor = uniforms.keyColor.uniform;
+		const keyInt = uniforms.keyIntensity.uniform.mul(.015);
+		const fillColor = uniforms.fillColor.uniform;
+		const fillInt = uniforms.fillIntensity.uniform.mul(.015);
+		const fillOffset = uniforms.fillAngle.uniform.mul(.005);
+		const backColor = uniforms.backColor.uniform;
+		const backInt = uniforms.backIntensity.uniform.mul(.015);
+		const centerX = uniforms.center.uniform.x;
+		const centerY = uniforms.center.uniform.y.oneMinus();
+		const lightTarget = uniforms.lightTarget.uniform.mul(.01);
+		const curvature = uniforms.wallCurvature.uniform.mul(.01);
+		const vignetteStrength = uniforms.vignette.uniform.mul(.025);
+		const ambIntensity = uniforms.ambientIntensity.uniform.mul(.012);
+		const seed = uniforms.seed.uniform;
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const animTime = createAnimatedTime(params, uniforms.ambientSpeed);
+		const keyDecay = mix(float(5), float(.8), uniforms.keySoftness.uniform.mul(.01));
+		const fillDecay = mix(float(5), float(.8), uniforms.fillSoftness.uniform.mul(.01));
+		const backDecay = mix(float(5), float(.8), uniforms.backSoftness.uniform.mul(.01));
+		const hash01 = (x) => fract(sin(x.mul(12.9898)).mul(43758.5453));
+		const ambLights = Array.from({ length: 4 }, (_, i) => {
+			const s = seed.add(float(i * 73.1));
+			const sizeVal = hash01(s.add(311)).mul(.12).add(.1);
+			return {
+				radiusX: hash01(s).mul(.5).add(.2),
+				radiusY: hash01(s.add(37)).mul(.25).add(.1),
+				freqX: hash01(s.add(91)).mul(.3).add(.1),
+				freqY: hash01(s.add(143)).mul(.25).add(.08),
+				phaseX: hash01(s.add(200)).mul(Math.PI * 2),
+				phaseY: hash01(s.add(257)).mul(Math.PI * 2),
+				sizeSq: sizeVal.mul(sizeVal)
+			};
+		});
+		return Fn(() => {
+			const uv$1 = screenUV;
+			const transitionWidth = mix(float(.015), float(.15), curvature);
+			const isFloor = smoothstep(centerY.sub(transitionWidth), centerY.add(transitionWidth), uv$1.y);
+			const notFloor = float(1).sub(isFloor);
+			const wallNormY = clamp(uv$1.y.div(centerY), 0, 1);
+			const wallNormY2 = wallNormY.mul(wallNormY);
+			const floorNormY = clamp(uv$1.y.sub(centerY).div(float(1).sub(centerY)), 0, 1);
+			const uvXCentered = uv$1.x.sub(centerX).mul(aspect);
+			const coneWidth = mix(float(.05), float(.45), wallNormY2);
+			const wallFallY = float(1).sub(wallNormY).mul(1.2);
+			const wallFallY2 = wallFallY.mul(wallFallY);
+			const floorPoolY = centerY.add(float(1).sub(centerY).mul(.3));
+			const floorDy = uv$1.y.sub(floorPoolY).mul(4);
+			const floorDy2 = floorDy.mul(floorDy);
+			const ambient = mix(mix(float(.2), float(.4), wallNormY), mix(float(.38), float(.18), floorNormY), isFloor).mul(brightness);
+			const curveDist = uv$1.y.sub(centerY).div(transitionWidth.add(.001));
+			const curveGlow = exp(curveDist.mul(curveDist).mul(-.5)).mul(curvature).mul(brightness).mul(.1);
+			const neutralBase = ambient.add(curveGlow);
+			const lightAccum = vec3(neutralBase, neutralBase, neutralBase).toVar();
+			const wallBias = float(1).sub(lightTarget).mul(1.4).add(.3);
+			const floorBias = lightTarget.mul(1.4).add(.3);
+			const downSpot = (sourceX, decay) => {
+				const beamX = mix(sourceX, centerX, wallNormY2);
+				const wDx = uv$1.x.sub(beamX).mul(aspect).div(coneWidth);
+				const wall = exp(wDx.mul(wDx).add(wallFallY2).mul(-1).mul(decay)).mul(notFloor).mul(wallBias);
+				const poolX = mix(centerX, sourceX, float(.25));
+				const fDx = uv$1.x.sub(poolX).mul(aspect).mul(1.4);
+				const floor$1 = exp(fDx.mul(fDx).add(floorDy2).mul(-1).mul(decay.mul(1.5))).mul(isFloor).mul(floorBias);
+				return wall.add(floor$1);
+			};
+			const keyPat = downSpot(centerX, keyDecay).mul(keyInt);
+			lightAccum.assign(lightAccum.add(keyColor.rgb.mul(keyPat)));
+			const leftPat = downSpot(centerX.sub(fillOffset), fillDecay).mul(fillInt);
+			const rightPat = downSpot(centerX.add(fillOffset), fillDecay).mul(fillInt);
+			lightAccum.assign(lightAccum.add(fillColor.rgb.mul(leftPat.add(rightPat))));
+			const backBottomY = mix(float(1), centerY, float(.15));
+			const bfDx = uvXCentered.mul(.5);
+			const bfDy = uv$1.y.sub(backBottomY).mul(4);
+			const backFloor = exp(bfDx.mul(bfDx).add(bfDy.mul(bfDy)).mul(-1).mul(backDecay)).mul(isFloor);
+			const bwDx = uvXCentered.mul(.6);
+			const bwDy = centerY.sub(uv$1.y).mul(3);
+			const backWall = exp(bwDx.mul(bwDx).add(bwDy.mul(bwDy)).mul(-1).mul(backDecay.mul(.8))).mul(notFloor).mul(wallNormY2);
+			const backPat = backFloor.add(backWall).mul(backInt);
+			lightAccum.assign(lightAccum.add(backColor.rgb.mul(backPat)));
+			const bnDx = uvXCentered.mul(.7);
+			const bnDy = uv$1.y.sub(centerY).add(.02).mul(10);
+			const bounce = exp(bnDx.mul(bnDx).add(bnDy.mul(bnDy)).mul(-2.5)).mul(keyInt.mul(.12)).mul(notFloor);
+			lightAccum.assign(lightAccum.add(vec3(bounce, bounce, bounce)));
+			const ambGlowScale = ambIntensity.mul(.25);
+			for (let i = 0; i < 4; i++) {
+				const l = ambLights[i];
+				const lx = centerX.add(sin(animTime.mul(l.freqX).add(l.phaseX)).mul(l.radiusX));
+				const ly = centerY.sub(.2).add(cos(animTime.mul(l.freqY).add(l.phaseY)).mul(l.radiusY));
+				const dx = uv$1.x.sub(lx).mul(aspect);
+				const dy = uv$1.y.sub(ly);
+				const glow = exp(dx.mul(dx).add(dy.mul(dy)).div(l.sizeSq).mul(-.5)).mul(ambGlowScale);
+				lightAccum.assign(lightAccum.add(vec3(glow, glow, glow)));
+			}
+			const vigX = uv$1.x.sub(.5).mul(aspect);
+			const vigY = uv$1.y.sub(.5);
+			const vigD2 = vigX.mul(vigX).add(vigY.mul(vigY));
+			const vig = clamp(float(1).sub(vigD2.mul(vignetteStrength)), 0, 1);
+			lightAccum.assign(clamp(lightAccum, 0, 3));
+			return vec4(surfaceColor.rgb.mul(lightAccum).mul(vig).clamp(0, 1), float(1));
+		})();
+	}
+};
+var StudioBackground_default = componentDefinition;
+export { componentDefinition as n, StudioBackground_default as t };