A-Frame VR component for Leap Motion.
JavaScript
Clone or download
Latest commit a01e610 Jan 10, 2018
Permalink
Failed to load latest commit information.
dist 0.7.0 Feb 16, 2017
examples Bump deps. Jan 10, 2018
lib Light & color Jun 2, 2016
src Hide intersector show/hide details in methods. Nov 22, 2016
.gitattributes CRLF -> LF Jun 1, 2016
.gitignore CRLF -> LF Jun 1, 2016
.jshintrc Cleanup Jun 3, 2016
.npmignore Remove dist/ from npm ignore. Mar 31, 2017
LICENSE Add boilerplate. May 19, 2016
README.md Update options titles. Apr 2, 2017
browser.js Add dist/ builds (fixes #8) Aug 18, 2016
index.js Update index.js Jul 10, 2016
package.json Bump deps. Jan 10, 2018

README.md

A-Frame VR leap-hand for Leap Motion

GitHub license Work in progress

A-Frame VR component for Leap Motion controller.

4d731aec-193d-463c-8189-d54c5e023206-20847-0002ac9dc2db9992

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.min.js"></script>

Installation (NPM)

Using NPM and Browserify or Webpack:

npm install --save aframe-leap-hands
require('aframe-leap-hands').registerAll();

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

Third-party