geste swipe cette réponse l'action

Question

J'ai ce code:

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 
 
\t \t \t slideTimer = setTimeout(function(){ 
 
\t \t \t slidePict("sx"); 
 
\t \t \t },500); 
 
     }else{ 
 
      //this means that the swipe is to the left direction 
 
\t \t \t slideTimer = setTimeout(function(){ 
 
\t \t \t slidePict("dx"); 
 
\t \t \t },500); 
 
     } 
 
    } 
 
} 
 
controller.connect();

Il fonctionne très bien, en raison de reconnaître le geste swipe, mais quand le geste est effectué, à la fois à gauche et vers la droite , la diapositive semble recevoir deux entrées successives, puis prendre deux/trois diapositives suivantes ... Comment puis-je éviter cela?

Answer 1

Les gestes de balayage sont générés par le bout des doigts - pas par la main - de sorte que vous pouvez obtenir jusqu'à 5 événements de balayage par main par image. Ensuite, à la prochaine image, vous obtiendrez des événements de balayage mettant à jour les propriétés de chaque geste.

Vous pouvez modifier votre code comme suit, de sorte qu'il attend l'action swipe en cours se termine avant d'autoriser une autre action pour commencer:

var isSwiping = false; 
var controller = new Leap.Controller({enableGestures: true}); 
controller.on('gesture', function (gesture){ 
    console.log(gesture); 
    if(gesture.type === 'swipe' && !isSwiping){ 
     isSwiping = true; 
     handleSwipe(gesture); 
    } 
}); 
function handleSwipe (swipe){ 
    var startFrameID; 
     if (swipe.direction[0] > 0){ 
      //this means that the swipe is to the right direction 
      slideTimer = setTimeout(function(){ 
      slidePict("sx"); 
      isSwiping = false; 
      },500); 
     }else{ 
      //this means that the swipe is to the left direction 
      slideTimer = setTimeout(function(){ 
      slidePict("dx"); 
      isSwiping = false; 
      },500); 
     } 
} 
controller.connect(); 

[modifier] supprimé if(swipe.state == "stop"){} clause de handleSwipe() fonction.