HP bars in PNG

[bwagra]

hello trying to make hp bars in png

I have the main HP template in png and the current %HP bar also in PNG (I tried differently that there is a template first and it shows HP from the current client but I have a transparent background and it does not look good)

Example c++

TexturePtr bgLifeBar= g_textures.getTexture("/images/game/hp/bar.png");
g_painter->drawTexturedRect(backgroundRect, bgLifeBar);
TexturePtr bgLifeBarUI = g_textures.getTexture("/images/game/hp/bar_precent.png");
int width = (int)((m_healthPercent / 100.0) * bgLifeBarUI->getWidth());
g_painter->drawTexturedRect(backgroundRect, bgLifeBarUI, Rect(0, 0, width, bgLifeBarUI->getHeight()));

i'm looking for an idea for cutting a PNG HP% at back and but not resize

FULL HP:

https://imgur.com/npqTH3w

~50% HP

https://imgur.com/zIBCJEy

 

[Bakasura]

See drawImage function in framework/ui/uiwidgetimage.cpp. There you have the built-in way to clip images without resizing them.

 

[Oskar1121]

Or just draw colourful rectangle under hp bar. Use your image as a frame and draw them on rectangle.