👐
Hand & Finger Tracking for Unity
HomepageSupportContact
  • Hand Tracking Unity Plugin
    • Overview
    • System Requirements
    • Installation
    • QuickStart
    • Supported Joints
  • Help & Support
    • Ask for help
    • Request a feature
  • Examples
    • Detect hand and retrieve joints
    • No Code: Detect and visualize hands from a Sprite
    • Detect and visualize hands from a Sprite
    • Detect and visualize hands from a video
    • Use webcam to detect and visualize hands (2D Canvas)
    • Use webcam to detect and visualize hands (3D World space)
  • API Reference
    • Finger
      • Index
      • Middle
      • Palm
      • Pinky
      • Ring
      • Thumb
    • FingerJoint
    • FingerJointType
    • Hand
    • HandExtensions
    • HandSide
    • HandTracker
  • UI Reference
    • HandManager
    • HandViewer
    • HandVisual
    • ImageView
    • StreamSource
      • SpriteSource
      • VideoSource
      • WebcamSource
    • HandTrackerExtensions
    • WebcamSelector
Powered by GitBook
On this page
  1. Examples

No Code: Detect and visualize hands from a Sprite

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

PreviousDetect hand and retrieve jointsNextDetect and visualize hands from a Sprite

Last updated 1 year ago

This example demonstrates how to detect and visualize fingers in an image sprite using an , a , a and a . 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 section.

Right-click on the Assets folder and select Create > 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.

Step 2: Add hand tracking prefabs

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

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.

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

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

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

For this example, drag and drop the , , and prefabs into the Canvas.

Select the 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.

ImageView
SpriteSource
HandViewer
HandManager
SpriteSource
ImageView
SpriteSource
HandManager
HandViewer
Installation
Create new scene
Add a Canvas
LightBuzz Prefabs
Add prefabs
Connect field to SpriteSource
Change Render Mode
Select Render Camera
Render settings