Merge pull request #437 from c-frame/moved-event

[movement-controls] Emit a moved event on each tick when you are moving

src/controls/README.md

@@ -99,6 +99,11 @@ With physics-based movement.
 | constrainToNavMesh | false    | Whether to use navigation system to clamp movement. |
 | camera             | [camera] | Camera element used for heading of the camera rig.  |
 
+
+## Events
+
+- The `movement-controls` component emits a `moved` event on the entity with evt.detail.velocity (vec3).
+
 ## Customizing movement-controls
 
 To implement your custom controls, define a component and override one or more methods:

src/controls/movement-controls.js

@@ -4,9 +4,10 @@
  * @author Don McCurdy <dm@donmccurdy.com>
  */
 
-const COMPONENT_SUFFIX = '-controls',
-    MAX_DELTA = 0.2, // ms
-    EPS = 10e-6;
+const COMPONENT_SUFFIX = '-controls';
+const MAX_DELTA = 0.2; // ms
+const EPS = 10e-6;
+const MOVED = 'moved';
 
 module.exports = AFRAME.registerComponent('movement-controls', {
 
@@ -32,12 +33,13 @@ module.exports = AFRAME.registerComponent('movement-controls', {
   init: function () {
     const el = this.el;
     if (!this.data.camera) {
-      this.data.camera = el.querySelector('[camera]')
+      this.data.camera = el.querySelector('[camera]');
     }
     this.velocityCtrl = null;
 
     this.velocity = new THREE.Vector3();
     this.heading = new THREE.Quaternion();
+    this.eventDetail = {};
 
     // Navigation
     this.navGroup = null;
@@ -208,6 +210,10 @@ module.exports = AFRAME.registerComponent('movement-controls', {
           velocity.y = 0;
           velocity.z = vector2.y;
         }
+        if (velocity.x !== 0 || velocity.y !== 0 || velocity.z !== 0) {
+          this.eventDetail.velocity = velocity;
+          this.el.emit(MOVED, this.eventDetail);
+        }
       }
     };