Novelty Promotes Magicians
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    jquery-leapmotionpublic

    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

    Keywords

    none

    install

    npm i jquery-leapmotion

    Downloadsweekly downloads

    4

    version

    0.3.6

    license

    none

    repository

    github.com

    last publish

    collaborators

    • avatar