WEBVTT 00:00.040 --> 00:02.360 Let's make the player animation by now. 00:02.920 --> 00:09.280 Uh, but before we do, let's create animation folder so we can drag all of the animation into that 00:09.280 --> 00:11.760 folder to keep our project clean. 00:11.760 --> 00:14.800 So let's head over to this project tab then asset. 00:14.840 --> 00:19.120 Let's right click on this Assets Create and then folder in the top. 00:19.120 --> 00:22.560 And I'm going to name this folder to something like animation. 00:22.960 --> 00:26.600 And let's hit in enter to create the folder. 00:26.600 --> 00:33.360 And let's create also a sub folder for our player animation because we're going to have multiple animation 00:33.360 --> 00:36.880 like anime animation, some stuff animation. 00:36.880 --> 00:37.760 So that's why. 00:37.800 --> 00:42.720 So let's double click on this uh to just open that up animation folder. 00:42.720 --> 00:47.880 Or you can just simply right click on this animation folder, then create and then folder. 00:47.880 --> 00:51.880 And we can name this folder to something like uh player animation. 00:51.880 --> 00:56.680 So let's create a player animation sub folder for our player animation. 00:56.960 --> 01:01.560 So let's create a player player underscore animation. 01:01.560 --> 01:05.280 We can simply call it and that's it. 01:05.320 --> 01:08.340 And now we are ready to create the animation. 01:08.340 --> 01:14.500 And before you create the animation, you need animator tab, sorry animation tab, as well as this 01:14.540 --> 01:15.620 animator tab. 01:15.620 --> 01:17.060 So how you can find that? 01:17.060 --> 01:20.340 In order to get it you need to go window in the top. 01:20.340 --> 01:23.940 Then scroll down a bit says general or sorry not general. 01:23.980 --> 01:30.220 Basically, you need to move over to this animation section and you can see animation tab and the shortcut 01:30.260 --> 01:30.460 key. 01:30.500 --> 01:32.580 You can see Control Plus six. 01:32.580 --> 01:39.620 So if you just uh press down Control Plus six, it's gonna bring up the animation tab as a right away 01:39.740 --> 01:43.940 or immediately as well as you're gonna need this animator tab. 01:43.940 --> 01:45.780 So I don't have the animation tab. 01:45.780 --> 01:49.820 So I'm going to just click on this animation tab in order to get it. 01:49.820 --> 01:53.180 And we're going to toggle it down in the bottom somewhere over here. 01:53.620 --> 01:57.020 Uh or I'm gonna move it over here, something like that. 01:57.260 --> 02:00.100 And we are ready to create the animation. 02:00.100 --> 02:04.820 So, uh, before you create, make sure you select the player GameObject in the hierarchy. 02:06.100 --> 02:12.190 And as soon as we have chosen our player game object in hierarchy, we can see in the animation tab 02:12.470 --> 02:14.310 we get a create button. 02:14.310 --> 02:17.990 So just click on that create button in order to create the animation. 02:17.990 --> 02:19.670 And we're going to create the animation. 02:19.670 --> 02:23.670 So firstly we're going to move over to this assets in the top left you can see. 02:23.670 --> 02:24.910 So let's click there. 02:24.910 --> 02:27.630 And we do know we created a animation folder. 02:27.630 --> 02:29.990 And we can see it right over here. 02:29.990 --> 02:33.350 So let's double click on it in order to open that up. 02:33.350 --> 02:40.110 And we also can see that we have clear underscore animation folder basically this folder. 02:40.110 --> 02:43.630 So let's open that up as well by double clicking on it. 02:43.630 --> 02:46.750 And we have to name the animation what we want to name it. 02:46.750 --> 02:49.710 So this will be the player underscore run something like that. 02:49.710 --> 02:53.150 So I'm going to call it player underscore. 02:53.190 --> 02:57.990 Or you can just make it space as well if you don't want to put underscore. 02:58.030 --> 02:59.710 But I'm going to put underscore. 02:59.870 --> 03:01.350 And this will be the run one. 03:01.350 --> 03:02.870 So I'm going to call it run. 03:02.870 --> 03:08.030 So player underscore run I just name it the animation as you can see. 03:08.070 --> 03:12.270 And after doing that click on this save button in the bottom right you can see. 03:12.270 --> 03:13.430 So just click that. 03:13.790 --> 03:20.690 And as soon as we click we can see we need to drag all of the individuals frames right over here or 03:20.730 --> 03:21.290 sprite. 03:21.290 --> 03:25.890 So what you need to do, you need to move over to this project tab, then assets. 03:25.890 --> 03:28.210 And I'm going to move over to this sprite folder. 03:28.210 --> 03:30.530 Basically we have to find the player sprite. 03:30.530 --> 03:32.850 So I'm going to move over to this player sub folder. 03:32.850 --> 03:37.010 And we can see the player sprite over here player sprite sheet. 03:37.010 --> 03:41.450 So let's click there and let's click on this arrow to able to see individual. 03:41.450 --> 03:47.770 So what you have to do you need to select the run sprites individual sprite all of them over to this 03:47.810 --> 03:48.890 animation tab. 03:48.890 --> 03:55.370 But before you do make sure you just click on this red button in animation tab in order to capture the 03:55.370 --> 03:57.930 animation or to record the animation. 03:57.930 --> 03:59.210 So make sure you do that. 03:59.210 --> 04:04.850 And after doing that, or select all of the sprite from that folder. 04:05.010 --> 04:08.530 So I have 123456. 04:08.530 --> 04:14.050 So six frames I can see this is the run frames individual round frame. 04:14.050 --> 04:18.010 So I'm going to select all of them and drag it over to this animation tab. 04:18.250 --> 04:23.780 And we can click on this play button in order to play the animation, but the problem is that animation 04:23.780 --> 04:24.500 is too fast. 04:24.500 --> 04:29.940 So what we need to do, we need to make some spaces between these individual sprite. 04:29.940 --> 04:35.660 So select like this and we're gonna move it over to something like uh, 30 I guess 30 just gonna be 04:35.700 --> 04:36.820 a perfect number. 04:36.820 --> 04:44.220 And we can just click on this play button in order to play our animation so we can we a, uh, so what 04:44.220 --> 04:47.260 we need to do, we need to remove one sprite. 04:47.260 --> 04:52.020 But before we do, let's click on this play button in order to play our animation. 04:52.340 --> 04:57.300 So I guess we need to, uh, remove this one. 04:57.300 --> 05:01.860 So we're gonna select our last frame and we can simply delete, uh, to remove that. 05:01.860 --> 05:06.140 And we can just click on this play button and we can see the animation. 05:06.380 --> 05:09.180 But the animation, uh, kind of look weird. 05:09.180 --> 05:12.860 So I'm going to select the last frame and I'm gonna move it over here. 05:13.060 --> 05:14.820 And we're gonna move manually. 05:14.860 --> 05:15.900 Set this up. 05:15.900 --> 05:18.860 So let's select individual and we're going to move it five. 05:18.900 --> 05:23.300 Then this one should be in ten to just make the animation perfect. 05:23.300 --> 05:25.020 And I'm gonna move this 20. 05:25.260 --> 05:27.280 And then this is going to be 25. 05:27.280 --> 05:30.760 And let's click on this play button to play the animation. 05:30.760 --> 05:32.720 And we can see the animation. 05:32.720 --> 05:33.400 Indeed. 05:33.520 --> 05:35.640 And this is fine by now. 05:35.640 --> 05:37.520 So we can just click on this play button. 05:38.000 --> 05:40.240 And this is okay I guess. 05:40.280 --> 05:45.280 And once you are done make sure you just click on this red button one more time in order to capture 05:45.280 --> 05:46.320 the animation. 05:46.800 --> 05:49.480 And we're gonna have other animation as well. 05:49.480 --> 05:53.400 Something like taking damages, uh, something like that. 05:53.400 --> 05:54.680 We need. 05:55.080 --> 05:57.560 And we also gonna create the jump animation. 05:57.560 --> 06:01.440 So let's create the jump animation of our player game object. 06:01.440 --> 06:06.680 So select the player game object one more time in the hierarchy, then move over to this animation tab 06:06.680 --> 06:11.000 and then click over here in order to create another animation. 06:11.000 --> 06:13.160 So we're going to click on this Create New clip. 06:13.160 --> 06:15.560 And this is going to be the player underscore jump. 06:15.560 --> 06:18.640 Or this is going to be player jump animation clip. 06:18.640 --> 06:22.680 So I'm going to call this one to something like player underscore jump. 06:23.120 --> 06:28.960 And let's click on the save button one more time in order to uh just drag the frames. 06:28.960 --> 06:35.540 So let's click on this red button in order to capture or record our animation, I'm going to choose 06:35.580 --> 06:37.180 a sprite, something like this one. 06:37.180 --> 06:39.900 I'm going to choose a single sprite to make the jump. 06:40.820 --> 06:46.780 So let's select this one and drag it over here, and we can just click on this play button in order 06:46.780 --> 06:47.260 to play. 06:47.260 --> 06:49.820 So we can see we only have one sprite. 06:49.820 --> 06:52.300 So it's just playing over again and again. 06:52.300 --> 06:56.420 And we can just click on this red button in order to capture the animation. 06:56.420 --> 07:00.100 And we have created all of the animation by now. 07:00.100 --> 07:02.980 So I'm going to drag this animation tab in the bottom. 07:02.980 --> 07:09.260 So I'm going to toggle it this animation now in the bottom somewhere over here because we have created 07:09.260 --> 07:15.540 all of the animation by now, and we don't want the jump animation clip to be looped. 07:15.540 --> 07:17.220 So I'm going to unloop that. 07:17.220 --> 07:18.780 So how you can do that? 07:18.820 --> 07:24.460 In order to do, make sure you just move over to this project tab, then assets folder, and you basically 07:24.460 --> 07:30.180 need to move over to that folder in which folder you just place your all of the animation. 07:30.180 --> 07:32.380 So in my case this animation folder. 07:32.380 --> 07:37.590 So let's head over to that animation folder and let's click over here to expand. 07:37.590 --> 07:41.070 And we can see we also have a player underscore. 07:41.110 --> 07:42.710 Animation subfolder. 07:42.710 --> 07:45.670 And we can see we have both of those animation. 07:45.670 --> 07:48.990 So we have this player underscore jump animation clip. 07:48.990 --> 07:54.350 And we can see it over here as well as we have player underscore run animation clip. 07:54.350 --> 07:57.230 So I don't want jump animation clip to below. 07:57.230 --> 08:02.870 So I'm going to select my jump animation clip player underscore jump and then go over to Inspector in 08:02.870 --> 08:03.630 the right. 08:03.630 --> 08:05.830 And then I'm going to uncheck this loop time. 08:05.830 --> 08:09.870 So the animation not gonna be not gonna be looped right away. 08:10.030 --> 08:12.070 And we can just click on this play button. 08:12.070 --> 08:14.110 You will see this player game object. 08:14.110 --> 08:20.590 Just gonna play the run animation clip over again and again, because that one is the default animation 08:20.590 --> 08:20.870 clip. 08:20.870 --> 08:23.030 So that's why it's gonna play. 08:25.270 --> 08:28.350 So as soon as the game started we can see the jump. 08:28.470 --> 08:28.910 Sorry. 08:28.910 --> 08:32.510 The running animation clip just playing over again and again. 08:32.510 --> 08:33.910 So basically that is the thing. 08:33.910 --> 08:35.710 So I'm gonna get out of play mode. 08:35.750 --> 08:42.630 I hope you get the idea that, uh, how you can create your animation and that's it.