Available: Open source SVG HUD Library for PlayCanvas

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
9 Likes

Support for following entities around the world for names and health bars

is the a js scipt to it this could go to a fbx–

I realize I’m a bit late to the party… Any chance you have an updated version lying around somewhere @whydoidoit? This is such an amazing library, I wish I’d found it earlier.