Demo here and the project is here
I needed a quick way of building HUDs for PlayCanvas and thought I’d share the resulting library in case anyone else finds it useful.
Features:
- Automatic creation of the correctly sized overlay
- Easy to access functions that create SVG elements and link them to code, allowing the values to be updated directly
- Functions for moving UIs, fading etc
- Support for following entities around the world for names and health bars
- Click support (all events actually)
- Support for text input
- Full styling and attributes on all items, with sensible defaults
- Full screen overlay to hide the game when you display text
- Text wrapping
- Out of the box support for text, images, input, rectangles, circles and arcs
- Google Font support
- Visibility support, grouping of items, clipping etc
- Extensible