Menu Animations

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
€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

Okay, so let's jump straight into some animations, right click and create a new folder called animations. And then we're going to work on the in menu UI animations first. So we probably want how play button to pulse in and out. So we go over to in menu UI and go to play button. And we can just click over to animations, and we can click Create. It's going to ask us where to put the animation.

And we can just call this play button. And save inside of animations. And animations are pretty simple to do. We just need to we can actually just press the record button. And we can go to say 30. Change the width to 500 and the height to 500.

You see, or maybe it's a bit too big, but you'll see that they will turn red. And it will fill in the data here the size data, the size Delta data, and then we can copy these keyframes from the start. So you See goes up. copy these keyframes from the start and drop them in at the end here. And if we press play awesome, that's our sweet animation. I think it's a little bit too violent.

So let's go over to the middle keyframes again. And let's say 450. Let's see how that looks. Jesus still might be a little bit too. Now I think that looks everything looks fine for our purposes. Awesome.

The other thing that we want to adjust is if we select our logo, we want to create an animation and we want to say logo. Save that. And once again, we want to press the record button. So we can start it probably at like, let's say 700. And then at 30 or whatever you think looks good, we can drop it down a little bit. And then up here we can say 700.

Again, let's see what looks looks like. I think that's a little bit crazy. So we can just use this the scroll pad to just scroll down a little bit and we can drag these right at these keyframes. So I'm going to drag it out to say 150 and drag this to about there. And I'm going to actually adjust this up a little bit. Cool.

So if we press play, that looks a lot better to me. Okay, so if we press play now, we see the play button moves, and we see the logo move. We want the ball to rotate as well. So if we unclick that and we click on our left bowl, we can add a animator. Now this happened automatically before because we were we weren't using a child object But already had an animator. So we need to do this ourselves.

So if we just had an animated clip, and we click on our left ball, we'll see down here in the animation window, it now opens up a new. To begin animation left ball, click, click new animation clip, create new. We're going to call this left, all cool, and we just want to do some rotation. So if we press the record button and zoom, now we probably wanted about 200. So if we got to the rotation here, we can just go to the Z 360. So that's a full circle.

And then at that site, the two Yeah, would say zero. Press play. Awesome. So it looks good. But there's a little bit of dampening there. Well, what do we need to do?

Let's to fix that. Let's go into a curves and if we just scroll up, you'll see that our curves like this, we grow This section down here, we can drag it up. And if we grab this section here, we can drag that down. So it's a bit more of a straight line. And now if we press play, you'll see it's just rolling along as if like it's got no dampening or anything just like rolling long in the wind, which is the effect that we want. Awesome.

So we want to do the same thing for the right play button. Click on right click on right bowl, add animator. We can click back over to a dope sheet. It's asking us for a ripple animation clip. Yep, create new one. Yep, right.

Full suite. press the record button, leave it and put it at 360 we can go to two which is what we had left and zero go to a curve sheets. Let's press play and see how that looks. Okay, so now you understand the basics, adjust things to your liking, and I'll do the same. Okay, that looks pretty good to me. I'm happy with that at this stage.

And this actually concludes the polishing section of our game. Everything is working pretty well, except for ads, but we'll cover that in the next section. But a game is working pretty good. All the buttons work fine, we can play, we can pause, we can play again. We can control everything. We've got animations working, and everything is looking pretty swell.

In the conclusion, we'll talk about what we've learned over this series, and just reiterate a few of the design and coding decisions that we've made. And we'll also implement our unity ads. Look forward to seeing 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.