@wave3d/core 0.5.0 → 0.7.0

package/dist/presets.js

@@ -6,6 +6,100 @@ import { createDefaultConfig, makeStops, makeWaveSpread } from "./config/model.j
 * "Stripe *" display names) on top; see apps/studio/src/presets.ts.
 */
 const RAD = 180 / Math.PI;
+/**
+* Reusable particle STYLES applied to a wave's `particles` block. Surfaced in the studio's per-wave
+* Particles folder (the "style" picker) and used by the "Particle Zoo" showcase preset. Each is a dust
+* look independent of the wave it rides — clone before mutating (`structuredClone`).
+*/
+const PARTICLE_PRESETS = {
+	Glitter: {
+		count: 16e3,
+		size: 2.6,
+		seed: 7,
+		color: "#ffdca8",
+		shape: "glitter",
+		edgeBias: 1,
+		drift: 300,
+		bias: -.6,
+		twinkle: .8
+	},
+	Embers: {
+		count: 16e3,
+		size: 3.6,
+		seed: 7,
+		color: "#ff8a2c",
+		color2: "#ffe19a",
+		shape: "soft",
+		edgeBias: .15,
+		drift: 40,
+		rise: 320,
+		wander: 120,
+		twinkle: .85,
+		life: 6
+	},
+	Snow: {
+		count: 12e3,
+		size: 3,
+		seed: 4,
+		color: "#eef4ff",
+		color2: "#bcd0ee",
+		shape: "soft",
+		edgeBias: .1,
+		drift: 20,
+		rise: -260,
+		wander: 80,
+		twinkle: .5,
+		life: 8
+	},
+	Sparks: {
+		count: 9e3,
+		size: 5,
+		seed: 9,
+		color: "#ffd27a",
+		color2: "#fff4d0",
+		shape: "streak",
+		edgeBias: 1,
+		drift: 620,
+		rise: 90,
+		wander: 20,
+		bias: -.4,
+		twinkle: .9,
+		life: 2.5
+	},
+	Fireflies: {
+		count: 2200,
+		size: 5,
+		seed: 11,
+		color: "#dfff9a",
+		color2: "#8fd94a",
+		shape: "star",
+		edgeBias: .1,
+		drift: 25,
+		swirl: .3,
+		wander: 170,
+		twinkle: 1,
+		life: 5
+	},
+	Bubbles: {
+		count: 3e3,
+		size: 7,
+		sizeJitter: .9,
+		seed: 6,
+		color: "#cdeefb",
+		color2: "#8fd0e6",
+		shape: "ring",
+		edgeBias: .2,
+		drift: 30,
+		rise: 240,
+		wander: 60,
+		twinkle: .3,
+		life: 7
+	}
+};
+/** Degrees → radians (for the Particle Zoo's per-wave rotation, authored in degrees). */
+const rad = (deg) => deg * Math.PI / 180;
+/** Clamp a signed magnitude to ±m (used to cap the Zoo's long-range particle motion terms). */
+const capMag = (v, m) => v == null ? v : Math.sign(v) * Math.min(Math.abs(v), m);
 /** Build a preset from a set of wave parameters. rotation/hue are given in RADIANS and
 *  converted to degrees. All presets are solid-theme, so they reuse the hero palette +
 *  surfaceColor fibers (600/0.2) and sheen 0, like the hero. camTarget/zoom frame the
@@ -350,6 +444,348 @@ const PRESETS = {
 		c.transparentBackground = false;
 		return c;
 	},
+	"Latte Ring": () => {
+		const c = PRESETS["Hero"]();
+		const w = c.waves[0];
+		w.radialAmount = .72;
+		w.radialArc = 286;
+		w.radialCenter = -160;
+		w.radialRadius = 300;
+		w.radialSpread = 1.47;
+		w.rotation = {
+			x: 0,
+			y: 0,
+			z: 0
+		};
+		w.position = {
+			x: -280,
+			y: -320,
+			z: 0
+		};
+		w.scale = {
+			x: 1.12,
+			y: 1.12,
+			z: 1.12
+		};
+		w.opacity = .5;
+		w.displaceFrequency = {
+			x: .0026,
+			y: .0048
+		};
+		w.displaceAmount = 101.73;
+		w.detailAmount = 6;
+		w.detailFrequency = .1;
+		w.speed = .21;
+		w.fiberCount = 110;
+		w.fiberStrength = .95;
+		w.creaseLight = .55;
+		w.edgeFeather = .34;
+		w.noiseBands = [{
+			startX: 0,
+			endX: 1,
+			startY: .5,
+			endY: 1,
+			feather: .4,
+			strength: 1,
+			frequency: 300,
+			colorAttenuation: .85,
+			parabolaPower: 2.5
+		}];
+		w.usePaletteTexture = false;
+		w.gradientType = "mesh";
+		w.meshGradientSoftness = .7;
+		w.meshGradientPoints = [
+			{
+				color: "#f3c06a",
+				x: .5,
+				y: .1,
+				influence: .7
+			},
+			{
+				color: "#f9edd4",
+				x: .34,
+				y: .36,
+				influence: .62
+			},
+			{
+				color: "#e6923a",
+				x: .15,
+				y: .55,
+				influence: .5
+			},
+			{
+				color: "#f1d49a",
+				x: .82,
+				y: .42,
+				influence: .55
+			},
+			{
+				color: "#ece7d8",
+				x: .58,
+				y: .88,
+				influence: .72
+			}
+		];
+		w.blendMode = "normal";
+		w.hueShift = 0;
+		w.colorContrast = 1.05;
+		w.colorSaturation = 1.15;
+		c.cameraDistance = 600;
+		c.cameraPosition = {
+			x: -854.327,
+			y: 135.331,
+			z: 478.048
+		};
+		c.cameraTarget = {
+			x: -720.043,
+			y: 10.575,
+			z: -93.27
+		};
+		c.cameraZoom = 1.222;
+		c.background = "#050404";
+		c.backgroundMode = "color";
+		c.transparentBackground = false;
+		c.grain = .25;
+		c.blur = 0;
+		c.bloomStrength = .18;
+		c.bloomRadius = .55;
+		c.bloomThreshold = .72;
+		w.particles = {
+			count: 2e4,
+			size: 2.9,
+			color: "#ffdca8",
+			seed: 7,
+			twinkle: .8,
+			edgeBias: 1,
+			drift: 490,
+			bias: -.6
+		};
+		return c;
+	},
+	"Particle Zoo": () => {
+		const c = createDefaultConfig();
+		c.background = "#05070d";
+		c.backgroundMode = "color";
+		c.transparentBackground = false;
+		c.grain = .26;
+		c.blur = 0;
+		c.bloomStrength = .3;
+		c.bloomThreshold = .66;
+		c.cameraPosition = {
+			x: 100,
+			y: 0,
+			z: 5e3
+		};
+		c.cameraTarget = {
+			x: 0,
+			y: 0,
+			z: 0
+		};
+		c.cameraZoom = .6;
+		const zoo = [
+			{
+				style: "Embers",
+				palette: [
+					"#ff7a1e",
+					"#ffd27a",
+					"#c23a12"
+				],
+				pos: [-720, 285],
+				scale: [
+					1,
+					1,
+					1
+				],
+				rot: [
+					-20,
+					0,
+					-14
+				],
+				opacity: .72,
+				shape: {
+					displaceFrequency: {
+						x: .0024,
+						y: .0065
+					},
+					displaceAmount: 118,
+					twistPower: {
+						x: 2.4,
+						y: 2.4,
+						z: 3.2
+					}
+				}
+			},
+			{
+				style: "Snow",
+				palette: [
+					"#8fb8e8",
+					"#e8f1fb",
+					"#aeb9d6"
+				],
+				pos: [700, 320],
+				scale: [
+					1.1,
+					1,
+					.9
+				],
+				rot: [
+					-62,
+					0,
+					12
+				],
+				opacity: .72,
+				shape: {
+					displaceFrequency: {
+						x: .006,
+						y: .013
+					},
+					displaceAmount: 22,
+					twistPower: {
+						x: .8,
+						y: .8,
+						z: 1
+					}
+				}
+			},
+			{
+				style: "Sparks",
+				palette: [
+					"#ffd27a",
+					"#fff4d0",
+					"#c8853a"
+				],
+				pos: [0, -30],
+				scale: [
+					.85,
+					.85,
+					.85
+				],
+				rot: [
+					0,
+					0,
+					0
+				],
+				opacity: .32,
+				shape: {
+					radialAmount: .82,
+					radialArc: 118,
+					radialCenter: 90,
+					radialRadius: 40,
+					radialSpread: 1,
+					displaceAmount: 30
+				}
+			},
+			{
+				style: "Fireflies",
+				palette: [
+					"#3d5a24",
+					"#7bd23a",
+					"#40521f"
+				],
+				pos: [-560, -300],
+				scale: [
+					1.25,
+					1.25,
+					1.25
+				],
+				rot: [
+					0,
+					0,
+					8
+				],
+				opacity: .72,
+				shape: {
+					helixTurns: 3,
+					helixRadius: 44,
+					helixRoll: 1,
+					displaceAmount: 8,
+					twistPower: {
+						x: 1,
+						y: 1,
+						z: 1.2
+					}
+				}
+			},
+			{
+				style: "Bubbles",
+				palette: [
+					"#2e8fb0",
+					"#7fd4e8",
+					"#1a5a6e"
+				],
+				pos: [660, -270],
+				scale: [
+					1,
+					1.15,
+					1
+				],
+				rot: [
+					-16,
+					0,
+					-20
+				],
+				opacity: .72,
+				shape: {
+					displaceFrequency: {
+						x: .005,
+						y: .011
+					},
+					displaceAmount: 46,
+					twistFrequency: {
+						x: -.06,
+						y: .09,
+						z: -.5
+					},
+					twistPower: {
+						x: 4,
+						y: 6,
+						z: 9
+					}
+				}
+			}
+		];
+		const base = c.waves[0];
+		c.waves = zoo.map((z, i) => {
+			const w = structuredClone(base);
+			w.usePaletteTexture = false;
+			w.gradientType = "linear";
+			w.gradientAngle = 0;
+			w.palette = makeStops(z.palette);
+			w.blendMode = "normal";
+			w.hueShift = 0;
+			w.colorContrast = 1;
+			w.colorSaturation = 1.1;
+			w.opacity = z.opacity;
+			w.scale = {
+				x: z.scale[0],
+				y: z.scale[1],
+				z: z.scale[2]
+			};
+			w.rotation = {
+				x: rad(z.rot[0]),
+				y: rad(z.rot[1]),
+				z: rad(z.rot[2])
+			};
+			w.position = {
+				x: z.pos[0],
+				y: z.pos[1],
+				z: 0
+			};
+			w.seed = i * 7;
+			w.speed = .05;
+			Object.assign(w, z.shape);
+			const p = structuredClone(PARTICLE_PRESETS[z.style]);
+			const PULL = .13;
+			if (p.drift != null) p.drift = capMag(p.drift * PULL, 24);
+			if (p.rise != null) p.rise = capMag(p.rise * PULL, 28);
+			if (p.wander != null) p.wander = capMag(p.wander * PULL, 15);
+			if (p.swirl != null) p.swirl = capMag(p.swirl * PULL, .05);
+			w.particles = p;
+			return w;
+		});
+		c.waveCount = c.waves.length;
+		return c;
+	},
 	Holographic: () => {
 		const c = PRESETS["Hero"]();
 		const w = c.waves[0];
@@ -541,6 +977,111 @@ const PRESETS = {
 		c.transparentBackground = false;
 		return c;
 	},
+	Corkscrew: () => {
+		const c = PRESETS["Hero"]();
+		const w = c.waves[0];
+		w.helixTurns = 5;
+		w.helixRadius = 45;
+		w.helixRoll = 1;
+		w.helixPhase = 0;
+		w.twistFrequency = {
+			x: 0,
+			y: 0,
+			z: 0
+		};
+		w.twistPower = {
+			x: 4,
+			y: 4,
+			z: 2
+		};
+		w.displaceAmount = 16;
+		w.displaceFrequency = {
+			x: .006,
+			y: 8e-4
+		};
+		w.speed = .1;
+		w.position = {
+			x: 0,
+			y: 0,
+			z: 0
+		};
+		w.rotation = {
+			x: 0,
+			y: 0,
+			z: 12
+		};
+		w.scale = {
+			x: 3,
+			y: 3,
+			z: 1.5
+		};
+		w.gradientType = "mesh";
+		w.meshGradientPoints = [
+			{
+				color: "#0a84ff",
+				x: .06,
+				y: .9,
+				influence: .68
+			},
+			{
+				color: "#64d2ff",
+				x: .88,
+				y: .92,
+				influence: .72
+			},
+			{
+				color: "#bf5af2",
+				x: .5,
+				y: .64,
+				influence: .58
+			},
+			{
+				color: "#ff375f",
+				x: .1,
+				y: .14,
+				influence: .7
+			},
+			{
+				color: "#ff9f0a",
+				x: .84,
+				y: .12,
+				influence: .74
+			},
+			{
+				color: "#30d158",
+				x: .94,
+				y: .5,
+				influence: .54
+			}
+		];
+		w.meshGradientSoftness = .68;
+		w.blendMode = "normal";
+		w.hueShift = 0;
+		w.colorContrast = 1.06;
+		w.colorSaturation = 1.12;
+		w.fiberStrength = .14;
+		c.cameraPosition = {
+			x: -526.009,
+			y: -285.284,
+			z: -425.489
+		};
+		c.cameraTarget = {
+			x: -95.046,
+			y: -17.053,
+			z: -105.608
+		};
+		c.cameraDistance = 600;
+		c.cameraZoom = 1.176;
+		c.grain = .3;
+		c.blur = .008;
+		c.bloomStrength = .35;
+		c.bloomRadius = .6;
+		c.bloomThreshold = .55;
+		c.background = "#070914";
+		c.backgroundMode = "color";
+		c.transparentBackground = false;
+		return c;
+	},
 	Kaleidoscope: () => {
 		const c = PRESETS["Wave 3"]();
 		const w = c.waves[0];
@@ -554,6 +1095,6 @@ const PRESETS = {
 	}
 };
 //#endregion
-export { PRESETS };
+export { PARTICLE_PRESETS, PRESETS };
 
 //# sourceMappingURL=presets.js.map