WEBVTT 00:00.150 --> 00:05.970 Let's continue with the bouncing ball and make it look even better, so currently we have something 00:05.970 --> 00:10.250 that is kind of hard to see if we play it back in the timeline here. 00:10.560 --> 00:15.260 So, I mean, it all be and we can see it kind of is hard to see exactly what's happening. 00:15.310 --> 00:19.900 Let me show you how we can actually export a movie so we can see our animation a little more accurately. 00:20.280 --> 00:22.620 Let's right click on the timeline here. 00:22.980 --> 00:25.980 And at the bottom, there's the option for play blast. 00:25.980 --> 00:30.230 And you can also get to it from the animation shelf here. 00:30.240 --> 00:32.080 There's this little button that says play blast. 00:32.520 --> 00:36.900 So if we click that, it will play blasted out into a movie file. 00:37.350 --> 00:40.980 If you want to see the options from play blasting, you can right. 00:40.980 --> 00:45.870 Click on the time line and go down to the little box in the bottom right here. 00:46.630 --> 00:48.770 Going to bring this up for two seconds. 00:49.560 --> 00:54.090 And if you right click here, you can go down to play blast and then click on this little box here and 00:54.090 --> 01:01.140 you can get all the options for how you want to play, blast it out and where to save it and all that 01:01.140 --> 01:01.780 kind of good stuff. 01:01.800 --> 01:08.820 So basically, what you want to do is just choose this AB foundation means quick time and the type of 01:08.820 --> 01:12.750 encoding and whether you want to do from window or from the render settings. 01:13.120 --> 01:17.880 And I like to do from Windows because it gives you exactly what you're seeing in the viewport and you 01:17.880 --> 01:21.630 can say make sure that save to file is turned on so you actually save it. 01:21.630 --> 01:24.780 And now we have our movie that we can watch. 01:25.200 --> 01:33.390 So it's much better to do this to evaluate the animation than to playing it back in the viewport all 01:33.390 --> 01:38.310 the time because it can kind of stutter and you can drop frames and not get an accurate representation. 01:38.310 --> 01:41.550 But in a quick time movie now we can actually see what's kind of happening. 01:41.550 --> 01:43.890 So let's evaluate what's happening. 01:43.890 --> 01:46.380 What kind of ball is this is what we need to start asking ourselves. 01:46.380 --> 01:47.820 How bouncy of a ball is it? 01:47.820 --> 01:54.600 If we look at the height at which it's leaving here and it bounces back up only this high, it's not 01:54.600 --> 01:57.180 a very bouncy ball and a more bouncy ball. 01:57.180 --> 01:59.100 Of course, we would have a higher bounce up here. 01:59.100 --> 02:05.790 So let's adjust that so that it gives us more room to add more bounces because each successive bounce 02:05.790 --> 02:07.470 is going to be at a lower height. 02:07.860 --> 02:12.600 So it's going to have this kind of descending height in the top of each bounce. 02:12.660 --> 02:15.100 OK, so let's recreate that in Miami. 02:15.210 --> 02:22.500 Someone hit spacebar and go into my graph editor, which if I, I just opened up my eye so it doesn't 02:22.500 --> 02:23.760 remember that panel setting. 02:23.770 --> 02:28.560 So I'm just going to get those panels back by going to layouts, two panes stacked and then going to 02:28.560 --> 02:32.190 panels and panel and opening up the graph editor. 02:32.760 --> 02:33.840 And now I have that selected. 02:33.840 --> 02:40.740 And so now I can see and isolate the trancelike Y and pretty easily we can just I'm going to hold down 02:40.740 --> 02:43.140 K and click in the graph header. 02:43.140 --> 02:44.310 That's another little shortcut. 02:44.340 --> 02:47.910 If I click in the graph header, it's not going to move the timeline here. 02:48.240 --> 02:55.920 But actually anywhere that you click the press k and hold it on your keyboard, you can actually scrub 02:56.070 --> 03:00.960 from the viewport, you can scrub from the graph better, you can scrub anywhere if you hold down K 03:01.350 --> 03:03.240 so it's kind of and click and drag. 03:03.240 --> 03:08.220 So it's kind of a nice little shortcut, especially in the graph editor when you kind of want to stay 03:08.220 --> 03:16.170 in this view to use K so we can get to that key frame and just drag it up a little bit and we can zoom 03:16.170 --> 03:21.000 out here so we can see relative to the height of the top, which we can also really do from here, because 03:21.000 --> 03:23.340 this kind of represents height here, right? 03:23.370 --> 03:26.790 This is the Y axis is the values of how high it is. 03:27.210 --> 03:33.310 So the other thing we need to do is just adjust these tangent handles to to kind of better represent 03:33.310 --> 03:35.790 to that kind of arc that we're going to want. 03:36.540 --> 03:43.050 And the other type of tangent that we might want to do is to, let's say, extend this up. 03:43.050 --> 03:50.580 We want it to have more time at the top of the arc so we could do the same thing that we were doing 03:50.580 --> 03:57.240 over here before, where we could drag up the keys on either side of the main key here to try to keep 03:57.240 --> 03:58.680 it up longer. 03:59.130 --> 04:01.860 And but that's that's adding a lot of animation. 04:01.860 --> 04:04.470 And so let's use these tools to our advantage in the graph editor. 04:04.890 --> 04:07.110 So I want to be able to extend these handles out. 04:07.110 --> 04:09.660 I'm holding down shift of middle mouse dragging and nothing's happening. 04:09.960 --> 04:14.130 So I can click these tangents here and go to Curve's. 04:15.640 --> 04:16.850 Weighted tangents. 04:17.470 --> 04:22.700 So when I click that now you can see the tangents themselves actually kind of change how they look. 04:23.080 --> 04:28.600 We have these little open squares here and if I shift middle mouse drag with them selected, I can actually 04:28.600 --> 04:34.090 change the type of curve that's happening with these tangent handles. 04:34.480 --> 04:35.700 So it's very useful. 04:35.710 --> 04:41.770 So if we just shift middle mouse, drag this out just a little bit, we can actually get more hang time 04:41.770 --> 04:43.020 at the top of this arc. 04:43.600 --> 04:44.320 So it's pretty cool. 04:44.590 --> 04:48.880 So let's make a quick play, a blast of this and we're going to hit spacebar here. 04:49.390 --> 04:55.060 And now we can see there's a lot more bounce to this and it stays in the air longer. 04:56.860 --> 05:05.590 But the other thing is it's kind of the rate at which it's going back up on the bounce is almost faster 05:05.590 --> 05:07.710 than the rate it's falling here. 05:08.560 --> 05:09.610 So let's take a look at that. 05:10.780 --> 05:17.830 So if we click on this and we go to this little button here, we can ghost the object. 05:18.850 --> 05:22.730 So when we scrub through, we can actually see the spacing here. 05:23.080 --> 05:28.660 So this is called spacing and animation, and it's a very, very important concept. 05:29.050 --> 05:33.180 So we can see what's happening on either side of these frames. 05:33.190 --> 05:34.570 It's a very slow start. 05:35.020 --> 05:40.870 And then almost like a Venn diagram, you can see where these each frame is overlapping each other. 05:41.170 --> 05:45.730 And then the further along in the animation we get, we can see that the spacing is getting further 05:45.730 --> 05:46.060 apart. 05:46.090 --> 05:48.080 So that means the ball is speeding up. 05:48.100 --> 05:53.500 So this is another way to visually represent what's actually happening in our animation so we can see 05:53.740 --> 05:57.720 and compare the spacing between each of the bounces. 05:57.730 --> 06:00.030 So it's actually doing pretty well, actually. 06:00.220 --> 06:06.640 So, you know, what we wouldn't want is for the spacing on the bounce to be further apart than the 06:06.640 --> 06:11.830 way coming in, because that wouldn't make any sense physically in physics, this should be losing energy 06:11.830 --> 06:12.690 and not gaining it. 06:12.700 --> 06:15.730 So we are in fact doing that properly. 06:15.730 --> 06:21.400 And ghosting is kind of a nice way to do it, especially if you have geometry like this, you can get 06:21.400 --> 06:22.810 a little bit bogged down. 06:22.810 --> 06:25.370 But for the most part, it's really nice. 06:25.780 --> 06:28.030 So let's add a couple more bounces here. 06:28.040 --> 06:32.170 I'm going to extend the timeline out and I'm going to turn off ghosting for now, clicking this little 06:32.170 --> 06:34.030 button up here, no ghosting. 06:34.840 --> 06:37.210 And let's go back into the graph, Ed. 06:37.540 --> 06:40.150 So I'm going to go for five frames. 06:40.150 --> 06:41.650 One, two, three, four, five. 06:41.950 --> 06:43.690 The drag this up just a little bit. 06:44.080 --> 06:47.230 I'm going to go for five frames, one, two, three, four, five. 06:47.230 --> 06:54.700 And I'm going to copy paste this value down here by hitting Command and Command V after selecting that 06:54.700 --> 06:55.210 key frame. 06:55.480 --> 06:58.540 You can also see that we get these values in the graph editor. 06:58.540 --> 07:03.820 We can see the frame number that it occurs on and the value so we can also manipulate whatever we have 07:03.820 --> 07:05.980 selected by typing in a number here. 07:06.430 --> 07:09.630 So let's create one more bounce here. 07:09.640 --> 07:12.130 Let's go one, two, three, four, five. 07:12.580 --> 07:14.320 And let's drag this up. 07:14.320 --> 07:19.600 Just a touch and then we'll go, one, two, three, four, five, and then we'll hit Command V. 07:20.410 --> 07:30.460 So what we have here is we need to create a descending order of bounces so the ball is losing energy 07:30.460 --> 07:33.370 as it's bouncing and continuing down. 07:33.820 --> 07:39.730 And the other thing we need to take a look at is, first off, these tangent handles are a little wonky, 07:40.210 --> 07:48.400 but also the, you know, understanding the fact that as the ball is not going as high, we're giving 07:48.400 --> 07:50.350 it the same amount of time, which is incorrect. 07:50.350 --> 07:50.650 Right. 07:50.890 --> 07:56.080 We want to keep this type of a slope at this angle of a slope through each of the bounces. 07:56.320 --> 07:59.890 But as we get lower and lower, that angle is getting much more shallow. 07:59.890 --> 08:05.620 So we need to reduce the amount of frames that we're giving this to occur so that this slope maintains 08:05.860 --> 08:06.970 is the same way. 08:06.970 --> 08:08.260 So let's take a look at this. 08:08.260 --> 08:13.030 Let's take two frames off of both sides here and one, two. 08:13.330 --> 08:19.450 So now we can already see this angle right here is already starting to be way more accurate to what 08:19.450 --> 08:21.220 we're seeing over here in the first bounce. 08:21.730 --> 08:24.670 So let's get that kind of set up the way we want it. 08:26.170 --> 08:30.390 And we also need to reduce this one by frame on either side. 08:30.400 --> 08:35.200 Remember, we did two here on either side of the top, so let's do one on either side of here. 08:35.500 --> 08:38.860 So instead of five on each side, we're going to do four on each side. 08:39.310 --> 08:42.370 And then this last one is three on each side. 08:43.270 --> 08:48.820 So I'm just going to maybe bring that down and then increase the hang time at the top by dragging those 08:48.820 --> 08:49.090 out. 08:49.570 --> 08:53.080 These look OK and that one looks OK. 08:53.530 --> 08:54.700 Maybe drag this one out. 08:54.700 --> 08:57.310 Just a touch and let's make one more. 08:57.340 --> 09:01.900 And instead of three, remember, this one is three on each side we can see one, two, three to the 09:01.900 --> 09:02.260 middle. 09:02.590 --> 09:06.910 So instead of three, let's go one, two and drag this up. 09:07.630 --> 09:14.830 Let's go to forward and at Command V, we can actually reset these by going to the auto tangent button 09:14.830 --> 09:23.350 over here and then just kind of getting back into the tangent here to make them be what we want them 09:23.350 --> 09:23.710 to be. 09:27.180 --> 09:34.500 Cool, so you might have noticed that the ball is bouncing in the same place. 09:34.650 --> 09:40.280 So if we take a look at this and we scrub the timeline, we can see it just kind of goes there and bounces. 09:40.290 --> 09:44.190 Well, we can see that it's not going forward here when we scrub the timeline. 09:44.490 --> 09:47.100 So that's because it's not going for it and translate. 09:47.370 --> 09:51.120 And we can see it, Zebb, because it's the color blue and we can look over here and see translate translates 09:51.170 --> 09:51.720 is blue. 09:52.260 --> 09:57.360 And if we go into the graph editor for that attribute, we can see that it does just stop here. 09:57.750 --> 10:03.330 Let's go back to that keyframe and we can actually, without adding more keyframes, we can extend this 10:03.330 --> 10:03.990 animation out. 10:04.000 --> 10:10.080 So if we go to view infinity, we can see these dotted lines, which means infinity. 10:10.360 --> 10:14.700 And if we want to continue this animation, we need to change this tangent handle because this tangent 10:14.700 --> 10:16.290 handle is flat over here. 10:16.620 --> 10:19.690 So let's choose another different type of tangent here. 10:19.710 --> 10:21.270 Let's choose the spline tangent. 10:21.540 --> 10:22.800 So I'll straighten this out. 10:22.800 --> 10:24.540 But still, the dotted line is flat. 10:24.720 --> 10:26.430 So we need to do one more thing. 10:26.460 --> 10:28.020 Let's go to the curves. 10:28.290 --> 10:34.620 You go to post infinity, meaning post after the keyframe we have and let's go to Linear to continue 10:34.620 --> 10:35.390 that animation. 10:35.400 --> 10:40.730 So now when we scrub, we can see this actually continues all along the timeline. 10:41.130 --> 10:48.060 So let's just extend the timeline out a little bit and then we can hit a key frame over here on Translate 10:48.060 --> 10:48.420 Z. 10:49.350 --> 10:56.160 And now we can kind of save that animation that helped us project that kind of angle that we had going 10:56.160 --> 10:56.620 forward. 10:56.960 --> 11:01.590 I just want to extend this out so it kind of maintains this angle here. 11:02.010 --> 11:07.620 And I'll maybe even adjust this middle one just a touch so that it's a little more straight all the 11:07.620 --> 11:12.940 way through, and then it'll slow down and stop towards the end of the ground that we have. 11:13.680 --> 11:15.270 So now we've already done the translate. 11:15.270 --> 11:15.890 Why? 11:16.200 --> 11:19.140 So let's just play blast this real quick and see what we have. 11:20.340 --> 11:24.380 So now we have a pretty legitimate animation of a bouncing ball. 11:24.390 --> 11:29.160 Now it seems like it has weight and that it's bouncing properly. 11:29.490 --> 11:35.080 And in the next lesson, we're going to discuss very quickly the idea of squash and stretch. 11:35.100 --> 11:35.790 Thanks for watching.