Initial implementation of gestures/modifiers

Author: fernandojsg

examples/basic/index.html

@@ -75,7 +75,10 @@
       },
       'vive-controls': {
         gripdown: 'changeTask',
-        trackpaddown: 'logdefault'
+        trackpaddown: 'logdefault',
+        'trackpad.doubletouch': 'doubletouch',
+        'trackpad.doublepress': 'doublepress',
+        'trackpad.longpress': 'longpress'
       },
       'oculus-touch-controls': {
         abuttondown: 'changeTask'
@@ -129,7 +132,6 @@
       console.log(text);
       drawText(text);
     }
-
     mappingText.setAttribute('text', {value: 'Current mapping: ' + AFRAME.currentInputMapping});
 
     var keys = Object.keys(inputActions);
@@ -140,11 +142,10 @@
       logEvent(evt);
     });
 
-    scene.addEventListener('logtask1', function(evt) { logEvent(evt); });
-    scene.addEventListener('logtask2', function(evt) { logEvent(evt); });
-    scene.addEventListener('logdefault', function(evt) { logEvent(evt); });
-    scene.addEventListener('righthand', function(evt) { logEvent(evt); });
-    scene.addEventListener('lefthand', function(evt) { logEvent(evt); });
+    var events = ['logtask1', 'logdefault', 'righthand', 'lefthand', 'doubletouch', 'doublepress', 'longpress'];
+    for (var i = 0; i < events.length; i++) {
+      scene.addEventListener(events[i], function(evt) { logEvent(evt); });  
+    }
   }
   </script>
 </html>

index.js

@@ -117,7 +117,64 @@ AFRAME.registerSystem('input-mapping', {
     }
 
     var self = this;
+    function LongPress (el, eventName) {
+      this.pressTimer = null;
+      this.timeOut = 1000;
+
+      el.addEventListener(eventName + 'down', evt => {
+        this.pressTimer = window.setTimeout(function () { console.log('Long press'); }, 1000);
+      });
+
+      el.addEventListener(eventName + 'up', evt => {
+        clearTimeout(this.pressTimer);
+      });
+    }
+
+    function DoublePress (el, eventName) {
+      this.lastTime = 0;
+      this.timeOut = 250;
+
+      el.addEventListener(eventName + 'down', evt => {
+        var time = performance.now();
+        if (time - this.lastTime < this.timeOut) {
+          console.log('Double click');
+        } else {
+          this.lastTime = time;
+        }
+      });
+    }
+
+    function DoubleTouch (el, eventName) {
+      this.lastTime = 0;
+      this.timeOut = 250;
+
+      el.addEventListener(eventName + 'touchstart', evt => {
+        var time = performance.now();
+        if (time - this.lastTime < this.timeOut) {
+          console.log('Double touch');
+        } else {
+          this.lastTime = time;
+        }
+      });
+    }
+
+    var behaviours = {
+      'longpress': LongPress,
+      'doublepress': DoublePress,
+      'doubletouch': DoubleTouch
+    };
+
     for (var eventName in mappingsPerController) {
+      var behaviour = null;
+      if (eventName.indexOf('.') !== -1) {
+        var aux = eventName.split('.');
+        eventName = aux[0];
+        behaviourName = aux[1];
+        console.log(eventName, behaviourName);
+        behaviour = new behaviours[behaviourName](controllerObj.element, eventName);
+        continue;
+      }
+
       var handler = function (event) {
         self.checkValidInputMapping();