No Code: Detect and visualize hands from a Sprite

An example on how to detect and visualize hands from a Sprite.

This example demonstrates how to detect and visualize fingers in an image sprite using an ImageView, a SpriteSource, a HandManager and a HandViewer. No code is needed for this example!

All Hand Tracking Unity plugin samples are no-code! You can find the code versions in the Examples section of this documentation.

This is a walkthrough of the LightBuzz_Hand_Tracking_Picture Hand Tracking Unity plugin sample.

Step 1: Create a Unity scene

Open the Unity Project you created in the Installation section.

Right-click on the Assets folder and select Create > Scene.

Create new scene

Type the scene's name. In this example, we'll use the name PictureDemoNC.

After the scene is created, right-click on the scene and select GameObject > UI > Canvas.

Add a Canvas

Step 2: Add hand tracking prefabs

Navigate to the LightBuzz Prefabs folder at Assets\LightBuzz Hand Tracking\Runtime\Prefabs.

LightBuzz Prefabs

For this example, drag and drop the ImageView, SpriteSource, HandViewer and HandManager prefabs into the Canvas.

Add prefabs

Select the SpriteSource prefab and connect the Sprite field to an image sprite. You can either use the demo image sprite lightbuzz-hand-tracking.png included in the Assets/LightBuzz Hand Tracking/Runtime/Media folder or create your own image sprite.

Connect field to SpriteSource

Step 3: Set render options

After connecting all the fields, navigate to the Canvas to set the render options.

Change the Render Mode to Screen Space - Camera.

Change Render Mode

Then, set the Main Camera, from the Scene tab, as the Render Camera.

Select Render Camera

When all the render options are set, the result should look like the following image.

Render settings

By following these steps, you will be able to detect and visualize fingers in an image sprite without a single line of code.