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);
+ }
  }
  };