Original subtitles

We have one final change to me

To rui for now and that is to add some animations to the victory or defeat Square

I'm going to open

My quick opensea

Control shift

How many

4

That scream

Which is cold and scream so it's open up our and scream and right now it just kind of pops up

And we don't want

So I am going to

Use

The same sort of strategies that we use else

You can see the screen is already updated with our

Styles that we define so that's good

But we do want to do a dimming as well

So here's a we can do to copy the dinner

I'm going to open up

The operator screen

And we've got this animationplayer and there's colour rectangle here

And so what I'm going to do is I'm just going to control click both of these so that they're both selected the same time

I'm going to hit ctrl c to copy

I'm going to go over to the end screen

And select the root and and paste those

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

And then I can drag does

So that they are the first

Children of the snow

Now what you could do is you could extract this out in

Component

So that we don't have to come

A like that

And I would say that generally that's a good idea

But for really simple you why things like this I turned not too bad

It tends to be more effort than it's worth

2

Use a shared component for these things

You can see our animations already

Oh that's great

And now we just need to create a new animation for the victory screen itself

Now the thing about the animation player

Is that we're not going to be able to use it in this context to animate the pain

So if you recall when we enter meet at the upgrade cards

We were able to admit it in here why

Because the animation or rather the car

Is not a child of a container in this scene in so we were able to get away with doing anime

However

In our end screen can't

Is metal container is a child of the margin container

And so if we were to add

Play tracks of I select my animation player

If I were

Attempt to add a track to this panel contain

You can see the

I cannot change

And even if I were at a track

In here

I cannot change this position

Because this is

Your dare so one solution would be to get around this

Creating this as a tenancy in this panel container here

Or another option

To use twins

Can I use between in this case

Just be aware of that this animation that we did over here technically good oh doesn't want you to do this even though it works

It's fine and technically probably good girl doesn't want you to animate

Your UI elements with tweens

But

It works and there's a way that we can anyone rui notes without too much mess

So just be aware that this is someone of a workaround

Not official

Supported

So with that out of the way

Let's go ahead and implement our twins to anime8.ru Ireland

So let's first

Right-click this fennel container and market as a

Nickname by right-clicking and

Clicking the unique name setting

And then let's go ahead and open up our script and I'm going to throw the information panel down so that it's not in the way here

And we're going to grab in on ready variable

Which is going to be a pain or contain

Eagle $2 sound person

Panel

Just like that

So already

We want to start a

So let's go ahead and

In the first lines of

The ready metal is duvar tween

Is it good to create a tween

One other thing that we're going to wanted

Before we do any of this

Is we want to see

The pivot are said to be the centre of the power

So what we can do as we can save panel

Tina

Pivot offset is equal to

Panel container dart size

2

So this is very simple

Will

Set the

Pivot offset on the panel container to half of the

Have the height which is the sea

So we've got that which means now when we apply a scale it will be skilled around the sun

The parent container rather than around the top left corner

So we've got a tween

Where we want to tween the scale so we're gonna say tween

That twin property

Put in the panel container as the object

The property is going to be in

Scale in a final very

For the final

Whether it's going

Becca

What's a duration of

.3

Google call Dad

Now again

This is only being provided the final number so we have to set the panel container size

To something

Or scale weather to something

Serena saying panel container

At scale

Is it going to

Better 2.0

Ok now there is a problem with this line here but I will tell you what the problem is after we see it in

Going to set the scale in a minute ween

Descale property

Search Google or 2D

Mode and let's just hit this run currency in but this year

Nothing

And that's because of the aforementioned issue with this life

So I don't know the exact

But the internal a guedel processes twins

And container sizing are such that

This tween does not start run

Until after the container reset the panel can't

Scale

So that means

That even though were sitting here

In between this point

And this point

Or rather in between this point and when the twin starts running

The scale has been reset one

Which means that no interpolation is happy

More accurate way of saying that is that the interpolation is happy

But it's going from vector to that one

2

Do that one

Therefore not produced

One thing that we can do

Is weekend

Hack around this by saying Queen

Dark twin prop

Panel container

Scale

Dr 2.0 is our final value and we're going to set a direction of 0

Storytelling

Between the property over 0 seconds to record

Which means it will take effect immediately and then between can properly

Interpolate between that 0 in that

I'm gonna get rid of that line I reset the panel container 20

And now if we run it with these run current Simon

Now we've got something at work

But that's a little bit

And so let's use the following transition in

So we're going to say

I have to put a new line character here so backslash at the end of this

Scale

Tween

And I was going to say sat

Cheese type

In

And then set

Trans

Transition type

And really used

Which is going to

Go past the vector to that one and then settled

What's the hell

It looks like I've got my keys in wrong they should be his out

Again you can pull up that

Alright so that looks much better so you can see that there's a little bit of bounce when it comes in

Give it a little bit of life and we've got the background feeling in as well

So let's verify that works properly so I'm just going to go ahead and die

And we go

David screen here and I can restart

One final thing that I want to make sure this end screen is I want to

Give the text an hour

So this title label here

Has a font size of 24 which is wrong

So we have to change this font-size

232

Soda

Scales properly

And then let's go ahead and

Change

Define outline colour

Again I'm going to use that dark blue

What's the hex code again is

26

To be

Fourth

If that's saving your swatches you can

So I could there

And then let's change the outline size 28

And then let's set the shadow colour as well

To that same blue

So fine shadow colour right there

And then

Check

The shadow after X and Y

And that will fill in any jobs that might

Fix that error

And then we're going to do the same thing for our description label

So I'm going to scroll down

I'm going to apply base with the same settings except for the font size so I'm going

To change the font

Cheryl Cole

Define shadow the font outline colour

Check

Shadow offset shadow offset y and give an outline

Size of

Ok so now just take a look at it

And it looks nice

Right RN screen has now been animated