> For the complete documentation index, see [llms.txt](https://handtracking.lightbuzz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://handtracking.lightbuzz.com/examples/no-code-detect-and-visualize-hands-from-a-sprite.md).
# No Code: Detect and visualize hands from a Sprite
This example demonstrates how to detect and visualize fingers in an image sprite using an [ImageView](/ui-reference/imageview.md), a [SpriteSource](/ui-reference/streamsource/spritesource.md), a [HandManager](/ui-reference/handmanager.md) and a [HandViewer](/ui-reference/handviewer.md). No code is needed for this example!
{% hint style="warning" %}
All Hand Tracking Unity plugin samples are no-code! You can find the code versions in the `Examples` section of this documentation.
{% endhint %}
{% hint style="info" %}
This is a walkthrough of the `LightBuzz_Hand_Tracking_Picture` Hand Tracking Unity plugin sample.
{% endhint %}
#### Step 1: Create a Unity scene
Open the Unity Project you created in the [Installation](/hand-tracking-unity-plugin/installation.md) 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](/ui-reference/imageview.md), [SpriteSource](/ui-reference/streamsource/spritesource.md), [HandViewer](/ui-reference/handviewer.md) and [HandManager](/ui-reference/handmanager.md) prefabs into the Canvas.
Add prefabs
Select the [SpriteSource](/ui-reference/streamsource/spritesource.md) 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.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://handtracking.lightbuzz.com/examples/no-code-detect-and-visualize-hands-from-a-sprite.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.