> 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="https://4021441153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv03IiZPaMe8fX49a9MnO%2Fuploads%2FmJkR65OzUth7NzGDNoL1%2FHealthBarDemo.gif?alt=media&amp;token=d524e398-fca1-4bdc-84dd-0cec5012de43" alt=""><figcaption></figcaption></figure>