Flixel Power Tools FlxBar

Released in version 1.7

Note: This class replaces the old FlxHealthBar class.

FlxBar started life as a way to display the health of a sprite. In version 1.7 it grew up and became a lot more versatile! It can now be used as a general purpose bar. Be that a progress bar, loading indicator, time delay or health bar.

You can have it track any value on a parent sprite and update automatically. For example if you link the bar to the health value of a sprite, and the sprite gets hurt, it will update to reflect this. It can automatically follow the parent sprite around like a little floating bar over players / enemies heads. Or it can be placed into a HUD.

This class provides a really fast way to create them, and they are highly customisable. You can have a plain-colour filled bar (supporting alpha levels), a gradient-filled bar or an image filled bar. The bar can fill in one of 8 different directions.

Screen Shot

Code Example


//	Creates a new FlxBar positioned at 16x64 that fills from left to right
//	The 64x4 is the width and height of the bar.
//	ufo is the FlxSprite it is bound to, and "health" is the FlxSprite variable it will monitor
ufoHealthBar = new FlxBar(16, 64, FlxBar.FILL_LEFT_TO_RIGHT, 64, 4, ufo, "health");
			
//	This tells it to track the x/y position of the red FlxSprite, but offset by the values given
ufoHealthBar.trackParent(0, -5);