@dano796/react-reart 0.1.0

package/dist/components/engines/kochCrystal.js

@@ -0,0 +1,177 @@
+/**
+ * Koch Crystal engine — Koch snowflake fractal background.
+ *
+ * L-System:
+ *   Axiom: F++F++F  (equilateral triangle)
+ *   Rule:  F → F-F++F-F
+ *   Angle: 60°
+ *
+ * Net triangle side stays constant at ~60% of min(width, height) across all
+ * depths (step = side / 3^depth), so the snowflake always fits the canvas.
+ * After drawing completes the canvas fades and a new generation starts with
+ * the snowflake rotated 10° for visual variety.
+ */
+import { SeededRandom, hexToRgb, lerp, rgba } from "../utils/noise";
+export const kochCrystalDefaults = {
+    seed: 1234,
+    maxDepth: 4,
+    noiseAmt: 0.04,
+    growSpeed: 60,
+    glowIntensity: 0.8,
+    bgColor: "#030819",
+    innerColor: "#122898",
+    outerColor: "#6a9bcc",
+    glowColor: "#c4e0ff",
+};
+const HOLD_FRAMES = 180;
+const FADE_FRAMES = 80;
+// ── L-System ──────────────────────────────────────────────────────────────────
+function expandKoch(depth) {
+    let s = "F++F++F";
+    for (let i = 0; i < depth; i++) {
+        let next = "";
+        for (const ch of s) {
+            if (ch === "F")
+                next += "F-F++F-F";
+            else
+                next += ch;
+        }
+        s = next;
+        if (s.length > 200000)
+            break;
+    }
+    return s;
+}
+function interpretKoch(lstr, sx, sy, startAngleDeg, step, noiseAmt, rng) {
+    const segs = [];
+    let x = sx, y = sy, a = startAngleDeg;
+    for (const ch of lstr) {
+        if (ch === "F") {
+            // Slight noise warp for organic feel
+            const na = a + (rng.random() - 0.5) * noiseAmt * 60 * 2;
+            const nx = x + step * Math.cos((na * Math.PI) / 180);
+            const ny = y + step * Math.sin((na * Math.PI) / 180);
+            segs.push({ x1: x, y1: y, x2: nx, y2: ny, idx: segs.length });
+            x = nx;
+            y = ny;
+        }
+        else if (ch === "+") {
+            a += 60;
+        }
+        else if (ch === "-") {
+            a -= 60;
+        }
+    }
+    return segs;
+}
+function buildSnowflake(width, height, p, rotOffset) {
+    const rng = new SeededRandom(p.seed);
+    const lstr = expandKoch(p.maxDepth);
+    // Net triangle side S stays fixed: step = S / 3^depth
+    const S = Math.min(width, height) * 0.58;
+    const step = S / Math.pow(3, p.maxDepth);
+    // Place triangle so its centroid lands at canvas center.
+    // Triangle verts (starting east, downward-pointing in canvas coords):
+    //   V1=(sx, sy), V2=(sx+S, sy), V3=(sx+S/2, sy + S*√3/2)
+    //   Centroid: (sx+S/2, sy + S*√3/6)  → sy = cy - S*√3/6
+    const sx = width / 2 - S / 2;
+    const sy = height / 2 - S * 0.2887; // √3/6 ≈ 0.2887
+    return interpretKoch(lstr, sx, sy, rotOffset, step, p.noiseAmt, rng);
+}
+// ── Public API ────────────────────────────────────────────────────────────────
+export function initKochCrystal(width, height, params = {}) {
+    const p = { ...kochCrystalDefaults, ...params };
+    const segs = buildSnowflake(width, height, p, 0);
+    return {
+        segs,
+        drawIdx: 0,
+        phase: "drawing",
+        holdFrames: HOLD_FRAMES,
+        fadeAlpha: 0,
+        genRot: 0,
+        width,
+        height,
+    };
+}
+export function drawKochCrystal(ctx, state, params = {}) {
+    const p = { ...kochCrystalDefaults, ...params };
+    const { segs, width, height } = state;
+    if (state.phase === "drawing") {
+        const innerC = hexToRgb(p.innerColor);
+        const outerC = hexToRgb(p.outerColor);
+        const glowC = hexToRgb(p.glowColor);
+        const total = segs.length;
+        const gi = p.glowIntensity;
+        const end = Math.min(state.drawIdx + p.growSpeed, total);
+        ctx.lineCap = "round";
+        for (let i = state.drawIdx; i < end; i++) {
+            const seg = segs[i];
+            const t = total > 1 ? seg.idx / (total - 1) : 0;
+            const r = lerp(innerC.r, outerC.r, t);
+            const g = lerp(innerC.g, outerC.g, t);
+            const b = lerp(innerC.b, outerC.b, t);
+            const sw = Math.max(0.4, lerp(2.2, 0.55, t));
+            if (gi > 0) {
+                // Outer diffuse halo (uses glowColor for cooler tint)
+                ctx.strokeStyle = rgba(glowC.r, glowC.g, glowC.b, Math.round(9 * gi));
+                ctx.lineWidth = sw * 9;
+                ctx.beginPath();
+                ctx.moveTo(seg.x1, seg.y1);
+                ctx.lineTo(seg.x2, seg.y2);
+                ctx.stroke();
+                // Mid glow in segment color
+                ctx.strokeStyle = rgba(r, g, b, Math.round(38 * gi));
+                ctx.lineWidth = sw * 3.2;
+                ctx.beginPath();
+                ctx.moveTo(seg.x1, seg.y1);
+                ctx.lineTo(seg.x2, seg.y2);
+                ctx.stroke();
+            }
+            ctx.strokeStyle = rgba(r, g, b, 218);
+            ctx.lineWidth = sw;
+            ctx.beginPath();
+            ctx.moveTo(seg.x1, seg.y1);
+            ctx.lineTo(seg.x2, seg.y2);
+            ctx.stroke();
+        }
+        state.drawIdx = end;
+        if (state.drawIdx >= segs.length) {
+            state.phase = "holding";
+            state.holdFrames = HOLD_FRAMES;
+        }
+    }
+    else if (state.phase === "holding") {
+        state.holdFrames--;
+        if (state.holdFrames <= 0) {
+            state.phase = "fading";
+            state.fadeAlpha = 0;
+        }
+    }
+    else if (state.phase === "fading") {
+        state.fadeAlpha += 255 / FADE_FRAMES;
+        const bg = hexToRgb(p.bgColor);
+        ctx.fillStyle = rgba(bg.r, bg.g, bg.b, Math.min(255, Math.round(state.fadeAlpha)));
+        ctx.fillRect(0, 0, width, height);
+        if (state.fadeAlpha >= 255) {
+            state.phase = "resetting";
+        }
+    }
+    else if (state.phase === "resetting") {
+        // Rotate 10° each generation so the snowflake slowly pirouettes
+        state.genRot = (state.genRot + 10) % 360;
+        state.segs = buildSnowflake(width, height, p, state.genRot);
+        state.drawIdx = 0;
+        state.phase = "drawing";
+        const bg = hexToRgb(p.bgColor);
+        ctx.fillStyle = `rgb(${bg.r},${bg.g},${bg.b})`;
+        ctx.fillRect(0, 0, width, height);
+    }
+}
+export function resetKochCrystal(ctx, state, params = {}) {
+    const p = { ...kochCrystalDefaults, ...params };
+    const bg = hexToRgb(p.bgColor);
+    ctx.fillStyle = `rgb(${bg.r},${bg.g},${bg.b})`;
+    ctx.fillRect(0, 0, state.width, state.height);
+    return initKochCrystal(state.width, state.height, p);
+}
+//# sourceMappingURL=kochCrystal.js.map

package/dist/components/engines/kochCrystal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kochCrystal.js","sourceRoot":"","sources":["../../../src/components/engines/kochCrystal.ts"],"names":[],"mappings":"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"}

package/dist/components/engines/lissajousWeave.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Lissajous Weave Engine
+ * Harmonic phase tapestry with multiple frequency ratios
+ */
+import { SeededRandom } from "../utils/noise";
+export interface LissajousWeaveParams {
+    seed: number;
+    curveCount: number;
+    freqMax: number;
+    radius: number;
+    phaseSpeed: number;
+    bgColor: string;
+    colorA: string;
+    colorB: string;
+    colorC: string;
+}
+interface FreqPair {
+    a: number;
+    b: number;
+}
+export interface LissajousWeaveState {
+    activePairs: FreqPair[];
+    palette: Array<{
+        r: number;
+        g: number;
+        b: number;
+    }>;
+    rng: SeededRandom;
+    frameCount: number;
+    width: number;
+    height: number;
+    needsClear?: boolean;
+}
+export declare function initLissajousWeave(width: number, height: number, params: LissajousWeaveParams): LissajousWeaveState;
+export declare function drawLissajousWeave(ctx: CanvasRenderingContext2D, state: LissajousWeaveState, params: LissajousWeaveParams): void;
+export declare function resetLissajousWeave(state: LissajousWeaveState, params: LissajousWeaveParams): void;
+export {};
+//# sourceMappingURL=lissajousWeave.d.ts.map

package/dist/components/engines/lissajousWeave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lissajousWeave.d.ts","sourceRoot":"","sources":["../../../src/components/engines/lissajousWeave.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,GAAG,EAAE,YAAY,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,oBAAoB,GAC3B,mBAAmB,CA6BrB;AAED,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,mBAAmB,EAC1B,MAAM,EAAE,oBAAoB,GAC3B,IAAI,CAoDN;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,mBAAmB,EAC1B,MAAM,EAAE,oBAAoB,GAC3B,IAAI,CAON"}

package/dist/components/engines/lissajousWeave.js

@@ -0,0 +1,83 @@
+/**
+ * Lissajous Weave Engine
+ * Harmonic phase tapestry with multiple frequency ratios
+ */
+import { SeededRandom, hexToRgb, rgba } from "../utils/noise";
+export function initLissajousWeave(width, height, params) {
+    const rng = new SeededRandom(params.seed);
+    // Build all possible frequency pairs
+    const all = [];
+    for (let a = 1; a <= params.freqMax; a++) {
+        for (let b = 1; b <= params.freqMax; b++) {
+            all.push({ a, b });
+        }
+    }
+    // Shuffle and select
+    all.sort(() => rng.random() - 0.5);
+    const activePairs = all.slice(0, Math.min(params.curveCount, all.length));
+    const palette = [
+        hexToRgb(params.colorA),
+        hexToRgb(params.colorB),
+        hexToRgb(params.colorC),
+    ];
+    return {
+        activePairs,
+        palette,
+        rng,
+        frameCount: 0,
+        width,
+        height,
+    };
+}
+export function drawLissajousWeave(ctx, state, params) {
+    const { activePairs, palette, frameCount, width, height } = state;
+    const bg = hexToRgb(params.bgColor);
+    // Clear canvas completely if needed (on reset)
+    if (state.needsClear) {
+        ctx.fillStyle = rgba(bg.r, bg.g, bg.b, 255);
+        ctx.fillRect(0, 0, width, height);
+        state.needsClear = false;
+    }
+    // Fade background
+    ctx.fillStyle = rgba(bg.r, bg.g, bg.b, 18);
+    ctx.fillRect(0, 0, width, height);
+    const cx = width / 2;
+    const cy = height / 2;
+    const phase = frameCount * params.phaseSpeed * 0.009;
+    // Draw each Lissajous curve
+    for (let i = 0; i < activePairs.length; i++) {
+        const { a, b } = activePairs[i];
+        const delta = phase + (i / activePairs.length) * Math.PI * 2;
+        const col = palette[i % palette.length];
+        const alpha = 200 - (i / activePairs.length) * 130; // 200 to 70
+        const weight = 1.6 - (i / activePairs.length) * 1.1; // 1.6 to 0.5
+        ctx.strokeStyle = rgba(col.r, col.g, col.b, alpha);
+        ctx.lineWidth = weight;
+        ctx.beginPath();
+        const totalSteps = 700 * Math.max(a, b);
+        let firstPoint = true;
+        for (let k = 0; k <= totalSteps; k++) {
+            const t = (k / totalSteps) * Math.PI * 2;
+            const x = cx + params.radius * Math.sin(a * t + delta);
+            const y = cy + params.radius * Math.sin(b * t);
+            if (firstPoint) {
+                ctx.moveTo(x, y);
+                firstPoint = false;
+            }
+            else {
+                ctx.lineTo(x, y);
+            }
+        }
+        ctx.stroke();
+    }
+    state.frameCount++;
+}
+export function resetLissajousWeave(state, params) {
+    const newState = initLissajousWeave(state.width, state.height, params);
+    state.activePairs = newState.activePairs;
+    state.palette = newState.palette;
+    state.rng = newState.rng;
+    state.frameCount = 0;
+    state.needsClear = true;
+}
+//# sourceMappingURL=lissajousWeave.js.map

package/dist/components/engines/lissajousWeave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lissajousWeave.js","sourceRoot":"","sources":["../../../src/components/engines/lissajousWeave.ts"],"names":[],"mappings":"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"}

package/dist/components/engines/moireLattice.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Moire Lattice Engine
+ * Rotating line grids creating interference patterns
+ */
+import { PerlinNoise, SeededRandom } from "../utils/noise";
+export interface MoireLatticeParams {
+    seed: number;
+    gridCount: number;
+    lineSpacing: number;
+    lineWeight: number;
+    lineAlpha: number;
+    rotSpeed: number;
+    bgColor: string;
+    colorA: string;
+    colorB: string;
+    colorC: string;
+}
+export interface MoireLatticeState {
+    rng: SeededRandom;
+    noise: PerlinNoise;
+    time: number;
+    width: number;
+    height: number;
+}
+export declare function initMoireLattice(width: number, height: number, params: MoireLatticeParams): MoireLatticeState;
+export declare function drawMoireLattice(ctx: CanvasRenderingContext2D, state: MoireLatticeState, params: MoireLatticeParams): void;
+export declare function resetMoireLattice(state: MoireLatticeState, params: MoireLatticeParams): void;
+//# sourceMappingURL=moireLattice.d.ts.map

package/dist/components/engines/moireLattice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moireLattice.d.ts","sourceRoot":"","sources":["../../../src/components/engines/moireLattice.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,YAAY,CAAC;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,kBAAkB,GACzB,iBAAiB,CAInB;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,kBAAkB,GACzB,IAAI,CAsCN;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,kBAAkB,GACzB,IAAI,CAKN"}

package/dist/components/engines/moireLattice.js

@@ -0,0 +1,47 @@
+/**
+ * Moire Lattice Engine
+ * Rotating line grids creating interference patterns
+ */
+import { PerlinNoise, SeededRandom, hexToRgb, rgba } from "../utils/noise";
+export function initMoireLattice(width, height, params) {
+    const rng = new SeededRandom(params.seed);
+    const noise = new PerlinNoise(params.seed);
+    return { rng, noise, time: 0, width, height };
+}
+export function drawMoireLattice(ctx, state, params) {
+    const { width, height } = state;
+    // Clear background
+    const bg = hexToRgb(params.bgColor);
+    ctx.fillStyle = `rgb(${bg.r},${bg.g},${bg.b})`;
+    ctx.fillRect(0, 0, width, height);
+    const palette = [hexToRgb(params.colorA), hexToRgb(params.colorB), hexToRgb(params.colorC)];
+    const diag = Math.sqrt(width ** 2 + height ** 2);
+    const t = state.time * params.rotSpeed * 0.0008;
+    ctx.save();
+    ctx.translate(width / 2, height / 2);
+    for (let g = 0; g < params.gridCount; g++) {
+        const angle = (g / params.gridCount) * Math.PI + t * (1 + g * 0.41);
+        const col = palette[g % palette.length];
+        ctx.strokeStyle = rgba(col.r, col.g, col.b, params.lineAlpha);
+        ctx.lineWidth = params.lineWeight;
+        ctx.save();
+        ctx.rotate(angle);
+        const num = Math.ceil(diag / params.lineSpacing) + 2;
+        for (let i = -num; i <= num; i++) {
+            ctx.beginPath();
+            ctx.moveTo(-diag, i * params.lineSpacing);
+            ctx.lineTo(diag, i * params.lineSpacing);
+            ctx.stroke();
+        }
+        ctx.restore();
+    }
+    ctx.restore();
+    state.time++;
+}
+export function resetMoireLattice(state, params) {
+    const newState = initMoireLattice(state.width, state.height, params);
+    state.rng = newState.rng;
+    state.noise = newState.noise;
+    state.time = 0;
+}
+//# sourceMappingURL=moireLattice.js.map

package/dist/components/engines/moireLattice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"moireLattice.js","sourceRoot":"","sources":["../../../src/components/engines/moireLattice.ts"],"names":[],"mappings":"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"}

package/dist/components/engines/nebulaVeil.d.ts

@@ -0,0 +1,38 @@
+/**
+ * NebulaVeil engine — OGL (WebGL wrapper) background.
+ *
+ * Renders three superimposed simplex noise planes at different frequencies
+ * that interfere to produce a volumetric, cloud-like nebula curtain.
+ * Unlike a single aurora sweep, NebulaVeil uses a radial gradient mapped
+ * through the interference pattern — the center of mass of the three noise
+ * planes determines luminosity, creating depth through layering rather than
+ * a horizontal band.
+ *
+ * Architecture: OGL Renderer + Program + Mesh (Triangle geometry).
+ * The Renderer is created inside init and stored in state. The React wrapper
+ * receives a container HTMLElement; OGL appends its canvas to it.
+ * No context is passed to draw/reset — the renderer is self-contained in state.
+ */
+import { Renderer, Program, Mesh } from "ogl";
+export interface NebulaVeilParams {
+    colorA?: string;
+    colorB?: string;
+    colorC?: string;
+    speed?: number;
+    amplitude?: number;
+    density?: number;
+    blend?: number;
+}
+export interface NebulaVeilState {
+    renderer: Renderer;
+    mesh: Mesh;
+    program: Program;
+    time: number;
+    width: number;
+    height: number;
+}
+export declare const nebulaVeilDefaults: Required<NebulaVeilParams>;
+export declare function initNebulaVeil(container: HTMLElement, width: number, height: number, params?: NebulaVeilParams): NebulaVeilState;
+export declare function drawNebulaVeil(state: NebulaVeilState, params?: NebulaVeilParams): void;
+export declare function resetNebulaVeil(state: NebulaVeilState, params?: NebulaVeilParams): NebulaVeilState;
+//# sourceMappingURL=nebulaVeil.d.ts.map

package/dist/components/engines/nebulaVeil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nebulaVeil.d.ts","sourceRoot":"","sources":["../../../src/components/engines/nebulaVeil.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAY,MAAM,KAAK,CAAC;AA+GxD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,gBAAgB,CAQzD,CAAC;AAIF,wBAAgB,cAAc,CAC5B,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,gBAAqB,GAC5B,eAAe,CAgCjB;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,eAAe,EACtB,MAAM,GAAE,gBAAqB,GAC5B,IAAI,CAcN;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,eAAe,EACtB,MAAM,GAAE,gBAAqB,GAC5B,eAAe,CAQjB"}

package/dist/components/engines/nebulaVeil.js

@@ -0,0 +1,177 @@
+/**
+ * NebulaVeil engine — OGL (WebGL wrapper) background.
+ *
+ * Renders three superimposed simplex noise planes at different frequencies
+ * that interfere to produce a volumetric, cloud-like nebula curtain.
+ * Unlike a single aurora sweep, NebulaVeil uses a radial gradient mapped
+ * through the interference pattern — the center of mass of the three noise
+ * planes determines luminosity, creating depth through layering rather than
+ * a horizontal band.
+ *
+ * Architecture: OGL Renderer + Program + Mesh (Triangle geometry).
+ * The Renderer is created inside init and stored in state. The React wrapper
+ * receives a container HTMLElement; OGL appends its canvas to it.
+ * No context is passed to draw/reset — the renderer is self-contained in state.
+ */
+import { Renderer, Program, Mesh, Triangle } from "ogl";
+// ─── Helpers ─────────────────────────────────────────────────────────────────
+function hexToArr(hex) {
+    const h = hex.replace("#", "");
+    return [
+        parseInt(h.slice(0, 2), 16) / 255,
+        parseInt(h.slice(2, 4), 16) / 255,
+        parseInt(h.slice(4, 6), 16) / 255,
+    ];
+}
+// ─── GLSL Sources ─────────────────────────────────────────────────────────────
+// OGL does NOT prepend "#version 300 es" — it compiles shader source as-is.
+// Use GLSL ES 1.00 syntax: "attribute" for vertex input, "gl_FragColor" for output.
+// GLSL ES 1.00 is backward-compatible with WebGL2 contexts.
+const VERT = /* glsl */ `
+attribute vec2 position;
+void main() {
+  gl_Position = vec4(position, 0.0, 1.0);
+}
+`;
+// Three-layer simplex-like value noise nebula shader.
+// Algorithm:
+//   Layer A — low frequency noise → large luminous cloud structures
+//   Layer B — medium frequency, phase-shifted in time → mid-scale wisps
+//   Layer C — high frequency, opposing phase → fine nebula texture
+//   Interference: sum the three layers, apply radial gradient for depth.
+//   Color: map the summed intensity through a three-stop palette.
+const FRAG = /* glsl */ `
+precision highp float;
+
+uniform float uTime;
+uniform vec2  uResolution;
+uniform vec3  uColorA;
+uniform vec3  uColorB;
+uniform vec3  uColorC;
+uniform float uAmplitude;
+uniform float uDensity;
+uniform float uBlend;
+
+// ---- Value noise ----
+float hash(vec2 p) {
+  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);
+}
+
+float noise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  vec2 u = f * f * (3.0 - 2.0 * f);
+  return mix(
+    mix(hash(i + vec2(0,0)), hash(i + vec2(1,0)), u.x),
+    mix(hash(i + vec2(0,1)), hash(i + vec2(1,1)), u.x),
+    u.y
+  );
+}
+
+// Two-octave fBm
+float fbm(vec2 p) {
+  return noise(p) * 0.6 + noise(p * 2.1 + vec2(5.2, 1.3)) * 0.3 + noise(p * 4.3 + vec2(2.7, 8.1)) * 0.1;
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / uResolution;
+  // Center-origin, aspect-corrected
+  vec2 centered = (uv - 0.5) * vec2(uResolution.x / uResolution.y, 1.0);
+
+  float d = uDensity;
+
+  // Layer A — large structures, slow drift
+  float layerA = fbm(centered * d + vec2(uTime * 0.07, uTime * 0.04));
+
+  // Layer B — medium wisps, different axis
+  float layerB = fbm(centered * d * 1.8 + vec2(-uTime * 0.05 + 3.1, uTime * 0.09 + 7.3));
+
+  // Layer C — fine texture, opposing motion
+  float layerC = fbm(centered * d * 3.2 + vec2(uTime * 0.03 + 9.7, -uTime * 0.06 + 4.1));
+
+  // Interference sum — weighted blend controlled by uBlend
+  float nebula = layerA * (1.0 - uBlend * 0.4)
+               + layerB * uBlend * 0.3
+               + layerC * (1.0 - uBlend) * 0.2;
+
+  nebula = clamp(nebula * uAmplitude, 0.0, 1.0);
+
+  // Radial vignette — attenuates at edges for depth illusion
+  float r = length(centered);
+  float vignette = 1.0 - smoothstep(0.35, 0.9, r);
+  nebula *= vignette;
+
+  // Three-stop color gradient through intensity
+  vec3 col;
+  if (nebula < 0.5) {
+    col = mix(uColorA, uColorB, nebula * 2.0);
+  } else {
+    col = mix(uColorB, uColorC, (nebula - 0.5) * 2.0);
+  }
+
+  // Dark background with nebula on top
+  vec3 bg = vec3(0.02, 0.02, 0.05);
+  col = mix(bg, col, nebula);
+
+  gl_FragColor = vec4(col, 1.0);
+}
+`;
+export const nebulaVeilDefaults = {
+    colorA: "#0a0a2e",
+    colorB: "#7b2fbe",
+    colorC: "#00d4ff",
+    speed: 1.0,
+    amplitude: 2.0,
+    density: 2.2,
+    blend: 0.6,
+};
+// ─── Engine functions ─────────────────────────────────────────────────────────
+export function initNebulaVeil(container, width, height, params = {}) {
+    const p = { ...nebulaVeilDefaults, ...params };
+    const renderer = new Renderer({ alpha: false, antialias: false });
+    const gl = renderer.gl;
+    renderer.setSize(width, height);
+    container.appendChild(gl.canvas);
+    const geometry = new Triangle(gl);
+    const caArr = hexToArr(p.colorA);
+    const cbArr = hexToArr(p.colorB);
+    const ccArr = hexToArr(p.colorC);
+    const program = new Program(gl, {
+        vertex: VERT,
+        fragment: FRAG,
+        uniforms: {
+            uTime: { value: 0 },
+            uResolution: { value: [width, height] },
+            uColorA: { value: caArr },
+            uColorB: { value: cbArr },
+            uColorC: { value: ccArr },
+            uAmplitude: { value: p.amplitude },
+            uDensity: { value: p.density },
+            uBlend: { value: p.blend },
+        },
+    });
+    const mesh = new Mesh(gl, { geometry, program });
+    return { renderer, mesh, program, time: 0, width, height };
+}
+export function drawNebulaVeil(state, params = {}) {
+    const p = { ...nebulaVeilDefaults, ...params };
+    state.time += 0.016 * p.speed;
+    state.program.uniforms.uTime.value = state.time;
+    state.program.uniforms.uAmplitude.value = p.amplitude;
+    state.program.uniforms.uDensity.value = p.density;
+    state.program.uniforms.uBlend.value = p.blend;
+    state.program.uniforms.uColorA.value = hexToArr(p.colorA);
+    state.program.uniforms.uColorB.value = hexToArr(p.colorB);
+    state.program.uniforms.uColorC.value = hexToArr(p.colorC);
+    state.renderer.render({ scene: state.mesh });
+}
+export function resetNebulaVeil(state, params = {}) {
+    const container = state.renderer.gl.canvas.parentElement;
+    // Release GPU context and remove the canvas OGL appended
+    state.renderer.gl.getExtension("WEBGL_lose_context")?.loseContext();
+    if (state.renderer.gl.canvas.parentNode === container) {
+        container.removeChild(state.renderer.gl.canvas);
+    }
+    return initNebulaVeil(container, state.width, state.height, params);
+}
+//# sourceMappingURL=nebulaVeil.js.map

package/dist/components/engines/nebulaVeil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nebulaVeil.js","sourceRoot":"","sources":["../../../src/components/engines/nebulaVeil.ts"],"names":[],"mappings":"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"}