Sorry your browser is not supported!

How do I make a health bar from a image based on the percentageh of my health witch is left?vhhnfyk

Here's a quick example just using a box to draw the health bar. change the maxlength variable to change the bar length to whatever you want. This doesn't change the health value, just the size of the bar. Use the left right arrow keys to increase or decrease the health.



If you want to use an image, create a sliver (maybe 1 pixel wide and however many high) of the image that you'd use as the "fill up". After getting the percentage, find the x2 of the maximum length based on the percentage of health. Create a loop from the start of the bar to the x2 value, and paste the sliver at each new x value building up the bar with your fill image. If the fill image changes or you want to use an image that isn't exactly the same for it's entire length, then store a copy of the complete fill bar on an offscreen bitmap and use copy bitmap to only copy the portion you need to screen 1 at the proper location:


The position is found the same way as in the example.

Thanks Latch, the second one is what I need. But the third way is very helpful, I always knew you can copy from a off-screen bitmap but I could never figure it out.

For future perpose:



That should work right?

Yup.

Make sure to create the bitmap to the size you need. The copy bitmap function is sized from 0 to width-1 and 0 to height-1 so keep that in mind when retrieving values or you'll get an error. It's probably safe just to add an extra pixel or 2 to the dimensions so you have a little breathing room:

Sideways:


Up and Down:


Remember to read back the bitmap information in the correct direction for vertical bars or horizontal bars.

OK, thanks. Got it working, now I've got AI and special attacks to work on then I'll have the battle part of my game finished.