All right, welcome back everyone. So we have it now where if I jump in and play and I press the zero key, I can bring on my black magic menu and I can bring it off if I release that button, but I don't have any way of selecting one of my available black magic skills. If I press any of the arrow keys W, A s and D and E, the D pad, analog stick, etc. My yellow highlighter right there in the middle is not going to highlight and select any of those skills. Let me just jump over now to the previous version of this project that I created in preparation for this course. It is due right over here.

If I click play again, this is the finished version of what we are going to create. What we're going to start working towards is making it so that you can actually highlight and select these different Print skills. Notice that when I'm highlighting a skill like arctic blast here, that text enlarges, there's a yellow highlighter around the skill itself, there's kind of that material around the text. And also, if you look in the upper right hand corner, you can see that that particular image is populating in our black magic skill slot in our HUD, right. So that's what we're going to be working on towards or towards in the next three or four videos. So I'm gonna exit out of my existing project right here.

And here we are back in our version of the project. We're going to be working inside of W BP A B magic menu. So find your way on over to this directory, double click on it to open it up. And don't be alarmed if when you do open it up. You're like, Hey, where is my black magic menu? Remember, you created an animation B magic menu intro animation, in which you set the defaults to new values for a lot of these so If you select your animation, move your timeline slider over to the right, you will see what your menu will ultimately look like and you will feel warm and fuzzy inside.

Okay, let's get to it. In this video, we're going to be creating three functions that we're going to be using in the next few videos. So laying some groundwork down in this one, this is gonna be done over in the Graph tab. So over in the My Blueprint panel, where it says functions, we're going to create a brand new function, so click right here to add one. We're going to name this first function, select magic text effect. Hit enter on that.

And with that guy created, I'm going to select our entry node right here and I'm going to add an input right here in the Details panel. So click this plus button. It's gonna ask for a new input name. I'm gonna call this text to highlights. And I don't want this to be a boolean variable. I'm going to select right here.

We want this to be I'm going to simply type in text, right there a do, where is it? Ah ha, that guy right there. A simple static text widget not text string. So make sure you get simple static text widget, the object reference that guy right there. So it's kind of this bluish color, right? Okay, so with that set, I'm going to drag out of our text to highlight like so.

And I'm going to type in set bonds. And you're going to find this set font function that we can plug into like this. Now, this is going to be the text that we want to highlight and we can set some font information. So now we're going to work backwards a little bit. I'm going to drag off this information. info like so.

And I'm going to type in a make slate font info, like so. And it's going to allow me to specify some things. I'm going to click this little drop down to show you everything that we can possibly slot in here, a font family, which I do want to set. So what kind of font family do I want to set this as I want to slot in? Let's do Gothic letters. Font material, nothing here yet, typeface nothing.

Size. I'm going to set this to a font size of 50. So our when we select a given magic, the size of our font is going to increase and I do want to set some outline settings but check this out. We made some slight font in for you information here by dragging backwards I can drag backwards out of my outline settings like so. And say make font outline settings Aha. And what this is going to allow us to do is specify some outline settings.

So I'm going to click this little drop down, I'm going to say the outline size is going to be seven. The outline material is going to be the one that we created earlier called m underscore text. Highlights you remember when we created this sweet looking material, right kind of had the flames flowing through it. The outline color I'm going to leave is straight black, and the rest of this is going to be fine, I believe. So that is our first function. Congratulations.

All right, let's create another function here. Over in the Details panel or the My Blueprint panel rather, plus to add another function. This one we will call on select. Magic text effect. Not selected meta text in fact, I don't even know if that's correct English there. But anyways, we're gonna select this entry node right here we're gonna add an input for this, click down here inputs plus parameter.

This one we will call text to highlight unhighlight. I don't even know if that's a word. The object or the variable pin type here should be the same as before, but in case you don't have this auto populated from earlier, this was a text. The one you are looking for is down here. A simple static text widget the object reference. Okay, here to we're going to drag off of our text to unhighlight.

We're going to set a font like so. We're going to drag backwards from in font info and we're going to say make slate font info And here we're going to set the font family to the Gothic letters right there. Font material is going to be blank. Our size is going to be set back to 35. So we're enlarging the text. When we are highlighting it, we're setting it back to size 35 when we're not highlighting it anymore, that's what's going on there.

And then for our font outline settings, let's drag backwards out of our outline settings and we will type in make font outline settings, clicking the little drop down arrow, our outline size, let's set that to be to our outline material is going to be our text. Sorry, rather we're not going to have an outline material here because when we are doing our select text magic effect that is when you want that fancy m text highlight and just to show you what that looks like once Again, I'm going to browse to this and the Content Browser. Remember that guy right there. Now it's gonna look black when we see it in games not gonna be orange and white like that. But that was our material that we created earlier. So jumping back to our web magic menu, back on topic here.

Here we are with our unselected text, or magic text effect. Double click on that, that's where we were. So the outline size here is set to two two. We will leave everything else as is I think that looks fine. Okay, last one, to create last function for this video. Anyways, come under functions create another function, this one we are going to call on select all magic text effect.

Okay, and select that entry node right there over in the inputs. We're going to create a new input and we're going to call this Tech's plural to on highlights. And this should be that same variable type as before how ever, we want to make something a little bit different here. If you click this little t icon right to the right, we want to make this an array, we're going to basically unhighlight multiple text. And this is a way we can do this more easily through making this an array variable. So you should see this sort of sort of like waffle looking grid icon, and that's the one we're going to want for this.

Now in this particular function, what we're going to do is drag off of our text to highlight array, this little waffle icon shows that that is going to be an array of text objects. We're going to drag off of this and we're going to bring in a for each loop for each loop right there. There it is, let's hook in that execution is well. So for each loop, what do we want to do for each array element for each text? Well, for each elements in that array, we're going to set the font. Let's make sure that the loop body is plugged into this function as well.

And then here too, we're going to drag backwards out of the infant info and type in make slate info. And our font family here is going to be the Gothic letters fonts, font material is going to be blank. The size here is going to be 35 as well and our outline settings we can drag backwards out of that and type in or it's right there actually make a font outline settings. Our outline size will be two And that should just about do it. So to recap here, we created three functions working backwards, we've got this unselect all magic text effect. I'll select that entry tunnel node to see what we got for our inputs here.

This is all that we have in this particular function that's unselect all magic text effect. Here's our unselect magic text effect, singular version, if you will. Pause the video if you need to hear make sure you're not missing any of these connections. And then last but not least, we got this select magic Text Effect function that we created here to note the input that we're going to be plugging into this eventually. Okay, so with that we are we'll Compile and Save there is definitely more work to be done so we can actually utilize these functions but that will do it all for this video. See you in the next one.