How to make an dynamic health bar?

Ay bois, so, in my game, i want an health bar, that i can make in every width ( not only, set the width to player's health ), like the width being 500 but, the health of the player just being 100, and, the width scalling with the 100 HP. If you know how to make a health bar like i said, or, the health bar of the video below, please, tell me!

Video: youtube.com/watch ( He's at the right time )

Bar set width to 500*(Player.health/100)

Bar set width to 500*(Player.health/100)

Lmao didn't thinked that simple math, but, thanks anyway.

Bar set width to 500*(Player.health/100)

Hey bro, do you know how to drain the health bar when the player got hit? Like in the video?

You mean gradually? Try lerp:

Bar set width to lerp(self.width, 500*(Player.health/100), dt*2)

You mean gradually? Try lerp:

Bar set width to lerp(self.width, 500*(Player.health/100), dt*2)

Thanks, it worked!

You mean gradually? Try lerp:

Bar set width to lerp(self.width, 500*(Player.health/100), dt*2)

I know it's Construct 2, but I'm doing something similar with the bar (in Construct 3). I used the progress bar but apparently I can't customize it, so I've used a tilemap like suggested in the website.

Now I've found this and thankfully the lerp function is what I had in my mind, only logically speaking.

But it's not working well in my case.

The character drains energy graudally. There is a global variable called HealthBar with the value of 60. Each second, you lose 1 point, until it reaches 0.

I tried to make the function for the bar.

lerp(Self.Width, Self.Width(HealthBar/100), dt*2).

And I tried experimenting, changing variables etc, but it doesn't work well.

For example, when HealthBar reaches 0, the bar is still decreasing. You have to wait the HealthBar goes to -60 to see the bar empty.

Change the expression like this:

lerp(Self.Width, 500*(HealthBar/60), dt*2)

Where 500 is the initial full width of the bar, and 60 is the maximum initial health value.

For lerp effect to work, it should update on every tick.

See this demo:

dropbox.com/s/tjowni4xr1fgkc9/Healthbar.c3p

For lerp effect to work, it should update on every tick.

See this demo:

https://www.dropbox.com/s/tjowni4xr1fgkc9/Healthbar.c3p?dl=0

Sorry for the late response. I've added the function on every tick and now it's working as you said, which is cool!

But still, I think it's a awkward. By looking at the videos you can see the bar takes too long to reach the end, especially when it's near to 0. I wonder why.

That said, thank you so much for your help, as always, you're very helpful and I hope this project of mine will finally show up in the future!

If you want the bar to react faster, change the last parameter in lerp, for example dt*10

Or if you don't need the lerp effect at all, you can simply set bar width to OdiginalWidth*(CurrentHealth/MaxHealth). And you don't need to do it on every tick, only when the health changes.