La détection de mouvement de balayage de direction avec Leap Motion

J'essaie simplement d'obtenir la direction d'un mouvement de balayage avec le Leap Motion à l'aide de l'API javascript. Mon code est:

$(document).ready(function() {
    controller = new Leap.Controller("ws://localhost:6437/");
    listener = new Leap.Listener();

    listener.onFrame = function(controller) {
        var frame = controller.frame();
        var hands = frame.hands();
        var pointables = frame.pointables();

        var gestures = frame.gestures();

        $("#rotationAxis").text(pointables.length);
        $("#gestureDetected").text(gestures[0]);
    }

    controller.addListener(listener);
    controller.enableGesture("swipe", true);
    listener.onConnect = function(controller) {
        //calibrate = new Leap.Calibrate(controller);
        //calibrate.onComplete = function(screen){
        //}
    }
});

Je peux obtenir le courant geste de la table, mais ne peut pas obtenir le type ou la direction. Des idées?

Grâce.

OriginalL'auteur mrEmpty | 2013-08-02

  1. 11

    Si vous vous souciez de la droite, la gauche, le haut ou le bas, vous pouvez comparer la valeur absolue de l'coordonnées horizontales et verticales du sens de Balayage de vecteur pour voir si le Balayage est plus à la verticale ou à l'horizontale (et puis de comparer les pertinentes coordonner à zéro pour voir si le balayage est d'aller à droite ou à gauche, ou en haut ou en bas):

    //Setup Leap loop with frame callback function
var controllerOptions = {enableGestures: true};

Leap.loop(controllerOptions, function(frame) {

  if (frame.gestures.length > 0) {
    for (var i = 0; i < frame.gestures.length; i++) {
      var gesture = frame.gestures[i];

      if (gesture.type == "swipe") {
          //Classify swipe as either horizontal or vertical
          var isHorizontal = Math.abs(gesture.direction[0]) > Math.abs(gesture.direction[1]);
          //Classify as right-left or up-down
          if(isHorizontal){
              if(gesture.direction[0] > 0){
                  swipeDirection = "right";
              } else {
                  swipeDirection = "left";
              }
          } else { //vertical
              if(gesture.direction[1] > 0){
                  swipeDirection = "up";
              } else {
                  swipeDirection = "down";
              }                  
          }
       }
     }
  }

})

    Avec un peu plus complexe comparaison, vous pouvez classer le passage des doigts comme avant ou en arrière, trop.

    Jusqu'à présent l'exemple le plus achevé. Merci 🙂 je déteste quand les gens ne marque pas une réponse comme à droite ...

    OriginalL'auteur Charles Ward

  2. 2

    avec enableGestures: vrai et du var geste = frame.les gestes[i];

         //detect swipe   
        if (gesture.direction[0] > gesture.direction[2]) {
         console.log('swipe left')
        }

    c'est la façon dont je l'ai fait moi-même,tbh je ne peux pas rem si c'est la gauche ou la droite, mais ce n'est pas un long processus de elmination

    OriginalL'auteur devolved

  3. 0

    Après une analyse rapide, j'ai trouvé l'information que vous cherchez:

    var gestureType = frame.gestures[0].type;

if (gestureType === "swipe")
{
    if (frame.gestures[0].direction[0] > 0)
        console.log(">>> swipe >>>");
    else
        console.log("<<< swipe <<<");
}
    J'ai "Uncaught TypeError: Cannot read property 'type' undefined" sur var gestureType = frame.les gestes[0].type; Désolé, devrait avoir noté que dans ma question.

    OriginalL'auteur Sga

  4. 0

    Le cadre de l'objet a un geste seulement quand il y en a un. Un cadre ne contient 0 contre, 0 doigt ou 0 geste. Vous devez vérifier si un geste est présent, puis de récupérer les informations nécessaires.

    var frame = controller.frame();
if (frame.gestures.length > 0)
{
  for (var i = 0; i < frame.gestures.length; i++)
  {
   var gesture = frame.gestures[i];
   var type = gesture.type;
   var direction = gesture.direction;
  }
}

    OriginalL'auteur Marcassin

  5. 0

    voici un exemple de code qui fonctionne parfaitement pour moi: 

    var controller = new Leap.Controller({enableGestures: true});

controller.on('gesture', function (gesture){
    console.log(gesture);
    if(gesture.type === 'swipe'){
        handleSwipe(gesture);
    }
});

function handleSwipe (swipe){
    var startFrameID;
    if(swipe.state === 'stop'){
        if (swipe.direction[0] > 0){
            //this means that the swipe is to the right direction
            moveRight();
        }else{
            //this means that the swipe is to the left direction
            moveLeft();
        }
    }
}

controller.connect();

    OriginalL'auteur abisib