// NextXus Federation — Cognitive Circuitry License // Animation: The 3D Neural Constellation // License: Token Bundle (https://keywebster.gumroad.com/l/olhsf) // Own the marrow. (function () { "use strict"; var canvas = document.getElementById("canvas-delta"); var ctx = canvas.getContext("2d"); var stage = canvas.parentElement; var reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches; var COUNT = 135, MAXZ = 1000, FOCAL = 300, LINK2D = 100, SPEED = 1.4; var stars = [], running = false, rafId = null; function makeStar(deep) { return { x: (Math.random() - 0.5) * 1600, y: (Math.random() - 0.5) * 1000, z: deep ? MAXZ : 1 + Math.random() * MAXZ }; } function resize() { canvas.width = stage.clientWidth; canvas.height = stage.clientHeight; } function seed() { stars = []; for (var i = 0; i < COUNT; i++) stars.push(makeStar(false)); } function draw() { var w = canvas.width, h = canvas.height, i, j; ctx.fillStyle = "#0a0a0f"; ctx.fillRect(0, 0, w, h); var pts = []; for (i = 0; i < stars.length; i++) { var k = FOCAL / stars[i].z; pts.push({ x: w / 2 + stars[i].x * k, y: h / 2 + stars[i].y * k, k: k, t: 1 - stars[i].z / MAXZ }); } // SCREEN-SPACE constellations: temporary luminous gold links. ctx.lineWidth = 0.7; for (i = 0; i < pts.length; i++) { if (pts[i].x < 0 || pts[i].x > w || pts[i].y < 0 || pts[i].y > h) continue; for (j = i + 1; j < pts.length; j++) { var dx = pts[i].x - pts[j].x, dy = pts[i].y - pts[j].y; var d = Math.sqrt(dx * dx + dy * dy); if (d < LINK2D) { ctx.strokeStyle = "rgba(255,215,0," + ((1 - d / LINK2D) * 0.32 * Math.min(pts[i].t, pts[j].t) + 0.02).toFixed(3) + ")"; ctx.beginPath(); ctx.moveTo(pts[i].x, pts[i].y); ctx.lineTo(pts[j].x, pts[j].y); ctx.stroke(); } } } for (i = 0; i < pts.length; i++) { var t = pts[i].t; var g = Math.round(255 - 40 * t), b = Math.round(255 * (1 - t)); ctx.fillStyle = "rgba(255," + g + "," + b + "," + (0.25 + 0.75 * t).toFixed(3) + ")"; var r = Math.min(4, 0.4 + 1.3 * pts[i].k); ctx.beginPath(); ctx.arc(pts[i].x, pts[i].y, r, 0, Math.PI * 2); ctx.fill(); } } function step() { for (var i = 0; i < stars.length; i++) { stars[i].z -= SPEED; if (stars[i].z <= 1) stars[i] = makeStar(true); } } function loop() { if (!running) return; step(); draw(); rafId = requestAnimationFrame(loop); } function start() { if (running || reduced) return; running = true; rafId = requestAnimationFrame(loop); } function stop() { running = false; if (rafId) cancelAnimationFrame(rafId); } window.addEventListener("resize", function () { resize(); seed(); draw(); }); resize(); seed(); draw(); if (!reduced) { if ("IntersectionObserver" in window) { new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) start(); else stop(); }); }).observe(canvas); } else { start(); } } })();