# Sprites Prefabs

[View as Markdown](https://docs.banuba.com/far-sdk/effects/prefabs/sprites.md)[![](/far-sdk/img/ai-guide/chatgpt.svg)Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fdocs.banuba.com%2Ffar-sdk%2Feffects%2Fprefabs%2Fsprites.md%20\(Sprites%20Prefabs\)%20and%20help%20me%20with%20it%20in%20my%20Banuba%20Face%20AR%20SDK%20project.)[![](/far-sdk/img/ai-guide/claude.svg)Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fdocs.banuba.com%2Ffar-sdk%2Feffects%2Fprefabs%2Fsprites.md%20\(Sprites%20Prefabs\)%20and%20help%20me%20with%20it%20in%20my%20Banuba%20Face%20AR%20SDK%20project.)Install tools

## Sprites[​](#sprites "Direct link to Sprites")

This array contains sprite-based prefabs such as the hint.

### Hint[​](#hint "Direct link to Hint")

Displays a text message on the screen.

**Usage**

```
"sprites": [

    {

        "hint": {

            "text": "Simple Text!",

            "font": "path/to/font/file",

            "color": "1 0 0 1",

            "size": "30 10",

            "translation": "0 0",

            "rotation": "0 0 0"

        }

        // ...

    }

    // ...

]
```

| Parameter     | Description                                                                                                                                    |                               Optional                               |  Default Value |
| :------------ | :--------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------: | :------------: |
| `text`        | The message to display.                                                                                                                        |                                  *+*                                 |       *+*      |
| `font`        | Path to the font file. Supported formats are `.otf`, `.otc`, `.ttf`, and `.ttc`.                                                               | ![\`${props.title} icon\`](/far-sdk/img/icons/check.svg "Supported") | `default font` |
| `color`       | Text color. When using multiple hints, set the color explicitly for each hint; each hint supports only one color.                              | ![\`${props.title} icon\`](/far-sdk/img/icons/check.svg "Supported") |   `"1 1 1 1"`  |
| `size`        | Size of the text area, expressed as `X Y` percentages of the geometric mean of the screen dimensions. Each component is clamped to `[0, 150]`. | ![\`${props.title} icon\`](/far-sdk/img/icons/check.svg "Supported") |    `"30 10"`   |
| `translation` | Translates the center of the hint relative to the center of the screen along the *X* and *Y* axes, as percentages of the screen dimensions.    | ![\`${props.title} icon\`](/far-sdk/img/icons/check.svg "Supported") |     `"0 0"`    |
| `rotation`    | Rotation angles in degrees. Only rotation around the *Z* axis is supported.                                                                    | ![\`${props.title} icon\`](/far-sdk/img/icons/check.svg "Supported") |    `"0 0 0"`   |

**Preview**

![Right image compare](/far-sdk/assets/images/original_wide-2f360425a0e0a779832de176b75c4354.jpg)![Left image compare](/far-sdk/assets/images/hint-e7610a1cad3f0facb2590c99cda3058f.jpg)

Drag