A-Frame VR leap-hand for Leap Motion

A-Frame VR component for Leap Motion controller.

Installation (Scripts)

In the dist/ folder, download either the minified or unminified build. Include the scripts on your page, and all components are automatically registered for you.

Or, use a CDN-hosted version:

<script src="//unpkg.com/aframe-leap-hands/dist/aframe-leap-hands.umd.js"></script>

Installation (NPM)

Using NPM and Browserify or Webpack:

npm install --save aframe-leap-hands

require('aframe');
require('aframe-leap-hands');

Usage

<a-entity camera="near: 0.01" look-controls position="0 1.5 0">
  <a-entity leap-hand="hand: left"></a-entity>
  <a-entity leap-hand="hand: right"></a-entity>
</a-entity>

Options

leap-hand component:

| Property | Default | Description | |--------------------|--------------|-------------| | hand | — | left or right | | enablePhysics | false | Adds a physics body for aframe-physics-system. | | holdDistance | 0.2 | Holding distance, in meters. | | holdDebounce | 100 | Debouncing on grip, in milliseconds. | | holdSelector | [holdable] | Selector that limits which objects may be held. | | holdSensitivity | 0.95 | 0—1. | | releaseSensitivity | 0.75 | 0–1. | | debug | false | Shows a grip target indicator. |

leap system:

| Property | Default | Description | |------------|-----------|-------------| | vr | true | If true, sets default VR position and quaternion. | | scale | 0.001 | | | position | 0 0 0 | | | quaternion | 0 0 0 1 | |

For example, to set both hands to desktop configuration:

<a-scene leap="vr: false">
  <a-entity leap-hand="hand: left"></a-entity>
  <a-entity leap-hand="hand: right"></a-entity>
</a-scene>

References:

Official

• Leap JS
• Leap JS Plugins
• Leap JS cont'd
• Leap JS Network
• Leap JS Widgets
• Leap JS Rigged THREE.js Hand

Third-party

• THREE.LeapMotion Wrapper discussion and GitHub