1

00:00:00,490 --> 00:00:05,950

So as you can see here these are the lines of code that I pasted here.



2

00:00:06,160 --> 00:00:11,530

So now as you can see we have a method here and now I'm going to actually explain to you what's going



3

00:00:11,530 --> 00:00:12,000

on here.



4

00:00:12,010 --> 00:00:12,950

Exactly.



5

00:00:13,180 --> 00:00:20,230

So the access modifier of this method is private and as you can see here the return type of the Smurfette



6

00:00:20,230 --> 00:00:20,950

is void.



7

00:00:20,950 --> 00:00:23,740

And this means that this method is going to return nothing.



8

00:00:24,040 --> 00:00:27,410

The name of the Smurfit is animate animal quiz.



9

00:00:27,430 --> 00:00:28,160

Right.



10

00:00:28,240 --> 00:00:36,070

So the purpose of this method is to actually create an animation when the user is actually guessing



11

00:00:36,070 --> 00:00:37,630

the name of our animal.



12

00:00:37,630 --> 00:00:43,050

So for example here if you have a peacock and he asked just need to select a picture here as you can



13

00:00:43,060 --> 00:00:43,690

see it's kind of eight.



14

00:00:43,720 --> 00:00:47,320

And then he's going to actually perform an animation here.



15

00:00:47,320 --> 00:00:50,350

So here for example we have a dolphin.



16

00:00:50,490 --> 00:00:51,500

It's kind of eight.



17

00:00:51,640 --> 00:00:53,670

And then he's going to perform an animation.



18

00:00:53,890 --> 00:01:00,130

So now let me actually change the background color of our Quiz linearly out so choose by going on color



19

00:01:00,220 --> 00:01:03,080

and choose for example black.



20

00:01:03,610 --> 00:01:07,960

And then we can back as you can see here we have actually our rabbit.



21

00:01:08,110 --> 00:01:12,000

So just choose rabbit and then it's going to perform an animation as you can see here.



22

00:01:12,190 --> 00:01:15,950

So let's look at our Mefford animal animate animal quiz.



23

00:01:16,390 --> 00:01:20,740

And this method actually accepts an argument of type Boolean.



24

00:01:20,740 --> 00:01:25,870

The name of this argument is animate out animal image.



25

00:01:26,200 --> 00:01:32,340

So this means that whenever For example the user is actually let me show you the emulator.



26

00:01:32,350 --> 00:01:36,940

So for example the user is actually guessing the name of the animal.



27

00:01:36,940 --> 00:01:39,460

So here you have actually a horse.



28

00:01:39,460 --> 00:01:43,780

So now horse and then it's going to actually animate this image animate out.



29

00:01:43,810 --> 00:01:44,450

Right.



30

00:01:44,470 --> 00:01:49,960

So here we have a flappy bird and then it's going to animate out here as you can see the animate out



31

00:01:50,170 --> 00:01:51,150

occurred here.



32

00:01:51,370 --> 00:01:58,060

So now I actually created this boolean variable here so when will we actually passed the value true



33

00:01:58,070 --> 00:02:01,870

to this method is going to animate out these are image.



34

00:02:01,870 --> 00:02:06,110

So here we have a chat and now it's going to animate out this animal image.



35

00:02:06,190 --> 00:02:11,520

So it's going to animate out if we actually pass the value true to this method.



36

00:02:11,660 --> 00:02:18,260

So otherwise if you actually pass the value falls to the Somerford it's not going to animate out that



37

00:02:18,340 --> 00:02:18,640

image.



38

00:02:18,640 --> 00:02:20,650

For example here we have fish.



39

00:02:20,710 --> 00:02:22,920

Now it's going to animate out this fish image.



40

00:02:23,080 --> 00:02:29,200

And now as you can see we have another animation that actually is performed here in order to show the



41

00:02:29,200 --> 00:02:30,390

next animal.



42

00:02:30,580 --> 00:02:36,130

So here we have a peacock and now is going to animate out this Picart and then it's going to actually



43

00:02:36,130 --> 00:02:40,190

perform another animation to show the next animal which is now Pinguin.



44

00:02:40,210 --> 00:02:43,040

So now let me show you what's going on here exactly.



45

00:02:43,080 --> 00:02:44,580

And then it will make sense.



46

00:02:44,890 --> 00:02:47,350

So here let's look at this statement here.



47

00:02:47,350 --> 00:02:49,360

As you can see we have an if statement.



48

00:02:49,450 --> 00:02:57,250

So what is this if statement to hear this statement here is saying if number of right answers is equal



49

00:02:57,250 --> 00:02:58,060

to zero.



50

00:02:58,180 --> 00:02:59,110

So what does this mean.



51

00:02:59,110 --> 00:03:05,170

This means that for example as you can see let me change the background color of arccos application



52

00:03:05,170 --> 00:03:06,610

for example to blue.



53

00:03:07,180 --> 00:03:11,430

And now click on back as you can see here we have our quiz here right.



54

00:03:11,470 --> 00:03:14,200

This is animal one of 10.



55

00:03:14,230 --> 00:03:16,350

It says this is animal one of.



56

00:03:16,870 --> 00:03:22,320

And now this means that this is for for the first time that the quiz is started.



57

00:03:22,570 --> 00:03:30,780

And here this statement here is going to actually prevent the animation to occur here.



58

00:03:30,910 --> 00:03:39,490

So when are actually of iniquity as we said or when our application is actually started then I don't



59

00:03:39,550 --> 00:03:41,530

want an animation to occur here.



60

00:03:41,530 --> 00:03:44,490

I just want to show the first image to the user.



61

00:03:44,770 --> 00:03:47,110

So that's why I created these statements.



62

00:03:47,150 --> 00:03:53,470

If number of right answers is equal to zero and this means that if this is the first image that we are



63

00:03:53,470 --> 00:03:57,750

showing to the user then I don't want to add any mission to a card here.



64

00:03:57,850 --> 00:04:02,890

So I just want to return from the Smurfette and then it's not going to execute the lines of code after



65

00:04:02,890 --> 00:04:03,940

this if statement.



66

00:04:03,970 --> 00:04:04,500

Right.



67

00:04:04,510 --> 00:04:06,890

Because we put the return statement here.



68

00:04:06,970 --> 00:04:08,290

Right.



69

00:04:08,350 --> 00:04:13,580

And now so for example of we have actually just the first image.



70

00:04:13,630 --> 00:04:14,520

And this is ours.



71

00:04:14,570 --> 00:04:19,490

Just for example this is thought if you and I just need to click on Dolfin here and now it's going to



72

00:04:19,570 --> 00:04:21,070

show us the next image.



73

00:04:21,100 --> 00:04:26,780

So now as you can see because you are actually actually in the second image.



74

00:04:26,800 --> 00:04:28,750

This is our animal too often.



75

00:04:28,760 --> 00:04:31,800

Now let's look at our lines of code here.



76

00:04:31,810 --> 00:04:37,810

So first of all line number two hundred and sixty seven we created a variable of type integer.



77

00:04:38,020 --> 00:04:42,160

The name of this valuable is its top left right.



78

00:04:42,160 --> 00:04:45,550

So what we mean by it is it's top left East uplift is here.



79

00:04:45,820 --> 00:04:47,160

Exactly here right.



80

00:04:47,170 --> 00:04:48,690

Eaks top left.



81

00:04:48,970 --> 00:04:54,970

And I assigned the value 0 and here in line number two hundred and sixty eight.



82

00:04:54,970 --> 00:04:59,730

We have another variable and the name of this variable is white top left.



83

00:04:59,920 --> 00:05:06,760

And again as you can see here the white uplift is here and I assign the value 0 to this variable.



84

00:05:07,270 --> 00:05:15,580

And now as you can see in line number 271 I created another variable which is an integer and the name



85

00:05:15,580 --> 00:05:17,590

is X bottom right.



86

00:05:17,590 --> 00:05:20,010

So expanding right is going to be here.



87

00:05:20,080 --> 00:05:26,680

As you can see by them right and in line number two hundred and seventy two we have another variable



88

00:05:26,740 --> 00:05:28,600

and its name is void by them right.



89

00:05:28,630 --> 00:05:31,280

So divide by them right is going to be here.



90

00:05:31,300 --> 00:05:32,940

So let's look at our variable here.



91

00:05:32,950 --> 00:05:33,710

X bottom right.



92

00:05:33,720 --> 00:05:34,730

And let's see.



93

00:05:34,960 --> 00:05:37,550

What is the value that be assigned to this variable.



94

00:05:37,830 --> 00:05:39,680

Animal quiz linearly out.



95

00:05:39,700 --> 00:05:45,580

So here I'm referring to this linearly out animalcules linearly out DOT gets left.



96

00:05:45,580 --> 00:05:51,140

So it's going to actually get the left of this animal who is linear left and then it's going to actually



97

00:05:51,250 --> 00:05:56,700

add the value of this get left to the animal quickly nearly out that gets right.



98

00:05:56,740 --> 00:06:01,710

So it can actually add the body of this get left to the value of this gets right.



99

00:06:01,740 --> 00:06:06,670

So it's going to actually give us this expanded right here.



100

00:06:06,670 --> 00:06:07,620

Right.



101

00:06:07,720 --> 00:06:10,440

So that's the value of this ex-spy them right.



102

00:06:10,510 --> 00:06:12,650

And then we have this white bottom right.



103

00:06:12,700 --> 00:06:16,000

So animalcules linearly out that top.



104

00:06:16,000 --> 00:06:24,280

So he's going to try to give us this increase linearly at the top and then plus animal squeeze linearly



105

00:06:24,280 --> 00:06:26,090

out that get them.



106

00:06:26,110 --> 00:06:31,390

And as you can see here it's going to be at the value of the top two to get them.



107

00:06:31,660 --> 00:06:35,500

And then it's going I should give us this very bottom them right here.



108

00:06:35,500 --> 00:06:36,460

Right.



109

00:06:36,550 --> 00:06:44,460

So now as you can see here I created a comment and it says here is the max value for radius.



110

00:06:44,560 --> 00:06:50,300

So here because we are going to have a circular animation as you can see if I click on this chat here.



111

00:06:50,320 --> 00:06:54,670

Now it's kind of 8 and then it's going to perform a circular animation right.



112

00:06:54,700 --> 00:06:57,280

So we need to have the value of the radius.



113

00:06:57,280 --> 00:07:02,880

This is really important in radius assignment operator math.



114

00:07:02,890 --> 00:07:09,040

So we have a class a predefined class in Java called Math and we can actually use this class and then



115

00:07:09,040 --> 00:07:14,070

we can actually use the predefined methods in say that math class to our advantage.



116

00:07:14,350 --> 00:07:21,910

So math that Max this method is going to actually give us the maximum value between the two values that



117

00:07:21,910 --> 00:07:23,220

we pass through this method.



118

00:07:23,230 --> 00:07:28,450

So for example math that Max the first Argive the first argument that I passed through this method is



119

00:07:28,540 --> 00:07:30,960

animalcules linearly out that gets Viets.



120

00:07:31,150 --> 00:07:35,000

So it's going I should get the Viets of this animalcules linearly out.



121

00:07:35,350 --> 00:07:39,510

And the second argument is animalcules linearly out that gets hight.



122

00:07:39,610 --> 00:07:41,050

So the height is here right.



123

00:07:41,050 --> 00:07:42,010

This is the height.



124

00:07:42,250 --> 00:07:47,050

So now it's going to decide if it is going to look at these two arguments and then it's going to actually



125

00:07:47,500 --> 00:07:51,900

choose one of them which is actually the maximum value.



126

00:07:52,000 --> 00:07:52,470

Right.



127

00:07:52,660 --> 00:07:56,770

And then it's going to choose that value as the radius and then it's going to assign that value to the



128

00:07:56,800 --> 00:08:03,770

radius the maximum value of these two values here animal Quizon anything else that gets fit or animalcules



129

00:08:03,910 --> 00:08:09,340

linearly out of that get height the maximum value is going to be assigned to this radius variable which



130

00:08:09,340 --> 00:08:15,230

is after integer number two hundred seventy seven as you can see.



131

00:08:15,440 --> 00:08:21,320

I created variable which is of type animator which is required if you're going to actually perform an



132

00:08:21,320 --> 00:08:25,800

animation and the name of this variable is animator.



133

00:08:25,820 --> 00:08:26,540

Right.



134

00:08:26,810 --> 00:08:35,260

So now let's look at this if statement so here you have an if statement if I animate out animal image.



135

00:08:35,630 --> 00:08:39,620

So here I am referring to this argument animates out and in one image.



136

00:08:39,620 --> 00:08:44,960

If you actually if the value of this animated out animal image which is actually an argument of the



137

00:08:44,960 --> 00:08:49,860

Smurfit if the value of this argument is actually true.



138

00:08:50,270 --> 00:08:50,950

Right.



139

00:08:51,110 --> 00:08:56,990

If the value of this animate our animal image is true then it's going to actually execute the lines



140

00:08:56,990 --> 00:08:59,100

of code inside the curly braces.



141

00:08:59,510 --> 00:09:01,580

So that's the meaning of this expression here.



142

00:09:01,580 --> 00:09:08,140

If animate our animal image is true then it's going to go inside the curly braces here and then it's



143

00:09:08,140 --> 00:09:10,160

going to secure the lines of code here.



144

00:09:10,600 --> 00:09:15,600

So if the past the value true to the Smurfette then it's going to be a cute if statement.



145

00:09:15,700 --> 00:09:22,350

So in line number two hundred and eighty one I referred to the name of this animator here as you can



146

00:09:22,350 --> 00:09:31,450

see animator assignment operator view animation teals that create circular revealed.



147

00:09:31,510 --> 00:09:34,950

So here we want to actually create a circular animation right.



148

00:09:34,990 --> 00:09:38,870

The animation you tell us that creates circular reveal.



149

00:09:38,890 --> 00:09:43,930

So for the first argument as you can see we need to pass the linearly out anyone quizz linearly.



150

00:09:43,960 --> 00:09:51,670

So this is our animal with linear lay out and for the second argument as you can see here we want to



151

00:09:51,670 --> 00:09:56,340

actually specify the two values for the x and y.



152

00:09:56,470 --> 00:10:03,970

So for example here if we actually want to create and animate our animation if for example the user



153

00:10:04,330 --> 00:10:08,560

is actually kissing the animal name here for example we have a bird here.



154

00:10:08,560 --> 00:10:08,910

Right.



155

00:10:08,920 --> 00:10:11,390

So now I was going to perform an animated animation.



156

00:10:11,470 --> 00:10:19,240

Did you see that it actually went through to the ekes by them right and vibra them right here.



157

00:10:19,240 --> 00:10:19,810

Right.



158

00:10:19,870 --> 00:10:24,290

So here horse and now it's going to go straight through these ex-spy them right.



159

00:10:24,460 --> 00:10:25,950

And you buy them right.



160

00:10:25,960 --> 00:10:27,540

So that's the meaning here.



161

00:10:27,550 --> 00:10:29,580

That's the meaning of these two arguments here.



162

00:10:29,710 --> 00:10:39,460

So now let me actually referred to the name of this animation Steeles here that create circular reveal.



163

00:10:39,460 --> 00:10:42,910

And now I'm going to actually show you these arguments.



164

00:10:43,000 --> 00:10:44,260

The first one is the view.



165

00:10:44,350 --> 00:10:48,290

So the view is animal linearly right.



166

00:10:48,550 --> 00:10:51,190

The first one is the view as you can see here.



167

00:10:51,250 --> 00:10:59,690

The second one as you can see here is centered eaks right disinterred eaks is going to expire them right.



168

00:11:00,160 --> 00:11:07,570

And the second one is center Y which is going to be Viburnum right because you want the animation to



169

00:11:07,570 --> 00:11:11,590

go up from actually here to here right.



170

00:11:11,600 --> 00:11:14,400

So bottom line to why you buy them right.



171

00:11:16,310 --> 00:11:17,500

As you can see here.



172

00:11:17,570 --> 00:11:24,560

So center centerpiece is actually ex-spy them right and center Y is why you buy them right.



173

00:11:24,710 --> 00:11:27,620

And then we need to specify the radius as you can see here.



174

00:11:27,620 --> 00:11:31,290

So the radius is this value that we actually specify here.



175

00:11:31,940 --> 00:11:38,600

And now let me show you the other arguments as you can see here for the int argument for the last argument



176

00:11:38,630 --> 00:11:41,110

we need to specify the end radius.



177

00:11:41,240 --> 00:11:43,180

So the radius is going to be zero.



178

00:11:43,370 --> 00:11:43,840

OK.



179

00:11:44,000 --> 00:11:47,400

The starting radius is disvalue as you can see here.



180

00:11:47,480 --> 00:11:54,490

That actually is one of these values gets beat or gets height and the radius is going to be zero.



181

00:11:54,500 --> 00:12:00,890

So I want to start from somewhere inside my linear layout get height or get it and then I move on to



182

00:12:00,890 --> 00:12:03,810

actually the way I want the radius to end.



183

00:12:04,070 --> 00:12:10,250

So the value for the radius is going to be zero and then it can actually perform this animation.



184

00:12:10,250 --> 00:12:12,880

And then it's going to create this animation effect.



185

00:12:12,890 --> 00:12:17,780

And now if I try to choose flappy bird here as you can see it can actually create this animation effect



186

00:12:17,780 --> 00:12:21,970

here by assigning the value zero for the radius.



187

00:12:22,130 --> 00:12:27,350

So hopefully that makes sense and Elizabeth me actually did this line of code here.



188

00:12:27,350 --> 00:12:30,690

So now when the animation is actually finished.



189

00:12:30,710 --> 00:12:36,770

So for example we have here a ship right now is going to perform and animate out here as you can see



190

00:12:36,890 --> 00:12:38,220

the animation is finished.



191

00:12:38,250 --> 00:12:41,340

You want to show the next image right.



192

00:12:41,360 --> 00:12:48,280

So animator that adolescent or so are you want to be notified when the animation is finished finished



193

00:12:48,290 --> 00:12:48,860

right.



194

00:12:48,860 --> 00:12:54,350

Or you want to be notified when the animator animate out is actually finished when this image is actually



195

00:12:54,350 --> 00:12:54,650

gone.



196

00:12:54,680 --> 00:12:56,940

And then I want to show the next image right.



197

00:12:56,990 --> 00:13:03,140

So animated that at listener new animator that animated a listener.



198

00:13:03,140 --> 00:13:03,770

Right.



199

00:13:03,800 --> 00:13:07,480

So then it's going to actually overwrite these methods.



200

00:13:07,490 --> 00:13:13,430

So as you can see here again because you are actually creating a listener for this animator in order



201

00:13:13,430 --> 00:13:16,970

to be notified that when the image is gone.



202

00:13:17,060 --> 00:13:22,540

Here as you can see we need to actually create an anonymous inner class and that anonymous class is



203

00:13:22,550 --> 00:13:25,340

actually conforming to this animator listener.



204

00:13:25,340 --> 00:13:28,120

And now if I actually hold the comment here on my keyboard.



205

00:13:28,190 --> 00:13:30,330

So if you are using a Windows machine use.



206

00:13:30,410 --> 00:13:35,600

Just hold the control key on your keyboard and then click on this animator listener as you can see this



207

00:13:35,660 --> 00:13:41,720

animator listen it is actually an interface right that tent that holds these methods on animation starts.



208

00:13:41,720 --> 00:13:46,620

So this actually is called when the animation is actually started on animation.



209

00:13:46,690 --> 00:13:52,730

And so it is if it is going to be called when the animation is actually evident on animation can and



210

00:13:52,750 --> 00:13:59,800

decide if it is going to be called then the animation is Transworld on animation repeat and does this



211

00:14:00,100 --> 00:14:05,120

if it is going to be called of and the repetition of the animation is actually a character.



212

00:14:05,300 --> 00:14:07,830

So let me close this file here as you can see.



213

00:14:07,910 --> 00:14:12,980

So that anonymous class here as you can see is actually conforming to this animator listener interface



214

00:14:13,400 --> 00:14:18,300

and it can actually pro-white these methods here is going to overwrite these methods on animation.



215

00:14:18,300 --> 00:14:22,840

Start on animation and on animation chancel and on animation repeat.



216

00:14:23,030 --> 00:14:28,850

But we don't want to actually do anything to do with these methods on animation start or and on animation



217

00:14:28,850 --> 00:14:33,890

chancel or on animation repeat we just these methods just need to be here.



218

00:14:33,980 --> 00:14:36,530

We don't want to provide an implementation for those.



219

00:14:36,570 --> 00:14:43,160

Its the only method that we want to just work with is this Mfat on animation and then the animation



220

00:14:43,160 --> 00:14:43,820

is ended.



221

00:14:43,840 --> 00:14:45,880

Or you want to show the next image.



222

00:14:45,920 --> 00:14:52,940

So here I just need to click on this for example code and now is going to create an animated out effect



223

00:14:53,180 --> 00:14:54,900

and then its going to show the next image.



224

00:14:54,920 --> 00:15:00,890

So then the animation is ended when the animated out effect is that you want to show the next image.



225

00:15:00,920 --> 00:15:03,560

So on animation and show an animal.



226

00:15:03,620 --> 00:15:09,030

So we haven't still created this method yet just put this about you here should show an animal.



227

00:15:09,050 --> 00:15:12,080

And then we will actually provide this method inside our class.



228

00:15:12,080 --> 00:15:18,560

But for now just put it here and now as you can see if I scroll down as you can see we have an else



229

00:15:18,590 --> 00:15:19,580

statement right.



230

00:15:19,580 --> 00:15:20,960

We have this statement.



231

00:15:20,960 --> 00:15:28,580

So this else statement here is vente the past the actually devalue falls for this animate our animal



232

00:15:28,640 --> 00:15:29,030

image.



233

00:15:29,030 --> 00:15:36,560

So as you can see here if you look at the Smurfette and more animate animal quis and this movement accepts



234

00:15:36,560 --> 00:15:39,080

this argument animates our animal image.



235

00:15:39,200 --> 00:15:44,480

If we pass the value true here is going to actually provide an animate out effect.



236

00:15:44,540 --> 00:15:47,570

So for example here we have a penguin as you can see here.



237

00:15:47,570 --> 00:15:55,340

It's going to provide an animal out in order to actually just make to make the current image to just



238

00:15:55,340 --> 00:15:55,990

go.



239

00:15:56,120 --> 00:16:00,140

And then the next image is going to be shown to the user right.



240

00:16:00,410 --> 00:16:05,420

So if he has digital about you true if you just want to actually make the first make the current image



241

00:16:05,450 --> 00:16:06,600

just go OK.



242

00:16:06,770 --> 00:16:14,210

But now when we actually passed the value false to dismiss it if the value of this animate our animal



243

00:16:14,210 --> 00:16:18,160

image is false then it is execute this statement.



244

00:16:18,400 --> 00:16:22,780

And this means that when the next image is going to be shown to the user.



245

00:16:22,780 --> 00:16:27,490

So for example here we have it and and then it's going to perform and animate out effect.



246

00:16:27,520 --> 00:16:33,710

And then it can actually create another animation here in order to show the image to use it.



247

00:16:33,710 --> 00:16:38,530

And as you can see here the next animation effect is actually started from here.



248

00:16:38,640 --> 00:16:42,550

It's top left and right up left right.



249

00:16:42,550 --> 00:16:45,260

The second animation is started from here.



250

00:16:45,400 --> 00:16:47,720

So here we have a peacock.



251

00:16:47,830 --> 00:16:49,490

So this is our next.



252

00:16:49,540 --> 00:16:51,230

This is actually our final Alamance.



253

00:16:51,250 --> 00:16:52,420

Let's actually set the quiz.



254

00:16:52,540 --> 00:16:58,090

So here we have it bird as you can see and animate out is here and then it's going to actually perform



255

00:16:58,160 --> 00:17:00,030

another animation from here.



256

00:17:00,160 --> 00:17:02,550

It's top left and right up left.



257

00:17:02,560 --> 00:17:08,140

So this statement here is going to be executed when the next animal image is going to be shown to the



258

00:17:08,140 --> 00:17:08,810

user.



259

00:17:08,830 --> 00:17:09,970

So animator.



260

00:17:10,030 --> 00:17:16,570

So you referred to the name of this animator here assignment operator view animation tools that create



261

00:17:16,570 --> 00:17:18,070

circular reveal.



262

00:17:18,370 --> 00:17:20,000

And again we need to pass that view.



263

00:17:20,020 --> 00:17:26,620

So animal animal is linearly out and then we need to pass the center X which is going to be X top lived.



264

00:17:26,620 --> 00:17:29,470

We want the animation to start from here.



265

00:17:30,070 --> 00:17:36,490

As you can see here and we need to pass the VEIDT uplift for their right to center Y which is here.



266

00:17:37,560 --> 00:17:44,180

And now as you can see for the start radius I assigned the values zero right.



267

00:17:44,320 --> 00:17:47,440

So it's going to actually start the animation from here right.



268

00:17:47,450 --> 00:17:53,100

All told you that the X top left is here that we assign the values 0 light its top left zero.



269

00:17:53,140 --> 00:17:55,440

This means that the E-Stop left this here.



270

00:17:55,660 --> 00:17:57,450

And the very top left is also zero.



271

00:17:57,460 --> 00:18:04,300

And this means that this animation is going to start from here and now as you can see for the radius



272

00:18:04,330 --> 00:18:08,540

for this radius all you want the animation to start from here.



273

00:18:08,740 --> 00:18:14,920

And then you want the animation to end to here as you can see here the bottom left to the bottom right.



274

00:18:14,920 --> 00:18:15,700

Excuse me.



275

00:18:15,940 --> 00:18:20,610

So that's why I actually put this radius here for the radius.



276

00:18:20,620 --> 00:18:25,200

So for this thought radius I put the value zero but is going to start the animation from here.



277

00:18:25,450 --> 00:18:30,660

And for the nth radius I actually put this radius here.



278

00:18:30,820 --> 00:18:34,000

So it's going to actually end this animation here.



279

00:18:34,510 --> 00:18:36,820

Let me actually just choose this.



280

00:18:36,910 --> 00:18:38,910

I actually go here.



281

00:18:39,100 --> 00:18:41,540

So it's going to just create and animate our effect.



282

00:18:41,590 --> 00:18:47,590

And then it's going to just start the next animation from here and then it's going to end this animation



283

00:18:47,590 --> 00:18:48,570

here.



284

00:18:48,580 --> 00:18:52,240

So here we have an ant now and animate out.



285

00:18:52,270 --> 00:18:55,720

And then as you can see the next animation is actually started from here.



286

00:18:55,750 --> 00:18:58,500

And then it's going to end it here.



287

00:18:58,750 --> 00:19:00,380

So hopefully that makes sense.



288

00:19:00,520 --> 00:19:05,950

And finally this is very important animator that said duration seven hundred milliseconds.



289

00:19:06,100 --> 00:19:11,350

So the animation is going to actually just last for 700 milliseconds.



290

00:19:11,410 --> 00:19:13,330

So that's the duration of the animation.



291

00:19:13,330 --> 00:19:17,990

Seven hundred milliseconds and a number seven hundred and seventeen.



292

00:19:18,010 --> 00:19:23,920

We need we must actually call this method so that the animator is going to actually just perform that



293

00:19:23,920 --> 00:19:28,480

animation animator that start and then it's going to perform this animation.



294

00:19:28,480 --> 00:19:34,030

So for example sheep and now is going to create and animate out and then the next animation is going



295

00:19:34,110 --> 00:19:36,720

to actually show the next image to the user.



296

00:19:37,270 --> 00:19:39,870

So hopefully that makes sense.



297

00:19:39,910 --> 00:19:42,940

And now you get the idea.



298

00:19:43,090 --> 00:19:49,360

But now let me actually just create the Smurfette here on this animal and then this stuff that I talked



299

00:19:49,360 --> 00:19:53,080

about about these animations will make more sense.



300

00:19:53,140 --> 00:19:59,480

So just lets just actually creates this method here inside of us our class show next animal.