> For the complete documentation index, see [llms.txt](https://black-horizon-studios.gitbook.io/emerald-ai-wiki/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://black-horizon-studios.gitbook.io/emerald-ai-wiki/getting-started/included-demo-scenes/health-bar-demo.md).

# Health Bar Demo

## Health Bar Demo

The Health Bar Demo shows AI using Emerald AI's built-in UI system. This is done through the [UI Component](/emerald-ai-wiki/emerald-components-optional/ui-component.md). The damage dealt will be shown in yellow and faded overtime. All colors shown, including the sprites, can be customized through the UI Component under the Health Bar Settings foldout.

<figure><img src="/files/fFpzQIHOwACh94NWdaqW" alt=""><figcaption></figcaption></figure>