Menu Layouts

6 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
€95.85
List Price:  €134.19
You save:  €38.34
£79.54
List Price:  £111.35
You save:  £31.81
CA$143.73
List Price:  CA$201.23
You save:  CA$57.50
A$159.93
List Price:  A$223.91
You save:  A$63.97
S$135.54
List Price:  S$189.77
You save:  S$54.22
HK$777.83
List Price:  HK$1,089
You save:  HK$311.16
CHF 89.34
List Price:  CHF 125.09
You save:  CHF 35.74
NOK kr1,131.88
List Price:  NOK kr1,584.68
You save:  NOK kr452.80
DKK kr715.08
List Price:  DKK kr1,001.15
You save:  DKK kr286.06
NZ$176.75
List Price:  NZ$247.46
You save:  NZ$70.70
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.92
৳11,945.33
List Price:  ৳16,723.94
You save:  ৳4,778.61
₹8,493.77
List Price:  ₹11,891.62
You save:  ₹3,397.85
RM450.75
List Price:  RM631.07
You save:  RM180.32
₦154,938.50
List Price:  ₦216,920.10
You save:  ₦61,981.60
₨27,824.38
List Price:  ₨38,955.25
You save:  ₨11,130.86
฿3,419.79
List Price:  ฿4,787.84
You save:  ฿1,368.05
₺3,519.01
List Price:  ₺4,926.76
You save:  ₺1,407.74
B$608.53
List Price:  B$851.97
You save:  B$243.44
R1,830.80
List Price:  R2,563.19
You save:  R732.39
Лв187.32
List Price:  Лв262.25
You save:  Лв74.93
₩144,627.53
List Price:  ₩202,484.33
You save:  ₩57,856.80
₪365.39
List Price:  ₪511.57
You save:  ₪146.17
₱5,882.91
List Price:  ₱8,236.31
You save:  ₱2,353.40
¥15,643.93
List Price:  ¥21,902.13
You save:  ¥6,258.20
MX$2,007.58
List Price:  MX$2,810.70
You save:  MX$803.11
QR364.41
List Price:  QR510.19
You save:  QR145.78
P1,381.63
List Price:  P1,934.33
You save:  P552.70
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,087.81
List Price:  E£7,123.14
You save:  E£2,035.32
ብር12,764.56
List Price:  ብር17,870.89
You save:  ብር5,106.33
Kz91,790.82
List Price:  Kz128,510.82
You save:  Kz36,720
CLP$98,905.10
List Price:  CLP$138,471.10
You save:  CLP$39,566
CN¥729.56
List Price:  CN¥1,021.42
You save:  CN¥291.85
RD$6,087.13
List Price:  RD$8,522.23
You save:  RD$2,435.09
DA13,485.25
List Price:  DA18,879.89
You save:  DA5,394.64
FJ$231.62
List Price:  FJ$324.28
You save:  FJ$92.66
Q770.23
List Price:  Q1,078.35
You save:  Q308.12
GY$20,913.67
List Price:  GY$29,279.97
You save:  GY$8,366.30
ISK kr13,911.60
List Price:  ISK kr19,476.80
You save:  ISK kr5,565.20
DH1,006.07
List Price:  DH1,408.53
You save:  DH402.46
L1,836.70
List Price:  L2,571.46
You save:  L734.75
ден5,900.06
List Price:  ден8,260.33
You save:  ден2,360.26
MOP$800.26
List Price:  MOP$1,120.39
You save:  MOP$320.13
N$1,840.36
List Price:  N$2,576.58
You save:  N$736.22
C$3,678.42
List Price:  C$5,149.94
You save:  C$1,471.51
रु13,597.49
List Price:  रु19,037.04
You save:  रु5,439.54
S/372.23
List Price:  S/521.13
You save:  S/148.90
K405.36
List Price:  K567.52
You save:  K162.16
SAR375.62
List Price:  SAR525.88
You save:  SAR150.26
ZK2,766.46
List Price:  ZK3,873.15
You save:  ZK1,106.69
L477.10
List Price:  L667.96
You save:  L190.86
Kč2,408.98
List Price:  Kč3,372.68
You save:  Kč963.69
Ft39,689.03
List Price:  Ft55,566.23
You save:  Ft15,877.20
SEK kr1,103.13
List Price:  SEK kr1,544.43
You save:  SEK kr441.30
ARS$102,160.40
List Price:  ARS$143,028.65
You save:  ARS$40,868.24
Bs690.76
List Price:  Bs967.10
You save:  Bs276.33
COP$435,928.80
List Price:  COP$610,317.76
You save:  COP$174,388.96
₡50,434.81
List Price:  ₡70,610.75
You save:  ₡20,175.94
L2,537.51
List Price:  L3,552.62
You save:  L1,015.10
₲779,455.88
List Price:  ₲1,091,269.42
You save:  ₲311,813.53
$U4,474.38
List Price:  $U6,264.31
You save:  $U1,789.93
zł408.66
List Price:  zł572.14
You save:  zł163.48
Already have an account? Log In

Transcript

Cool. So now we're going to be dealing with the in menu UI instead of the in game UI. So this will be like our main menu, but it'll also be our pause menu, there'll be both be the same thing. So first thing we're gonna do is turn off our in game UI, because we won't be seeing that. And then under in menu UI, we want to turn that on. And then we want to right click, we want to create a new UI panel.

And we can just drag this right up. Awesome. So that covers our main area. We can change the color if we want a little bit so we can have like a Bluey color or something, just choose something that you enjoy. So we want to create our play buttons, we can just right click Create new UI button. Same deal.

We don't need the text. Call this play button and change the sprite. To a play button, preserve aspect. And then we can change the height and the width to 300 by 300 or whatever you think suits. I'm going to bring it down a little bit just to cover up our player. And the next thing we want to do is create a new empty, I'm gonna call this logo.

And then underneath logo, we're going to create another UI. We're gonna create a UI image, and that image is going to be a balloon beach title here. Once again, she's thing that suits you. Drag this hump Nicole this title. I'm going to create a new image. I'm going to choose the game toggle logo, bold.

Change about 250 to 250. And also bring this to the right location when coolest left ball, and I'm going to copy and paste. Right Oh, cool. And I'm just gonna drag the title underneath. So kind of this there in the background. And then just fiddle around till you get something that have something that you think looks good.

Cool. So that's the in menu UI. Obviously, nothing is working just yet, but let's just turn off the menu UI. And let's go to a game over menu UI. So first thing we want to do is we can actually copy this panel awesome straggling to that You can obviously change this to something be something else. If he wants something else to add like a different color key, we could make it like a red color or something.

But I'm just going to leave it as is. Next thing we want to add is a button. And this will be to restart our game. So obviously because it's gonna be called a restart button and get rid of the text, because obviously we don't need that. Let's change the sprite to the restart button. Let's change the preserve aspect.

I'm gonna change this to 303 hundred, just like our play button. And then I'm going to drag it down just a little bit just to cover up our character as well. Once again, this is all personal preference, do whatever you think looks good. Next thing is our heart right click, UI button. So when a call is hot, and then in brackets, add Oh show add spice, it's a good way of saying it. We don't need the text, we can obviously change the sprite to the heart.

We can preserve aspect ratio and change the width to 150 by 50 choose the position that you would like to be cool. The other thing we need is our crown to show our high school, we still need to code the functionality for that but that is fine. So first thing we need to do is add a another image. This image will be the crown. So I found that for 38 by 290 looks pretty good and change the position Call his crown image. Next thing I want to do is add some text.

So we're gonna have some text mesh pro text. I'm gonna call this high school. You know the drill by now, let's put in a number 458, whatever you want to name it. It's a lot about the center. Let's change the font. Let's change the size.

Bring this position up. Okay, so now we have the basic menus set up. Now that doesn't look crash hot, but all the items that we will need there, and late in later episodes, we'll be cutting the functionality and editing the animations. So now I'm just gonna make some final adjustments to really Make this menu system look better. This is all personal preference. So just choose whatever you think looks good.

And run with that. Cool, so I'm pretty happy with the in game UI. I'm pretty happy with the in menu UI now. I think that looks much better. And I'm pretty happy with the game over menu, you're gonna have a red tinge there. And I think everything is a bit more proportional, it looks a little bit better.

Cool. In the next episode, let's talk cutting the functionality.

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.