HUD - Script

9 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.30
List Price:  €129.22
You save:  €36.92
£79.14
List Price:  £110.81
You save:  £31.66
CA$135.92
List Price:  CA$190.30
You save:  CA$54.37
A$153.17
List Price:  A$214.44
You save:  A$61.27
S$134.71
List Price:  S$188.59
You save:  S$53.88
HK$782.26
List Price:  HK$1,095.19
You save:  HK$312.93
CHF 90.56
List Price:  CHF 126.79
You save:  CHF 36.22
NOK kr1,076.34
List Price:  NOK kr1,506.92
You save:  NOK kr430.58
DKK kr688.47
List Price:  DKK kr963.88
You save:  DKK kr275.41
NZ$166.49
List Price:  NZ$233.09
You save:  NZ$66.60
د.إ367.19
List Price:  د.إ514.08
You save:  د.إ146.89
৳11,000.23
List Price:  ৳15,400.77
You save:  ৳4,400.53
₹8,335.05
List Price:  ₹11,669.40
You save:  ₹3,334.35
RM473.25
List Price:  RM662.57
You save:  RM189.32
₦139,656.03
List Price:  ₦195,524.03
You save:  ₦55,868
₨27,872.43
List Price:  ₨39,022.53
You save:  ₨11,150.09
฿3,637.73
List Price:  ฿5,092.97
You save:  ฿1,455.24
₺3,222.80
List Price:  ₺4,512.05
You save:  ₺1,289.25
B$497.67
List Price:  B$696.75
You save:  B$199.08
R1,888.37
List Price:  R2,643.79
You save:  R755.42
Лв180.67
List Price:  Лв252.95
You save:  Лв72.27
₩134,942
List Price:  ₩188,924.20
You save:  ₩53,982.20
₪366.06
List Price:  ₪512.51
You save:  ₪146.44
₱5,625.18
List Price:  ₱7,875.48
You save:  ₱2,250.29
¥15,118.78
List Price:  ¥21,166.90
You save:  ¥6,048.12
MX$1,663.06
List Price:  MX$2,328.35
You save:  MX$665.29
QR365.44
List Price:  QR511.63
You save:  QR146.19
P1,373.02
List Price:  P1,922.28
You save:  P549.26
KSh13,148.68
List Price:  KSh18,408.68
You save:  KSh5,260
E£4,723.53
List Price:  E£6,613.14
You save:  E£1,889.60
ብር5,694.53
List Price:  ብር7,972.57
You save:  ብር2,278.04
Kz83,612.73
List Price:  Kz117,061.17
You save:  Kz33,448.44
CLP$98,024.19
List Price:  CLP$137,237.79
You save:  CLP$39,213.60
CN¥722.49
List Price:  CN¥1,011.52
You save:  CN¥289.02
RD$5,928.03
List Price:  RD$8,299.48
You save:  RD$2,371.45
DA13,469.95
List Price:  DA18,858.47
You save:  DA5,388.52
FJ$225.25
List Price:  FJ$315.36
You save:  FJ$90.11
Q781.84
List Price:  Q1,094.62
You save:  Q312.77
GY$20,987.69
List Price:  GY$29,383.60
You save:  GY$8,395.91
ISK kr13,817.61
List Price:  ISK kr19,345.21
You save:  ISK kr5,527.60
DH1,010.57
List Price:  DH1,414.84
You save:  DH404.26
L1,763.81
List Price:  L2,469.40
You save:  L705.59
ден5,677.01
List Price:  ден7,948.05
You save:  ден2,271.03
MOP$807.66
List Price:  MOP$1,130.76
You save:  MOP$323.09
N$1,895.98
List Price:  N$2,654.45
You save:  N$758.46
C$3,689.21
List Price:  C$5,165.04
You save:  C$1,475.83
रु13,357.88
List Price:  रु18,701.57
You save:  रु5,343.68
S/371.02
List Price:  S/519.45
You save:  S/148.42
K383.60
List Price:  K537.05
You save:  K153.45
SAR375.02
List Price:  SAR525.04
You save:  SAR150.02
ZK2,548.47
List Price:  ZK3,567.96
You save:  ZK1,019.49
L458.83
List Price:  L642.38
You save:  L183.55
Kč2,334.38
List Price:  Kč3,268.22
You save:  Kč933.84
Ft36,425.52
List Price:  Ft50,997.18
You save:  Ft14,571.66
SEK kr1,059.50
List Price:  SEK kr1,483.35
You save:  SEK kr423.84
ARS$85,666.43
List Price:  ARS$119,936.42
You save:  ARS$34,269.99
Bs695.09
List Price:  Bs973.16
You save:  Bs278.06
COP$389,673.99
List Price:  COP$545,559.18
You save:  COP$155,885.18
₡50,509.65
List Price:  ₡70,715.54
You save:  ₡20,205.88
L2,474.33
List Price:  L3,464.17
You save:  L989.83
₲736,638.54
List Price:  ₲1,031,323.43
You save:  ₲294,684.88
$U3,781
List Price:  $U5,293.55
You save:  $U1,512.55
zł398.17
List Price:  zł557.46
You save:  zł159.28
Already have an account? Log In

Transcript

All right, welcome back everyone in this video, our goal is to make our hood animate onto the screen through scripting. If you hit the play button between videos here, you will have noticed something. And that is that we don't see any of our HUD on the screen. That is because we created those animations where we're starting our various widgets off the side of the screen, or faded out that kind of thing. Now we need to tell those animations to play so that we can see all of those HUD elements again. So if you haven't already done so find your way on over to the content Metroidvania widgets folder and double click on your W BP HUD Widget Blueprint to open it up.

Now, we have been working mostly in the Designer tab up until this point. This is going to take place over in the Graph tab and by this I mean the scripting in order to make our animations happen. Now make sure you're in the Event Graph tab and not in one of these function tabs for the various functions that we created earlier. And currently in the Event Graph, we have a short little script, getting a reference to our player. And that was for some of the HUD bindings that we created earlier. So I do want to do something off of this event construct here, in addition to getting a reference to our player.

And the way I'm going to do this is I'm going to drag this event over here. And I can't have multiple copies of event construct out here. But I can sort of split the signal here using a sequence node. So I'm going to bring out a sequence though by simply right clicking, typing in sequence. And through this, we can make it so that when we hook into our sequence node, we can now do X, Y, and if we needed to add another pin z right off So that's a really easy way to make it so that you can have one event, do multiple things. Okay, so what do I want to do off of our sequence node here?

Well, firstly, I do want to make sure that we are creating that reference to our player don't want to make sure that I don't keep that unhooked up that's got to be hooked in, but I want to do something else is well. And what I want to do is I want to play an animation. In fact, I want to play two animations. So if I simply do a search, right click for play animation. You can see that there is a user interface function for play animation. So select that guy.

And it's gonna say the target is a user widget and here I can slot in which animation I want to play. Now, if I look over my my blueprints panel under the variable section, there is something called animations right here. Here, if I click this little drop down arrow, I will reveal the two animations that I created in the previous videos HUD, right intro and Hud left intro. Notice that those names are identical to the animations I created over here in the Designer tab. Okay, so which animation do I want to play first? Well, I want to play our HUD left intro first.

So I can drag out a copy of this and I can just drop it right on the animation. Okay, and I could make it now so that I can hook our then one wire into this, play animation, compile, save. And now if I click play, you'll see how it animated onto the screen. But one thing I don't like about that is it happens so rapidly. I don't want it to happen quite that quickly. So what I'm going to do, before I play this animation is I'm going to add a little bit of a delay.

And I can add a delay node here simply by holding down the D key and left clicking that will bring in a delay node. And I'm going to rewire this like so. And the delay I want to set here is going to be four. Let's try two seconds. So now if I compile, save and play, after two seconds, you're gonna see the left side of my HUD animate on so that's pretty good. Now what about the right side of our HUD?

Well, I do want to add a little bit of a delay there is well No Actually, I don't want to add a little bit of delay there as well. So let's do this. I'm going to add a another play animation node. We can right click and say play animation. Hook this in like that in here which animation do we want to play? why our hood right animation.

Now if I was to draw In here, you'd see it would replace my previous animation. So we can't hook two animations into the same play animation function node. So I'm going to do the left the left first, and then the right immediately after, like so. Okay, and if I Compile and Save and play, this is what we currently have. Looks pretty snazzy, right? And I want to do one more thing after this is I want to add one more delay node, hold down the D key and left click for the shortcut for that is I'm gonna delay by we're gonna say a quarter of a second so point two five seconds.

And then I am going to play a sound. Play sound to d. a 2d sound is a non localized sound. It's just you can hear it from wherever you are in the level, I am going to slot in the sound, v r underscore, grab, underscore Q. And I do want to change some of the details about this. So I'm going to click this little drop down arrow. I'm going to set the volume multiplier to be point five and the pitch multiplier to be, let's say point seven.

And the reason I'm adding this is because I want to just animate our widgets on here with a little bit of a sound effect. So this is a way I can add a sound effect to accompany these widgets flying onto the screen. So let's try that. Compile, save and play and I think it adds in Little whoosh as that comes flying onto the screen. So I say that's a keeper. One more thing I want to do here before we wrap this up.

And this is just kind of building some stuff out for what's to come down the road, we have this event construct, and we've got this sequence node. So we're doing multiple things off of event construct. Before all of this, I am going to sneak in something called a do once node. Now for this point in the project, this is not necessary, but we're actually building this in right now. Because later on in the course, we're going to be toggling on and off a magic menu, a black magic menu and a white magic menu. And if we don't put in this do once node here and I just want to get it out of the way now.

Doing that bringing on our future white magic and black magic menus would make this HUD play again and again and again. So this is a way to ensure that we only play it Once when we start up the game. So with that, guys, let's put a little bit of a comment note around this series of nodes right here, left click and drag, tap that C key. And I'm just going to call this play HUD animations, like so. In I will color it green to signify a job well done. Everything looks like it is working there as well.

Clicking OK, why don't I color this green as well. You can see how I saved the color up there. By the way, you can save a color by selecting you know choosing a color then left clicking and grabbing it and placing it up along the top of your saved colors bar kind of handy, right. All right, Compile and Save. guys that is going to do it all for this video. We now have a sweet looking good, scripted and animating onto our screen.

We will see you guys in the next time. Video

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.