TouchFree Tooling For Web¶
TouchFree Tooling for Web is a lightweight client that can be integrated into your web application,turning it touchless with minimal development effort.
These instructions will guide you through the setup of TouchFree Tooling for Web.
Set up your Ultraleap Hand Tracking Camera
Download and install the Hand Tracking Software
Download and install TouchFree 2.1
Configure your Hand Tracking Camera for TouchFree
Make sure TouchFree is running¶
If the TouchFree Service is not running your application will not receive hand interaction information.
Once installed, check the TouchFree Service is running. Open your Windows Task Manager, open the Services tab, and find TouchFree Service in the list.
If the Service is not in the list, or the Status column suggests it is not running, you may need to re-install the Service. Follow the previous steps to achieve this.
Once you have TouchFree running, it must be configured for your camera position and screen setup. To do this, launch the TouchFree Service Settings by right clicking on the TouchFree Service Tray Icon in your system tray and selecting Settings.
We recommend using Quick Setup to perform your first physical setup:
Select Setup Camera
Select Quick Setup
Select your chosen camera position
Follow the on-screen instructions to complete your setup
Using the Quick Start Example¶
Once you have imported TouchFree Tooling, a Quick Start Example scene is provided.
This will allow you to test that TouchFree Tooling is working with the TouchFree Service. It also serves as an example of how to integrate TouchFree Tooling.
This page can be found in the Quick-Start directory in the provided TouchFree Tooling for Web package.
Integrating TouchFree Tooling With Your Application¶
Once you have the example page running, you’re ready to integrate TouchFree Tooling into your own application.
You can reference the raw HTML of the Quick Start Example for the setup required to access the TouchFree Tooling.
We recommend duplicating the Quick-Start_Example.js and modifying it in order to make changes.
This will prevent the file being overwritten when upgrading to newer versions of Tooling in future.
Note that this file depends on the content of TouchFree_Tooling.js being available under the name TouchFree.