Examples / Wrappers Archive

Leap Motion HTML5 frontend framework. Suitable for web sites, web apps and more. Now you can touch the web.

Leap Trainer is a gesture and pose learning and recognition framework for the Leap Motion

A Beta version of a space exploration music blog that uses the Leap Motion Controller to navigate a universe of sound. Each Solar system has a different song and visualizer associated with it. Uses WebGL, Web Audio API and three.js.

This library provides Leap Motion support for websites with just a single line of code.

Assorted JavaScript Examples

A link to a video on YouTube demonstrating a game of Rock, Paper, Scissors using JavaScript.

Multidimensional view in parallel coordinates

Connect wirelessly with an Arduino board

Create your own fractals!

Marionette demo with source code

DIY motion controlled Smart Mirror!

Navigate a Website on a Computer Screen in a Website on a Computer Screen

This is s a simple routing web socket server which transfer all message receive from local LeapMotion websocket server to a non-localhost locked LeapMotion websocket server.

This bookmarklet enables gestures on any rvl.io or RevealJS presentation with the Leap Motion.

LeapD3 is a simple visualizer application for the Leap device. It uses D3.js to render scalable vector graphics (SVG) in the browser.

This is a 3D leap enabled scatterplot. Interaction with a single finger moves the camera.

This allows you to use a single finger to explore the 3d space of the Leap Motion Controller.

This is javascript for scrolling

This library is used in addition to the official LeapJS Library (https://github.com/leapmotion/leapjs) and adds in core dom interactivity thought gestures and hover to tap. It uses DOM attributes to control functionality and varying levels of interactivity and responses to cursors in the system. This library also includes a mouse simulator to allow for developers without a leap device to simulate events.

This script allows you to browse Reddit using your Leap Motion Controller with this easy to install Greasemonkey script!

Ruby support via the JavaScript API

A repository of demos for the Leap Motion Controller based on particles, a demo from D3.js. Another demo is an attempt to recognize gestures from the Leap Motion Controller using the library of $1 unistroke recognizer from Washington University.

DOM based visualizer of the data

Displays JSON data coming from websocket

Project to visualize the hand and finger data from the Leap Motion in a web browser. Uses an enhanced version of the Leap -> Python -> WebSockets bridge leapfrog, written by Tyler Williams.

LeapJS is a Javascript library that provides the functionality and object structure of the Leap API to assist developers who are working with the Leap Motion in a browser environment.

A demo of using the Leap Motion Controller with the three.js 3d library.

Example pages of the Leap Motion JavaScript SDK that include the SDK's samples and a few of my own.

An in-browser demo where you can explore the galaxy using the Leap Motion Controller.

A two handed theremin demo.

A JavaScript API that monitors gestures from a Leap Motion Controller and then can trigger events when recognized gestures are used.

A Javascript graphics editor with native Leap Motion integration.

Move through color space with palm position

Finger positions in the plane of the screen

Prints out gesture data as JSON

GPU Physics with WebGL

Deform a sphere wireframe by tugging vertices

Swipe to highlight a square

Shows Google Analytics statistics on a globe

A virtual representation of your hand in Three.js

Finger visualizer using Three.js

Record motion data as JSON

Measure the angle between your index and middle finger

Illuminate blue cubes by pinching your hands with Oculus Rift on

This example shows how to pick up an object and throw it.

Move, rotate, or scale the hand data

A customized version of Alex Wilkes' Leapstrap, Leap.js, and Tableau JS API

An in-browser theremin (http://en.wikipedia.org/wiki/Theremin). A great way to see the Leap Motion Controller in action with HTML5 and Javascript. Use a pencil or chopstick to control the digital theremin and play music right from your browser.

Another Leap-based theremin project.

This is a jQuery extension which makes working with the Leap Motion API in javascript easier.

A browser bookmarklet that enables scrolling on any page with the Leap Motion Controller.

This is a demo of a finger-controlled piano, based on the LeapMotion Javascript API. This has been achieved solely with HTML, CSS and JavaScript.

This is the TypeScript framework for working with Leap Motion.

This is an experiment performed by a third party developer.

A Chrome browser extension for the Leap Motion controller.

This provides a websocket to playback JSON data captures from the Leap Motion Controller. This allows dthe writing of JavaScript applications without having an actual device

A simple Leap Motion input visualization for JavaScript

A proof of concept captcha like jQuery plugin for use with the Leap Motion device/library.

This is a 3D leap enabled scatterplot. Interaction with a single finger moves the camera.

This is the Dart framework for working with Leap Motion.

Dead simple drawing app

An aetherphone for two hands

Minimal Three.js example

A simple WebGL shader with glsl.js

Minimal Three.js example

How many do you have?

An example on how to read gestures in LeapJS

Text-only fully functional/playable demo of Rock Paper Scissors game

Demonstrates a menu generator with clicking

Same as grid menu generator, but radial!

Finger visualizer using Three.js

Move the scene through grasping actions

Record motion data as JSON

Replay recorded motion data.

Fluid drawing with screen calibration

Data produced by the Motions API

Exploding particle system

Displays JSON data coming from websocket

Pinch, grab, and gesture to achieve mouse-style interactions

Rotate your wrist to coil the spiral

Prints out gesture data as JSON

Simple example showing pinch strength with the Rigged Hand

Replay recorded motion data.

Multidimensional view in parallel coordinates

Hand Transformations Plugin

Roll your hand to flip a DOM card

Here is a force-directed graph with forces

Take control of a flying drone

Control the Sphero robotic ball using your Leap Motion Controller

Use your hand as a controller for aiming purpose in the virtual world.

(css, html and js)

Control a Parrot AR Drone 2.0 using a Leap Motion in Node.js

Learn how to build your own interactive browser-based presentation