jquery-leapmotion

jQuery plugin for leap motion

npm install jquery-leapmotion
9 downloads in the last month

jquery-leapmotion

jquery-leapmotion is a simple jQuery plugin that allows you to add custom event handler for the Leap Motion.

Setup

Include the jQuery library (version 1.8.3 or newer), leapjs (version 0.2.0) and jquery-leapmotion plugin files in your webpage (preferably at the bottom of the page, before the closing BODY tag):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//js.leapmotion.com/0.2.0/leap.min.js"></script>
<script src="//jqueryleapmotion.s3.amazonaws.com/jquery.leapmotion.min.js"></script>

Events

This plugin add custom events to the window object. If you want to use these events, please place the code like below.

<script>
  $.leapmotion();
  $(window).bind('swipe', function(e, gesture){
    console.log(gesture);
  });
</script>

Device Events

  • Connect
  • deviceConnected
  • deviceDisconnected
  • focus
  • blur
<script>
  $.leapmotion();
  $(window).bind('deviceConnected', function(e){
    console.log("Leap Motion Connected");
  });
</script>

Frame Events

  • pointables
  • pointablesout
  • hands
  • handsout
  • fingers
  • fingersout
  • tools
  • toolsout
<script>
  $.leapmotion();
  $(window).bind('pointables', function(e, frame){
    console.log("Points are "+frame.pointables.length);
  });
</script>

Gesture Events

  • gesture
  • circle
  • circlestart
  • circleupdate
  • circlestop
  • circleright
  • circleleft
  • swipe
  • swipestart
  • swipeupdate
  • swipestop
  • swipeleft
  • swiperight
  • swipetop
  • swipebottom
  • keytap
  • keytapstart
  • keytapupdate
  • keytapstop
  • screentap
  • screentapstart
  • screentapupdate
  • screentapstop
<script>
  $.leapmotion();
  $(window).bind('swipestop', function(e, gesture){
    jQuery("body:first").animate({scrollTop: 0}, 500);
  });
</script>

Changelog

Version 0.1.0

  • First release
npm loves you