Welcome back. Once again, everyone, I am excited for this video because in this video we see this all come together. The goal in this one is to create some script to make our widget animations inside of our w BP skill acquired play. Once it is presented to the player, we actually have been creating this widget behind the scenes, you just can't see it because we're not telling the intro animation to play at all. So in this one, we're gonna fix it. Come to this pathway right here content Metroidvania widgets and let's double click on our w BP skill acquired to do some work inside of here.

We have all these different function tabs open you can actually close all these now you don't need them open. The one you need to be in right now is your Event Graph tab. And if at any time you cannot find your Event Graph tab, it happens from time to time you make Click it off here for example, as I just did just to demonstrate awaking get that back is by coming under the My Blueprint panel and double clicking right there to jump over to a new Event Graph tab along the top. Okay, so in here we see three nodes by default I'm going to get rid of Event Tick, don't need it, event pre construct don't need it. Event construct that is the one I want to work off of consider this the Event Begin Play for Widget Blueprint. So as soon as a Widget Blueprint is created, it's going to fire out of here.

Okay, so I do want to do something right out of out of the gate here. Let's drag a wire off and type in play animation. Which animation do I want to play right away? Well, I want to play our intro animation. And if I look over along the left hand side, I can find my animations in the variable section. You should find in your variable section.

Header color animations and you got to click this little triangle next to it to reveal all the animations that we created back hover input pulse intro over here in the Designer tab. Okay, so the first one that I want to play here is our intro animation. So plug that into the in animation drag and drop it right on top there. Now the number of loops to play is set to one that is all hunky dory. Note that you can adjust things like your playback speed straight away from here. Okay, the next thing I want to do is I want to drag off a another wire and play another animation.

Type in play animation. The next one that I want to play is our input pulse. Drag that on top of the in animation. Okay, next, I'm going to right click right below that type in Get Player Get Player Controller And out of this I'm going to drag out a wire and I'm going to type in set input mode and the input mode I want here is to be game and you I game and UI. So this is going to allow pressing of our B button button on the Xbox controller to exit out as well. So I'm going to set Well that's all well and good hide mouse cursor during capture Yes.

Okay. Next thing I want to do is I want to drag a wire out of our Get Player Controller here and I want to show the mouse cursor. Get show mouse could not get show mouse cursor. Set show mouse cursor set show mouse cursor okay. In the last video in our Player Controller, we actually wrote some script to hide the mouse cursor, that was a little preemptive. The reason we were hiding it here is because in this video back in our web skill acquired, this is where we're telling it to show.

Okay, so that is all well and good for that bit of script, just gonna left click drag around all that type in play animations. But that's not the only thing that I want to do here. Before we even jump in and play. I also want to add some animations for our back button that's going to appear on screen. So over along the left hand side, we have a back button widget. It's this guy right here, back underscore button.

And when you select that, In the variables section down in the Details panel you have some events that you can add for this we want to add to events for this one on hovered click that and then find that back button once again and we want to do something for on uncovered uncovered is when you are not mousing over it hovered is when you are mousing over it. And what I want to do here is drag in a reference to our back cover animation. Drag that in. We're going to get that and I'm going to drag out a wire once and say play animation. We want to play our back cover animation when we are hovering over the back button and we want to play it forward. Then I'm going to hit Ctrl C to copy this Ctrl V to paste.

Make sure you plug in your back cover into this in animation as well. Although when we're uncovering it, we want to play this in reverse Now if you remember this animation is just going to scale up the size of the Back button just a little bit, get a left click and drag around this tap the C key back button, hover slash on hovered animation. Okay one little bit more script to add here is when we click on our back button we want something to happen so select your back button one more time. And we want want to add an event for On Clicked. In off of this I'm going to drag off instead of Remove from Parent. Basically, the target here is self so once we click on the back button, that is this button right here.

We want this target widget to go bye bye That's what this is going to do. Then we're going to drag off of this and say set game paused. We're gonna say the game is unpause leaving that unchecked. And then I'm gonna right click Get Player Controller. And I'm going to drag off of this set input mode. Set input mode, game only, like so.

And then last but not least, I'm going to drag out of our Get Player Controller and say show mouse cursor set show mouse cursor. This is going to be set to false as well, and I'm going to drag a marquee selection left click and drag, tap that C key and call this on pause and return to game play. Now you may note that this script is very familiar here, we're saying that when we click on the back button, we want the widget to go away. We're going to unpause the game, direct our control back to the game and not show the mouse cursor. If I jump to our PC Metroidvania that is essentially the same thing that we're doing here. Only we're also saying it can happen not only if you click on the button, but if you simply tap the B button because look over here on our web skill acquired.

In the Designer tab, we're saying hey, pressing the B button on the Xbox controller that's gonna back you out of here too, as is simply clicking on this. Okay, so with this, I am going to Compile and Save Our web skill acquired. Let's jump in and play and cross our fingers that we didn't miss any steps and see if this system works. Okay character walks up to these skills. Dyas notice that book just animating up and down. are players going to I guess read it and learn the double jump skill.

So it's saying hey, you can learn the skill. I'm going to press the interact button. Note that when we do sound and particle all fire off in that book that's kind of hovering up and down is going to go Bye bye. So watch this all goes away. Look at that. It knows that it's a double jump skill that we're trying to acquire here.

It's populating this entire screen with the right information, the right image, etc. And now I can click on here to make this go away. And it does go away. Now the one thing I'm not sure that I saw there, let me just jump in and play one more time. The button pulse did did play as well kind of jumped out actually did that jump out? I'm not sure that it did.

Let me just double check. That input pulse. Ah, yes. Okay, so the one thing I forgot here is back in our Graph tab here. This input pulse, the number of loops, I don't want this to just play one time, I'm going to set this to zero because as the tooltip says it will loop indefinitely, which I wanted to do. So setting that to the zero for our input, pulse, Compile and Save.

Let's try this one more time. interacting. And now you're seeing our a button down there kind of pulse to grab the users attention. That's exactly what I want. And that time I press the B button to exit out instead of actually clicking on the back button. So guys, everything here is working as intended.

Let me frame up each of these scripts here. So you can pause the video here if needed to make sure everything is looking good. There's that there is the Back button, hover On hover, make sure that this is in reverse. This one is forward and then are unpause and return to gameplay. Make sure that is unchecked make sure that is unchecked. Job well done that will do it all for this video.

See you in the next one