MagicSite

Author: WizardLoop

index.html

@@ -224,6 +224,19 @@ <h1 class="hero-title">Wizard Loop</h1>
     let width = window.innerWidth;
     let height = window.innerHeight;
     let particles = [];
+    // Mouse/finger tracking for particle repulsion
+    let mouse = { x: width / 2, y: height / 2 };
+    function handleMove(e) {
+      if (e.touches && e.touches.length) {
+        mouse.x = e.touches[0].clientX;
+        mouse.y = e.touches[0].clientY;
+      } else {
+        mouse.x = e.clientX;
+        mouse.y = e.clientY;
+      }
+    }
+    window.addEventListener('mousemove', handleMove);
+    window.addEventListener('touchmove', handleMove);
     function resize() {
       width = window.innerWidth;
       height = window.innerHeight;
@@ -281,6 +294,16 @@ <h1 class="hero-title">Wizard Loop</h1>
         p.y += p.dy;
         if (p.x < 0 || p.x > width) p.dx *= -1;
         if (p.y < 0 || p.y > height) p.dy *= -1;
+        // Repel from mouse/finger
+        let dist = Math.hypot(p.x - mouse.x, p.y - mouse.y);
+        if (dist < 120) {
+          let angle = Math.atan2(p.y - mouse.y, p.x - mouse.x);
+          p.dx += Math.cos(angle) * 0.3;
+          p.dy += Math.sin(angle) * 0.3;
+        }
+        // Limit speed
+        p.dx = Math.max(Math.min(p.dx, 2), -2);
+        p.dy = Math.max(Math.min(p.dy, 2), -2);
       }
     }
     function animate() {