From 3db257dab76e588fb8477affbbe3c749cb916fff Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Thu, 4 Jan 2024 23:25:07 +0800
Subject: added comments

---
 src/js/mouseblob.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/js/mouseblob.js b/src/js/mouseblob.js
index 019a2ffa..db755edd 100644
--- a/src/js/mouseblob.js
+++ b/src/js/mouseblob.js
@@ -28,23 +28,27 @@
 // }
 
 window.onpointermove = event => {
-        // The event object gives us the x and y coordinates of the mouse pointer
         const { pageX, pageY } = event;
 
+        // Get Initial Momentum
         const momentumX = pageX + pageX - blob.offsetLeft;
         const momentumY = pageY + pageY - blob.offsetTop;
 
+        // Move to momentem offseted position
+
         blob.animate({
             left: `${momentumX}px`,
             top: `${momentumY}px`
         }, { duration: 1500, fill: "forwards" });
+
+        // Move/Bounce back to initial mouse after momentum
     
         blob.animate({
             left: `${pageX}px`,
             top: `${pageY}px`
         }, { duration: 1000, fill: "forwards" });
 
-        // We can then use these coordinates to position the blob
+        // Set Default Initial position for blob / fix safari as the animate don't presist(it don't care about fill forwards)
         blob.style.left = `${pageX}px`;
         blob.style.top = `${pageY}px`;
 }
-- 
cgit v1.2.3