Welcome back everyone in this video we're gonna pick right up where we left off in the last one. The focus on this one is to create some HUD binding So in the last one, we created a couple of functions here update health and update Manoj and even made some test scripts in order to see this actually affect our health meters and our manometers etc. We'd actually bind these two variables over in our w BP HUD asset. So if you don't already have your W b p HUD asset open, this is where you can find it in your content browser content Metroidvania widgets w BP HUD so double click on that guy to open them up. And before we even get rolling with all that I do have a little bit of a mistake over here in our head that I want to correct. What you'll notice here if I select our man meter, let me select my man a meter widget over there.

And let me just scroll on down the Details panel, I'm just gonna move the percentage on down, you can see that this background image is man, a background image is not sized appropriately. And I recognized that when we were building this out and promised we'd come back and fix it. So that time has come. So I'm going to select my man a background widget here really quickly. And what I failed to do is in the render transform section of parameters right down here in the Details panel, come under transform the scale value, we want to set the scale for the x and y to be 1.4 in the X and 1.4 in the y and that should be size pretty appropriately. So now that if we take our man a meter and fill it all the way up to 100% it should have a nice border around it.

That is all well and good. All right. Now on to the next stuff. What we're going to do first is we're going to jump on over into our Graph tab. You got a couple of event nodes in here, we're going to delete the event pre construct. And we're going to delete out our Event Tick.

And we are going to do something off of event construct which you could kind of think of like an Event Begin Play for a normal blueprint. What we're going to do off of this is I'm going to right click, I'm going to get player character. Player index is zero is us, and then I'm going to offer the return value cast to our BP player. And in doing this, I will be able to get a reference to our player and store it in a variable. So I'm just going to right click here on our as BP player, we're going to promote this to a variable a new Variable shows up over here. And I'm going to call this simply player.

So this will store our BP player into a variable. In fact, I'm just going to put in a comment box here, left click and drag type that C key reference to player. I'm going to compile in save this right away. And I did this for a reason, because it's going to give me a little bit of a shortcut now to bind some of our variables to our various HUD elements. So I'm going to jump back over here to our Designer tab. And let's see, the first thing I want to bind to a variable is going to be our health meter here.

So make sure you've got this pink bar selected, that is your health meter widget. And down to the Details panel, we want to find our percent this is what we want to bind to a variable. So if we click right over here, where it says bind, we know now have this sub object properties for player because we created in a reference to our player. Now if we come under our player, lo and behold, we have this health percentage variable that we can read directly from our player. So let's plug this in straightaway. And now this should be bound to our health percentage value that we have within our BP player.

You know what, let's test this out right away. We don't have this number hooked up at all, but the meter should start decreasing bit by bit when I press the H key according to our test script, we should be reducing our incoming health by 10% 10 Health all the time. So let's just go ahead and try this. Clicking play by tap that H key you can see that pink bar moving down little bit by a little bit. Okay, so that is working well and good. So that's First step, jump back to your W BP HUD.

So with that, I want to change this value next. So our health current text widget, let's scroll up. And we want to bind this text to a widget. Let's come under bind. We've got our player here. And Huh, can't find anything here.

So what could I do? Well, what we can do is we can create a binding. Okay, let's create a binding here. This is going to jump us on over to our Graph tab, where we're prompted to create a function. I don't like these function names. So I'm going to hit f2 right here and I'm simply going to call this get current health.

Okay. Now you see the return value here is looking for a text value. This differs from our BP Player health current, which is a float value, so that's why we weren't able to find that directly from our w BP HUD. But there's a way that we can extract that information here and plug it into our return value. All we need to do is get our player character by right clicking in some empty space, right click Get Player Character. We will cast to our will cast to our BP player.

Make sure we hook in this wire like so. And now that we can talk to our VP player here, we can drag off of this and say get health current. Now this is a float output. But if we plug this float output into this text input, it will bring in a conversion node to convert that float value to text. Okay, so let's Compile and Save And then give this a play. So now when I type the H key, that is our h event, you should see the meter decreasing by 10 10%.

And you should see the numerical value there, the 100 decreasing by 10 as well, here we go 90 8070 6050 4030 2010 zero. And notice I cannot go below zero because I clamped that value from ever falling below zero. So pretty sweet. We're on our way. Next, let's address our Amana meter. Go ahead and select your man meter widget.

And over in the Details panel, where we've got this percent, let's bind this and here we can bind it to our player, man a percentage. Okay, I'm going to trust it that's going to work right away so I'm not going to jump in and play right away. Next, let's go ahead and take our Manoj current widget that is this numerical value printed over the top, we're going to scroll up to the top where this text is, we're going to bind this we're going to create a binding here, it's going to jump us on over to the Graph tab, prompt us to name this particular function, I'm gonna click on it, hit f2 and call it get current. manna. And we can do just like we did before, where we right click, we're going to get that player character. Player index zero is us.

So we're going to drag off of here, cast to our b p player. And now that we are able to communicate to our BP player we can extract the value of a variable from it. So let's drag out a here and do a search for manna currents we want to get man a current like so. Plug that into the return node and plug this directly into the return value to bring in the conversion node. And that should be all well and good let's Compile and Save and play. So now I got my H key for the hell so I'll do that first you can see the health decreasing.

Now how about the M key here we go 12345 it's all decreased as well as that the meter and the text is decrease and I cannot go below the number zero in either so guys job well done in this one we have finished binding some variables to our HUD for the time being anyways, next up, we got some HUD animations. So we'll see you in the next video.