All language subtitles for 09. Introduction to AnimationPlayer

Let's continue on our sort ability and make it actually do something in

I'm going to hit ctrl shift home

To open up my

Sword

Ability

A list of something

Let's give it a little animation

Of its wings

So let's go ahead and add a new note underneath sort of Bill

Going to get into the animation play

Animation player is away

Weekend animate thing

And the

The nice thing about the animation player in Godot is you can

Make pretty much

Play property

So I'm going to do is I'm going to click on the end

Fighting with the animation panel open

You should automatically open if

YouTube

Is the animation player in the

Wind

If it doesn't

You can go out in cricket

Quickly anime

At the bottom

So now I'm going to collect this information

The top of

How much is call this

Swing

So now we've got

Power animation

Animation can be composed of multiple tracks

Subtitled by
online-courses.club
We compress knowledge for you!

And a track is essentially a single proper

Tickets animated over time

So what we can do

Is

We can modify the rotation

So let's go ahead and select our Sprite 2D

Thunderstep when we have the animationplayer

Open contacts

You will actually see

Little key icon

Next to every property in the inspector

This means create a keyframe

The current value

And

Create a track if it doesn't

Jordan start with the road

Scroll down to the new junior section

Find transform rotation

And click the key icon

Levy settings default enabled and then

Play create

In order to create a new rotation

Track

Underneath our Spa

To die in the bottom right here you have your zoom slider

So you can slide this in and out

When is light it up so we can see our animation little bit

Listen

Grey

Region represents the length of the animation

You can change the animation length over here

By clicking in the box and then writing whatever

You want

Change the animation length of a point

Three I think that's a good

Anime

Thank you and how we can do it we can manually place

Keyframe

On

This track

Now by The Fall

The animation

Snaps in 0.1 second

Increment

You can either turn the snap off

By clicking the snap button right here

And now you can move the scrubber freely

Or you can change the snap by changing the value

Add the text box to the right

You can also hold a shift

To go into increments

One quarter

Of what you've got currently configured as your

So if I leave

Add

1

I will go in increments of

As I

Old Ship

So let's make this actually do a swing anime

I'm probably gonna want to do is

Halfway through at .15

Wallace 2.2

What's

Put a scrubber 8.2

And then right click the track

Insert a keep

These are the keyframes

So if I click on the

Start here

You can see what my value is at that as well as

Easing

The time that is place

If I click on a second one you can see what the time is

Different but everything

The same

So what I'm going to do for this value as I'm actually going to make there's 90

Or rather 180°

Enough you scrub through

Your notice

This is

Rotating

Between

New agrees in 100

So we can play it with this button here

Now that's kind

Underwear

Right

Doesn't look very good

The working on a couple of different anime

I'm properties

To make this

Good so first

I'm going to change this

Cubic inch

Population

Default is linear and you can change it bye

Going to the interpolation by dropdown

To the farm

Of the track

Clicking it

And then clicking

You're interrelation

I like to use cubic for almost everything

Because I think that

Gives a slightly more natural feeling

Tiana

Linear is exactly what it sounds

Pictures does it at a constant rate

Where is cubic actually modifies the

Which there

Changing place on the quay

So find a cubic looks a little bit less robot

So you might see a slight difference now when you play the animation

If not that's ok

Ok let's modify the scale

Sprite

Sewing

As well

So we're going to click on the Sprite again

We're going to go down to the scale

Property of transform

And we're going to

Quick create

Drag this keyframe

To the beach

Then move your scrubber to

Something

.15

Right-click

Insert another key

Location

If it's not snapping that's ok you can just hold down

Like I mentioned earlier and get it to be were you wanted to be

And let's just change the scale to weigh

Ok

And then

Let's put another keyframe at the very end

Resetting the scale

Back to

So that all of a sudden is looking a lot nicer

I might even

The scale to be a fool

2

On that Keith

Enniskillen

Excellent

That's looking pretty good

Ok and I'm going to modify this actually even a little bit more so it's changed the animation

2.5

Sex

Over on the right here

You can highlight all of these keyframes by clicking and

And then I'm just going to move these all

By dragging them over and it looks like my snap settings are not agreeing with that

So that's a simple fix

Just disable the snap or change it to a lower value I'm going to change minor 0.05 in the corner

Keep snap on

Another drag is around

You can see the door station

Nicely

Samuel moved I was just at the end

And then for the beginning of the animation I'm actually going to start at a scale of 0

I've inserted a new key at scale

I'm going to

Change that to 0

Not going to start at zero

I'm going to

Very quickly

Change the scale to be pass

1

So perhaps one

25

So what that's going to do is that's going to be like a little bounce

Appearance

Give us a little bit of a nicer animation

No I'm going to extend the animation once again

I'm going to go perhaps 2.75

And then I'm going to make the sword

Rotate

Back into position just a little bit so let's say

By .6 seconds

Add a keyframe at the rotation track

And where can I change that value to 9

So that it comes back too

Orizont

Like so

We can even have it come back to zero if we want it so let's see

So you can see that if we move it back to zero and then we shift this keyframe all the way over 2.7

You can see that are working really nice

It's lashes.in and it returns back to its position

If you select the keyframe before this keyframe we set it back to zero

You can see that

We have is easing Curve that is easing Curve allows us to change how quick

The transition

So if I

Drag this easing by clicking and holding

This is the ratio of so you can see how the curve

Looks like it starts off slow and then speeds

That's exactly what happened between you're to Keith

Serrated and going

Smoothly between

180 and 0 degrees

You will actually accelerate

From 1

Youtooz

So what

Do you see how it kind of delays even after

It should already be transitioning to zero and then it speeds up and see

Spac

So I might put a little bit of that in there maybe 1.6

Just give it a little bit more natural

And regarding the scale let's go ahead and change the interpolation

Cubic on

Inside as

So you can see and there's a little bit of anticipation in the attack as well and we can't even make that

Dissipation even more

By changing the rotation

So let's go out and add a keyframe for rotation

At the beginning

Animation

Started off at 0 in in second keyframe that was originally 0

What is change it to -5 years

Is an alpha playful animation

You can see Amazon little bit of a wind up before it's lashes I might even make this -10

To be a little bit

Apparent you can scroll through the animation just to get a good idea and you can turn off snap

Never give you a really good idea what your animation is look

Perfect

And then we're going to finish off the animation by making the sword

Disappear out of existence so we're going to take this animation

Open another

Keyframe at the end of that scale track

Internet 20

So that's disappearing 20 a little bit quickly or going to use that easing trick again

So I'm going to click on the second to last

Keyframe on

Scale

I'm going to turn that easingwood is going to drag down a little bit create that Curve that starts off slow and speeds

Sync

We could even make this more

So I've set reminder 5.65

Perfect so now you can see that that's looking really good actually as an attack

What's the election game we still have the code in place that just sponsor

The player that looks like in game

Ok and we got a problem here which is that nothing is playing

And that's because we need to click on her animation player for sword ability

And click this button in the top bar

Call AutoPlay on load

Automatically play this animation

When it gets loaded into

The same tree

So now what

Subtitled by
online-courses.club
We compress knowledge for you!

So that's looking pretty good isn't it

You can imagine this

Popping up next to an enemy and then immediately attack

So there is one problem here

Let's go out and press the pause button

Up here which is going to pause or game so that nothing is happening anymore

The execution of the game is entirely poor

Why are games running or pause

You can go

To this remote

Button

Up here under the sea

Dark

Click that

And this will show you

The scene tree as exist

In the day

And so we can see all of the things that exist

In the game

So we got a play or basic

And there's a problem

Do you see all of these sort a bill

The little something that you need to be mine

Godot does not automatic

Free any noise

From your scene

You have to do that yourself

Otherwise you'll end up delivering the scene

And eventually bogging down the Sith

If there's enough

Nodes that

Should have been cleaned

The final thing that we're gonna do on this sword animation

Is we're going to make it

Creatine

From the same tree

Where do that with a call method track so when I click add

Select call method track which is the Green Day

Click the sword ability

Routenote

Click ok

Right click Internet

New track

Just created

Quick insert key

Search for

Q

Underscore

Free

Likes

And what is does

Q3 you can call from a screw

Ori animation

You can call any function that you want from me

Q3

Would be typically called a floor

Code but I find it useful to do an animation play When the animation is finished

Because that makes the sea

Sort of self-cleaning we don't actually need to write anything

To handle the car

And soak you free what does what do is this will wait until the next idle

To remove

From the same tree

As well as free from them

What is that mean to

Read on the next

Essentially means

After a good day

Has processed all of its physics

Collisions in what

After all the signals have been

And

And it gets to the idle frame which means that good deal has done all of its life cycle event

It will then be free data

And this is just good practise because they're not insured

That there's nothing at actively wants to reference

The note

After you

Right so

Guaranteed that goes dum doing everything with the know that it was going to do

And then it will be

And will use this more later

For sure I'm just going to try and get to the end

75 Seconds of the enemy animation

And Alfie Run the game again

And let some swords pop

Animal cosmic gaming

You should see

Either one or no sore

Depending on

Can you pause it

If your sword is not visible on the screen but it still shows up here

Maybe it's just because you passed it before the end

When are you can see that are remote seeing three is nice and clean

There is no extra sort a bill

Hanging around

Another we've made a sort of ability

Look nice and that we had an introduction

To the animation play

It's time to actually make this

Sword ability

Funk

So that's what we're going to do

In the next life