Consistent movedX and movedY behaviour across zoom levels

Author: IIITM-Jay

src/events/mouse.js

@@ -819,21 +819,27 @@ p5.prototype.mouseIsPressed = false;
 
 p5.prototype._updateNextMouseCoords = function(e) {
   if (this._curElement !== null && (!e.touches || e.touches.length > 0)) {
+    this._updateMouseCoords();
+
     const mousePos = getMousePos(
       this._curElement.elt,
       this.width,
       this.height,
       e
     );
-    this._setProperty('movedX', e.movementX);
-    this._setProperty('movedY', e.movementY);
+
     this._setProperty('mouseX', mousePos.x);
     this._setProperty('mouseY', mousePos.y);
     this._setProperty('winMouseX', mousePos.winX);
     this._setProperty('winMouseY', mousePos.winY);
+
+    const deltaX = this.mouseX - this.pmouseX;
+    const deltaY = this.mouseY - this.pmouseY;
+    this._setProperty('movedX', deltaX);
+    this._setProperty('movedY', deltaY);
   }
+
   if (!this._hasMouseInteracted) {
-    // For first draw, make previous and next equal
     this._updateMouseCoords();
     this._setProperty('_hasMouseInteracted', true);
   }