feat: adds delay option to ghost cursor effect

joshenx · Aug 26, 2023 · ea76497 · ea76497
1 parent 2a4d6f7
commit ea76497
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/ghostCursor.js b/src/ghostCursor.js
@@ -2,6 +2,10 @@ export function ghostCursor(options) {
   let hasWrapperEl = options && options.element;
   let element = hasWrapperEl || document.body;
 
+  let randomDelay = options && options.randomDelay;
+  let minDelay = options && options.minDelay || 5;
+  let maxDelay = options && options.maxDelay || 50;
+
   let width = window.innerWidth;
   let height = window.innerHeight;
   let cursor = { x: width / 2, y: width / 2 };
@@ -85,7 +89,17 @@ export function ghostCursor(options) {
     }
   }
 
+  let getDelay = () => Math.floor(Math.random() * (maxDelay - minDelay + 1)) + minDelay;
+  let lastTimeParticleAdded = Date.now(),
+      interval = getDelay();
+
   function onMouseMove(e) {
+    if (randomDelay) {
+      if (lastTimeParticleAdded + interval > Date.now()) return;
+      lastTimeParticleAdded = Date.now();
+      interval = getDelay();
+    }
+
     if (hasWrapperEl) {
       const boundingRect = element.getBoundingClientRect();
       cursor.x = e.clientX - boundingRect.left;