/TouchFreeSolutions

A library of touch free solutions to replace touch in museums

Primary LanguageJavaScript

Touch Free Solutions

A library of touch-free solutions to replace touch in museums

This is a work-in-progress repo to host multiple solutions to replace touch interaction in museums.

Leap Motion

React "Sticky Buttons" component

An example project to use a Leap Motion gesture control device to control interactive touchscreens developed in React and using Redux for state management. Uses the LeapJS Framework. Move a hand over the device to move a cursor. Closest button to the cursor will be selected. If the same button remains selected for a set period the button will be clicked. The StickyButtons component is added at a top level of the hierarchy. In sub-components, refs to clickable items are added to the redux state by an addButtons action. The StickyButtons component pulls the buttons from the redux state.