This document provides an overview of the Leap Motion controller and its capabilities for tracking hand gestures and finger positions. It explains how to set up a basic Leap Motion application using a 2D canvas, initialize the Leap controller, and include an animation loop to continuously draw hand tracking data. Examples are given for visualizing the Leap geometric system, common gestures like swipes and taps, and hand parameters using online code snippets and demos.

2. Leap Motion Details

3. Inside

4. Raw Data

5. Leap JS
1. Create a 2D Canvas to draw on
<canvas id="canvas"></canvas>
var c = canvas.getContext('2d');
2. Create the leap controller
var controller = new Leap.Controller();
3. Start the controller
controller.on( 'ready' , function(){
// CODE HERE
});
4. Loop Drawing Animations

6. Leap Geometric System

7. Leap Geometric System

8. Gestures

9. Gestures

10. Example Code Snippet
http://localhost:8000/leapsimple/pointer.html

11. Gestures
Swipe Right
ScreenTap
KeyTap
Circle

12. Hand Parameters

13. Example
http://js.leapmotion.com/example
s/parcoords.html

14. Hand Parameters

15. Example
http://js.leapmotion.com/examples/visualizer.
html