Added midPoint and updateMotion calculations

Author: photonstorm

src/input/Pointer.js

@@ -119,8 +119,18 @@ var Pointer = new Class({
          * @name Phaser.Input.Pointer#prevPosition
          * @type {Phaser.Math.Vector2}
          * @since 3.11.0
+         */
         this.prevPosition = new Vector2();
+
+        /**
+         * An internal vector used for calculations of the pointer speed and angle.
+         *
+         * @name Phaser.Input.Pointer#midPoint
+         * @type {Phaser.Math.Vector2}
+         * @private
+         * @since 3.16.0
          */
+        this.midPoint = new Vector2();
 
         /**
          * The current velocity of the Pointer, based on its previous and current position.
@@ -156,13 +166,12 @@ var Pointer = new Class({
          * 
          * The default value of zero means 'no smoothing'.
          * Set to a small value, such as 0.2, to apply an average level of smoothing between positions.
-         * Values above 1 will introduce excess jitter into the positions.
          * 
          * Positions are only smoothed when the pointer moves. Up and Down positions are always precise.
          *
          * @name Phaser.Input.Pointer#smoothFactor
          * @type {number}
-         * @default 0
+         * @default 1
          * @since 3.16.0
          */
         this.smoothFactor = 0;
@@ -424,7 +433,7 @@ var Pointer = new Class({
 
     /**
      * Resets the temporal properties of this Pointer.
-     * Called automatically by the Input Plugin each update.
+     * This method is called automatically each frame by the Input Manager.
      *
      * @method Phaser.Input.Pointer#reset
      * @private
@@ -442,58 +451,41 @@ var Pointer = new Class({
         this.movementY = 0;
     },
 
-    recordPosition: function (time)
+    /**
+     * Calculates the motion of this Pointer, including its velocity and angle of movement.
+     * This method is called automatically each frame by the Input Manager.
+     *
+     * @method Phaser.Input.Pointer#updateMotion
+     * @private
+     * @since 3.16.0
+     */
+    updateMotion: function ()
     {
-        var history = this.history;
+        var px = this.midPoint.x;
+        var py = this.midPoint.y;
 
-        var msSinceLastMove = time - this.moveTime;
+        var cx = this.position.x;
+        var cy = this.position.y;
 
-        if (msSinceLastMove > 50)
-        {
-            //  Use acceleration instead of velocity
-        }
+        //  Moving towards our goal ...
+        var vx = SmoothStepInterpolation(0.2, px, cx);
+        var vy = SmoothStepInterpolation(0.2, py, cy);
 
-        history.push({ x: this.x, y: this.y });
-
-        if (history.length > 1)
+        if (FuzzyEqual(vx, cx, 0.1))
         {
-            history.unshift();
+            vx = cx;
         }
 
-        //  Average out the positions to get the delta and angle
-        var x = 0;
-        var y = 0;
-
-        for (var i = 0; i < history.length; i++)
+        if (FuzzyEqual(vy, cy, 0.1))
         {
-            x += history[i].x;
-            y += history[i].y;
+            vy = cy;
         }
 
-        this.velocity.x = this.x - (x / history.length);
-        this.velocity.y = this.y - (y / history.length);
-
-        this.moveTime = time;
-    },
-
-    updateMotion: function ()
-    {
-        // this.velocity.x = Linear(this.velocity.x, 0, 0.1);
-        // this.velocity.y = Linear(this.velocity.y, 0, 0.1);
+        this.midPoint.set(vx, vy);
 
-        //  Or
-        this.velocity.x *= 0.9;
-        this.velocity.y *= 0.9;
+        this.velocity.set(cx - vx, cy - vy);
 
-        if (FuzzyEqual(this.velocity.x, 0, 0.1))
-        {
-            this.velocity.x = 0;
-        }
-
-        if (FuzzyEqual(this.velocity.y, 0, 0.1))
-        {
-            this.velocity.y = 0;
-        }
+        this.angle = Math.atan2(cy - vy, cx - vx);
     },
 
     /**
@@ -596,22 +588,6 @@ var Pointer = new Class({
         //  Sets the local x/y properties
         this.manager.transformPointer(this, event.pageX, event.pageY, true);
 
-        this.recordPosition(time);
-
-        // this.velocity.x = event._deltaX;
-        // this.velocity.y = event._deltaY;
-        // this.angle = event._angle;
-
-        // var x1 = this.position.x;
-        // var y1 = this.position.y;
-
-        // var x2 = this.prevPosition.x;
-        // var y2 = this.prevPosition.y;
-
-        // this.velocity.x = x1 - x2;
-        // this.velocity.y = y1 - y2;
-        // this.angle = Math.atan2(y2 - y1, x2 - x1);
-
         if (this.manager.mouse.locked)
         {
             // Multiple DOM events may occur within one frame, but only one Phaser event will fire
@@ -621,6 +597,8 @@ var Pointer = new Class({
 
         this.justMoved = true;
 
+        this.moveTime = time;
+
         this.dirty = true;
 
         this.wasTouch = false;
@@ -678,7 +656,7 @@ var Pointer = new Class({
      * @param {TouchEvent} event - The Touch Event to process.
      * @param {integer} time - The current timestamp as generated by the Request Animation Frame or SetTimeout.
      */
-    touchmove: function (event)
+    touchmove: function (event, time)
     {
         this.event = event;
 
@@ -687,6 +665,8 @@ var Pointer = new Class({
 
         this.justMoved = true;
 
+        this.moveTime = time;
+
         this.dirty = true;
 
         this.wasTouch = true;