openleap / Aframe Leap Hands
Licence: mit
A-Frame VR component for Leap Motion.
Stars: ✭ 159
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Aframe Leap Hands
Hubs
Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.
Stars: ✭ 1,059 (+566.04%)
Mutual labels: aframe
Aframe React
:atom: Build virtual reality experiences with A-Frame and React.
Stars: ✭ 1,199 (+654.09%)
Mutual labels: aframe
3dstreet
🚲🚶🚌 Web-based 3D visualization of streets using A-Frame
Stars: ✭ 74 (-53.46%)
Mutual labels: aframe
Aframe School
🎒 Interactive workshop and lessons for learning A-Frame and WebVR.
Stars: ✭ 84 (-47.17%)
Mutual labels: aframe
Aframe Camera Transform Controls Component
Camera transform controls component for A-Frame
Stars: ✭ 47 (-70.44%)
Mutual labels: aframe
Beat Pose
Play a Beat Saber clone with hand movements using Tensorflow.js & PoseNet
Stars: ✭ 145 (-8.81%)
Mutual labels: aframe
3d Force Graph Vr
3D force-directed graph component in VR
Stars: ✭ 112 (-29.56%)
Mutual labels: aframe
Aframe Forcegraph Component
Force-directed graph component for A-Frame
Stars: ✭ 60 (-62.26%)
Mutual labels: aframe
Awesome Aframe
[DISCONTINUED] Collection of awesome resources for the A-Frame WebVR framework.
Stars: ✭ 1,310 (+723.9%)
Mutual labels: aframe
Webxr Webpack Boilerplate
Starter Kit for building rich, immersive WebXR projects (featuring A-Frame) PWA with Webpack and SASS
Stars: ✭ 48 (-69.81%)
Mutual labels: aframe
Aframe Particle System Component
Particle systems for A-Frame.
Stars: ✭ 156 (-1.89%)
Mutual labels: aframe
Studio
An authoring platform to build Web Augmented Reality experiences, without coding knowledge
Stars: ✭ 135 (-15.09%)
Mutual labels: aframe
Ar Alphabets
Augmented Reality on Web (Web AR) for Kids to learn Alphabets with fun. AR on all Mobile Devices
Stars: ✭ 98 (-38.36%)
Mutual labels: aframe
leap-hand
for Leap Motion
A-Frame VR
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
Third-party
- THREE.LeapMotion Wrapper discussion and GitHub
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].