Aframe Super Hands Component

Overview

Super Hands is a library designed to handle user input in Web VR by providing a high-level API that is consistent across all devices. It allows users to easily add natural and intuitive interactions with tracked controller, touch, or mouse input in A-Frame. Rather than dealing directly with controller button events, raycasters, and collision detection components, Super Hands simplifies the process by allowing users to set up their scene and components to respond to gestures like hovering and grabbing.

Features

• Hover: Holding a controller in the collision space of an entity or pointing at an entity with a cursor or laser pointer.
• Grab: Pressing a button while hovering an entity, potentially also moving it.
• Stretch: Grabbing an entity with two hands and resizing it.
• Drag-drop: Activating one entity and then gesturing to another entity to interact with it.

Browser

Download the browser files and include them in your HTML:

<script src="super-hands.js"></script>

NPM

Install Super Hands via npm:

npm install super-hands

Then, require and use it in your JavaScript code:

const superHands = require('super-hands');

Summary

Super Hands is a library that simplifies handling user input in Web VR by providing a high-level API for interacting with tracked controllers, touch, or mouse input in A-Frame. It allows users to set up their scene and components to respond to gestures like hovering, grabbing, stretching, and drag-and-drop. The library is easy to use and offers customizable interactivity through core and reaction components. With Super Hands, users can effortlessly add natural and intuitive interactions to their VR experiences.