Healthbar | Simple, yet slick

deluc_t · September 23, 2020, 2:59pm

Hey there!

I have created a health bar for the community to play around with. It has:

Refreshing UI design
Nice tweening (animations)
Color changes relative to health
Fully customizable
Scaled equally on all devices

Here is a preview:

Or, if you want just an image:

And finally, here is the health bar model:

https://www.roblox.com/library/5725546455/Health-Bar

There is also a Config module script in the model.

return {
	ColorSettings = {
		Color1 = Color3.fromRGB(0, 207, 0),
		Color2 = Color3.fromRGB(218, 193, 0),
		color3 = Color3.fromRGB(209, 0, 3)
	},
	TweenSettings = {
		TweenTime = 0.1
	}
}

In the color settings, you can see Color1, Color2, and color3 (lowercase because Color3 is a Roblox method).

`Color1`

Changing Color1 will change the color of the health bar when the user has a lot of health.

`Color2`

Changing Color2 will change the color of the health bar when the user has a medium amount of health.

`color3`

Changing color3 will change the color of the health bar when the user has a low amount of health.

I hope you enjoy it!