Recording positon tests

Author: photonstorm

src/input/Pointer.js

@@ -6,6 +6,8 @@
 
 var Class = require('../utils/Class');
 var Distance = require('../math/distance/DistanceBetween');
+var Linear = require('../math/Linear');
+var FuzzyEqual = require('../math/fuzzy/Equal');
 var SmoothStepInterpolation = require('../math/interpolation/SmoothStepInterpolation');
 var Vector2 = require('../math/Vector2');
 
@@ -117,8 +119,8 @@ var Pointer = new Class({
          * @name Phaser.Input.Pointer#prevPosition
          * @type {Phaser.Math.Vector2}
          * @since 3.11.0
-         */
         this.prevPosition = new Vector2();
+         */
 
         /**
          * The current velocity of the Pointer, based on its previous and current position.
@@ -185,6 +187,16 @@ var Pointer = new Class({
          */
         this.worldY = 0;
 
+        /**
+         * Time when this Pointer was most recently moved (regardless of the state of its buttons, if any)
+         *
+         * @name Phaser.Input.Pointer#moveTime
+         * @type {number}
+         * @default 0
+         * @since 3.0.0
+         */
+        this.moveTime = 0;
+
         /**
          * X coordinate of the Pointer when Button 1 (left button), or Touch, was pressed, used for dragging objects.
          *
@@ -389,6 +401,8 @@ var Pointer = new Class({
          * @since 3.10.0
          */
         this.active = (id === 0) ? true : false;
+
+        this.history = [];
     },
 
     /**
@@ -428,6 +442,60 @@ var Pointer = new Class({
         this.movementY = 0;
     },
 
+    recordPosition: function (time)
+    {
+        var history = this.history;
+
+        var msSinceLastMove = time - this.moveTime;
+
+        if (msSinceLastMove > 50)
+        {
+            //  Use acceleration instead of velocity
+        }
+
+        history.push({ x: this.x, y: this.y });
+
+        if (history.length > 1)
+        {
+            history.unshift();
+        }
+
+        //  Average out the positions to get the delta and angle
+        var x = 0;
+        var y = 0;
+
+        for (var i = 0; i < history.length; i++)
+        {
+            x += history[i].x;
+            y += history[i].y;
+        }
+
+        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);
+
+        //  Or
+        this.velocity.x *= 0.9;
+        this.velocity.y *= 0.9;
+
+        if (FuzzyEqual(this.velocity.x, 0, 0.1))
+        {
+            this.velocity.x = 0;
+        }
+
+        if (FuzzyEqual(this.velocity.y, 0, 0.1))
+        {
+            this.velocity.y = 0;
+        }
+    },
+
     /**
      * Internal method to handle a Mouse Up Event.
      *
@@ -516,7 +584,7 @@ var Pointer = new Class({
      * @param {MouseEvent} event - The Mouse Event to process.
      * @param {integer} time - The current timestamp as generated by the Request Animation Frame or SetTimeout.
      */
-    move: function (event)
+    move: function (event, time)
     {
         if (event.buttons)
         {
@@ -528,15 +596,21 @@ var Pointer = new Class({
         //  Sets the local x/y properties
         this.manager.transformPointer(this, event.pageX, event.pageY, true);
 
-        var x1 = this.position.x;
-        var y1 = this.position.y;
+        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;
+        // 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);
+        // this.velocity.x = x1 - x2;
+        // this.velocity.y = y1 - y2;
+        // this.angle = Math.atan2(y2 - y1, x2 - x1);
 
         if (this.manager.mouse.locked)
         {