Aframe Super Hands Component

screenshot of Aframe Super Hands Component

All-in-one natural hand controller, pointer, and gaze interaction library for A-Frame

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: