Welcome back everyone, I am going to jump in and play quickly to show you what we will work on creating in this video. So here I am hitting play. And as you know now we can bring on the black magic menu as well as the white magic menu. So watch when I bring on the black magic menu, there it is. Let me select the bloodless skill by holding the W key right now you can see it in my head up there. Now I'm going to release my right shoulder button and watching the upper right of the HUD.

You'll see that little Starburst kind of flare out. Now that exists for our black magic skill when we set a new one However, if I hold down my left shoulder button to bring on my white matte magic menu, I'm going to hold the W key to show that I am selecting shield I will release the button to hide this menu but note up in You're not going to see that Starburst flare out from behind our shield up there to indicate that we have selected the shield. Nothing nada. That is what we are going to work on creating in this video a starburst animation inside of our w b p HUD. So find your way on over to this Widget Blueprint. It is in content Metroidvania widgets, double click on it to open it up.

And you can see we've got an animation for our beam magic slotted however we do not have one created for our w magic slotted so let's change that. Now we're going to create a brand new animation. We will call this w magic slotted getting a lot of work in for Widget Blueprints and creating animations in this course, which I think is kind of fun. Let's go ahead and select our w magic slide and Animation, there is a blank timeline here. And over in our hierarchy over here, we want to find our w magic Starburst image. It's located right about there, you can see that image right there and over in the Details panel.

And the first thing we're going to change over time is going to be our rotational angle. So I'm coming, I'm coming under the render transform section. Here we've got our angle parameter. I'm going to click right here to add a key for this property down to our timeline. Let's expand out our transform here. Let's expand out our rotation settings.

There is our angle currently at zero degrees at the zero second mark. Let's move our timeline slider all the way to the second mark. Now let's add another key for the angle. And let's set our setting here at the one second mark to be 360. So one whole turn of that Starburst in image, that's gonna look pretty good. The next thing that we're going to want to set is going to be some of these scale settings here.

So let me take my timeline slider, move it all the way back to the zero second mark. Let's come under our scale settings right here. Let's add some keys for the x and the y, so click the plus button right here. So now we've set some X and Y keys of scale one at time zero. Let's move to the half a second mark. Let's add some more scale keys.

And let's set our scale in the x to be four and in the y to be four as well. So for in the x and the y. Then let's move our timeline slider all the way to the one second mark, add some more scale keys and set the scale back to one and one and that should Do it guys. I know if I move this back and forth, you can sort of see it spinning but you really can't see much there because that's a pretty faint image by the way. You can't Compile and Save just to make sure your work is going to be good to go guys that will do it all for this video. In the next video, we'll actually create the script to play that animation.

We'll see you there.