How do I Create a circular health bar?

0 favourites

- igalencar
- - Joined 24 Apr, 2014
  - 54 topics • 194 posts
- 1
- 28 Jun, 2019
- Quote
Basicaly is this, i need to do a circular heath bar

Something similar to this:
- newt
- - Joined 12 Nov, 2008
  - 334 topics • 9,435 posts
- 1
- 28 Jun, 2019
- Quote
Oh how I wish Drawing Canvas did antialiased circles...
- justifun
- - Joined 9 Oct, 2012
  - 135 topics • 1,052 posts
- 1
- 1 Jul, 2019
- Quote
The simplest way would be to break down that graphic into 10 or more animation frames with each a bit more full up to 100%. then simply move to the next frame depending on the health points of the player.
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- oosyrag
- - Joined 20 Feb, 2013
  - 50 topics • 2,295 posts
- 1
- 1 Jul, 2019
- Quote
I agree with the previous post's suggestion of just making animation frames.

But here is an over engineered solution for fun - dropbox.com/s/o2hi951wzoquaoe/circularcanvasmask.c3p

You can turn off the blend mode on the canvas object to see how it renders. You could also probably draw the circle itself with another canvas if you wanted.