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.


  1. Set up your Ultraleap Hand Tracking Camera

  2. Download and install the Hand Tracking Software

  3. Download and install TouchFree 2.1

  4. 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.

Configure TouchFree

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.

TouchFree Service Icon

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.