(function(){ var canvas = document.getElementById('esld-particles'); if(!canvas) return; var ctx = canvas.getContext('2d'); var nodes = [], W, H; var NODE_COUNT = 38; var CONNECT_DIST = 160; function resize(){ var hero = canvas.parentElement.parentElement; W = canvas.width = hero.offsetWidth; H = canvas.height = hero.offsetHeight; } function rand(a,b){ return a + Math.random()*(b-a); } function createNode(){ return { x: rand(0, W), y: rand(0, H), vx: rand(-0.12, 0.12), vy: rand(-0.10, 0.10), r: rand(1.5, 3.2), red: Math.random() > 0.68, pulse: rand(0, Math.PI*2), // phase for size pulsing pulseSpeed: rand(0.018, 0.045) }; } resize(); for(var i=0; iW+10) n.x=-10; if(n.y<-10) n.y=H+10; if(n.y>H+10) n.y=-10; }); // Energy packets maybeSpawnPacket(); packets = packets.filter(function(p){ drawPacket(p); p.t += p.speed; // keep packet start/end synced with moving nodes (approximate — fixed at spawn) return p.t < 1.05; }); requestAnimationFrame(animate); } window.addEventListener('resize', function(){ resize(); nodes.forEach(function(n){ n.x=rand(0,W); n.y=rand(0,H); }); }); animate(); })();