HUD - Creation

5 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
€94.79
List Price:  €132.71
You save:  €37.92
£78.97
List Price:  £110.56
You save:  £31.59
CA$139.89
List Price:  CA$195.85
You save:  CA$55.96
A$153.73
List Price:  A$215.23
You save:  A$61.50
S$134.32
List Price:  S$188.05
You save:  S$53.73
HK$778.26
List Price:  HK$1,089.59
You save:  HK$311.33
CHF 88.57
List Price:  CHF 124
You save:  CHF 35.43
NOK kr1,105.08
List Price:  NOK kr1,547.16
You save:  NOK kr442.07
DKK kr706.99
List Price:  DKK kr989.82
You save:  DKK kr282.82
NZ$170.06
List Price:  NZ$238.10
You save:  NZ$68.03
د.إ367.26
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,906.24
List Price:  ৳16,669.22
You save:  ৳4,762.97
₹8,436.24
List Price:  ₹11,811.08
You save:  ₹3,374.83
RM447.10
List Price:  RM625.96
You save:  RM178.86
₦167,464.25
List Price:  ₦234,456.65
You save:  ₦66,992.40
₨27,687.73
List Price:  ₨38,763.93
You save:  ₨11,076.20
฿3,470.35
List Price:  ฿4,858.63
You save:  ฿1,388.28
₺3,445.98
List Price:  ₺4,824.51
You save:  ₺1,378.53
B$578.68
List Price:  B$810.17
You save:  B$231.49
R1,810.53
List Price:  R2,534.81
You save:  R724.28
Лв185.34
List Price:  Лв259.49
You save:  Лв74.14
₩139,691.42
List Price:  ₩195,573.58
You save:  ₩55,882.15
₪373.67
List Price:  ₪523.15
You save:  ₪149.48
₱5,901.36
List Price:  ₱8,262.14
You save:  ₱2,360.78
¥15,574.86
List Price:  ¥21,805.43
You save:  ¥6,230.57
MX$2,020.46
List Price:  MX$2,828.72
You save:  MX$808.26
QR363.35
List Price:  QR508.71
You save:  QR145.35
P1,355.53
List Price:  P1,897.79
You save:  P542.26
KSh12,948.70
List Price:  KSh18,128.70
You save:  KSh5,180
E£4,969.50
List Price:  E£6,957.50
You save:  E£1,988
ብር12,262.61
List Price:  ብር17,168.15
You save:  ብር4,905.53
Kz91,256.94
List Price:  Kz127,763.36
You save:  Kz36,506.42
CLP$97,119.28
List Price:  CLP$135,970.88
You save:  CLP$38,851.60
CN¥724.58
List Price:  CN¥1,014.45
You save:  CN¥289.86
RD$6,000.34
List Price:  RD$8,400.72
You save:  RD$2,400.37
DA13,341.73
List Price:  DA18,678.95
You save:  DA5,337.22
FJ$227.04
List Price:  FJ$317.87
You save:  FJ$90.82
Q769.16
List Price:  Q1,076.85
You save:  Q307.69
GY$20,834.51
List Price:  GY$29,169.15
You save:  GY$8,334.63
ISK kr13,772.62
List Price:  ISK kr19,282.22
You save:  ISK kr5,509.60
DH995.44
List Price:  DH1,393.66
You save:  DH398.21
L1,819.82
List Price:  L2,547.83
You save:  L728
ден5,825.40
List Price:  ден8,155.79
You save:  ден2,330.39
MOP$798.74
List Price:  MOP$1,118.27
You save:  MOP$319.52
N$1,801.35
List Price:  N$2,521.97
You save:  N$720.61
C$3,666.61
List Price:  C$5,133.40
You save:  C$1,466.79
रु13,462.23
List Price:  रु18,847.67
You save:  रु5,385.43
S/378.10
List Price:  S/529.35
You save:  S/151.25
K400.90
List Price:  K561.28
You save:  K160.37
SAR375.38
List Price:  SAR525.55
You save:  SAR150.16
ZK2,752.36
List Price:  ZK3,853.42
You save:  ZK1,101.05
L471.69
List Price:  L660.38
You save:  L188.69
Kč2,395.79
List Price:  Kč3,354.20
You save:  Kč958.41
Ft38,840.72
List Price:  Ft54,378.57
You save:  Ft15,537.84
SEK kr1,099.74
List Price:  SEK kr1,539.68
You save:  SEK kr439.94
ARS$100,165.56
List Price:  ARS$140,235.79
You save:  ARS$40,070.23
Bs690.96
List Price:  Bs967.37
You save:  Bs276.41
COP$440,690.82
List Price:  COP$616,984.78
You save:  COP$176,293.95
₡50,645.88
List Price:  ₡70,906.26
You save:  ₡20,260.37
L2,517.41
List Price:  L3,524.47
You save:  L1,007.06
₲775,966.15
List Price:  ₲1,086,383.66
You save:  ₲310,417.50
$U4,274.58
List Price:  $U5,984.58
You save:  $U1,710
zł411.21
List Price:  zł575.71
You save:  zł164.50
Already have an account? Log In

Transcript

Welcome back everyone in this video, our goal is to create the blueprints needed to make and display an in game hood. Now before we get to that, I just wanted to point out that here in our textures folder, I did actually double click on each of these texture assets and set the texture group of each to be UI, just so that these assets would end up looking nice in our content browser. That is not a necessary step for these individual assets to look nice in our eventual HUD, but I like it to look nice in the Content Browser. So I did do that extra step. So that is why they all are looking normal now. Okay, let's get to creating a brand new widget.

This widget is going to be our HUD that we output to the screen. So let's do this with our series of folders. Here I'm going to select our widget folder content Metroidvania widget widgets. We're going to right click in some empty space. And in our right click menu, we're going to come under user interface at the very bottom and choose a Widget Blueprints. Now Widget Blueprints are useful for creating menu screens or the HUD, we're going to use this one for our HUD.

So I'm going to name this w BP for Widget Blueprint underscore, HUD. And we're not going to create anything here just yet. Next thing I'm going to do is I'm going to jump over to our Metroidvania blueprints frameworks folder. And I'm going to create a nother asset in here, right click, we're going to create a new blueprint class. And in here, come underneath your all classes drop down, click this little triangle, and you're going to be doing a search for HUD. selected this HUD right here, make sure it's got that little icon right there, don't select your W BP HUD that we just created.

That's the one we're looking for. And then click this green Select button. We're gonna name this guy MV. Let's try that again. Right click Rename, we're gonna call it m, v four Metroidvania underscore, h, u d. Now what this is, is a HUD class blueprint. And what we need to do here is we need to actually tell our project to use this HUD class blueprint.

What are we going to use this one for? Well, we are actually going to use it to call our HUD to appear on screen. Firstly, let's set this HUD class blueprint within our project settings. So I'm going to come under my settings button Project Settings. And right over in the left hand side, we've got the maps in most option Over on the right we've got our selected game mode is this side scroller game mode. And if I click this little triangle drop down, we can see our BP players slotted in is our default pawn class.

Our HUD class is currently defaulted to this HUD class, HUD class, get it that was there by default, I'm going to click this little drop down and choose our m v HUD that we just created. And with that done, we can close out of our project settings. And I'm going to jump into my M v underscore HUD asset right here by double clicking on it. And you can see that this blueprint does have a viewport which we will do nothing with a Construction Script that we will do nothing with but this event graph, I am going to put a little bit of script in here. So go ahead and click on over here. There are some default event nodes.

I'm going to get rid of these bottom two by left clicking, dragging and deleting but I do want to do something thing off of this Event Begin Play. I'm going to drag a wire off of here. And I'm going to do a search for Create Widget. And the widget we want to create is our w BP HUD asset that we just created. That was this asset right here. Jumping back to my framework folder, and then what we will do is we'll take that return value, so that's going to create that widget.

And then we're going to take this off of here, left click and drag and say Add to Viewport. So now what we have just done is in our project settings, we told our project settings that hey, this is the HUD class blueprint that we want to use for our project. And within this HUD class blueprint, we've said hey, we want to create our HUD widget and add it to the viewport now our HUD widget currently does not have anything in it yet. So if I was to jump in and play right now by clicking this You're still not going to see anything. So that is what's to come next we got to start building out our HUD layout so we can see something. guys that is gonna do it all for this one.

We'll see you in the next one where we begin to lay out our HUD. See you there

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.