Reverse text when mouse moves backwards

1 files changed, 5 insertions, 2 deletions

diff --git a/public/trail.js b/public/trail.js
index 6cafc7d..97b6d3d 100644
--- a/public/trail.js
+++ b/public/trail.js
@@ -39,16 +39,19 @@ window.addEventListener("mousemove", (event) => {
   }
   lastY = y;
   lastX = x;
-  placeText(x+"px",y+"px", "e");
+  placeText(x+"px",y+"px", x < lastX);
 });
 
-function placeText(x, y) {
+function placeText(x, y, reversed) {
   const char = mouseText[curChar++ % mouseText.length];
   const el = document.createElement("div");
   el.className = "chr";
   el.style.left = x;
   el.style.top = y;
   el.innerText = char;
+  if (reversed) {
+    el.style.transform = "scaleX(-1)";
+  }
   window.setTimeout(() => {
     el.remove();
   }, 2000);