Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,256 --> 00:00:02,048
We have one final change to me
2
00:00:02,304 --> 00:00:07,168
To rui for now and that is to add some animations to the victory or defeat Square
3
00:00:07,680 --> 00:00:08,704
I'm going to open
4
00:00:08,960 --> 00:00:10,240
My quick opensea
5
00:00:10,496 --> 00:00:11,264
Control shift
6
00:00:11,520 --> 00:00:12,032
How many
7
00:00:12,288 --> 00:00:12,800
4
8
00:00:13,056 --> 00:00:14,080
That scream
9
00:00:14,592 --> 00:00:20,224
Which is cold and scream so it's open up our and scream and right now it just kind of pops up
10
00:00:20,736 --> 00:00:22,528
And we don't want
11
00:00:22,784 --> 00:00:24,576
So I am going to
12
00:00:25,088 --> 00:00:25,600
Use
13
00:00:26,112 --> 00:00:28,416
The same sort of strategies that we use else
14
00:00:28,928 --> 00:00:32,000
You can see the screen is already updated with our
15
00:00:32,256 --> 00:00:34,048
Styles that we define so that's good
16
00:00:34,560 --> 00:00:36,864
But we do want to do a dimming as well
17
00:00:37,120 --> 00:00:39,424
So here's a we can do to copy the dinner
18
00:00:39,936 --> 00:00:41,216
I'm going to open up
19
00:00:41,728 --> 00:00:43,520
The operator screen
20
00:00:44,032 --> 00:00:47,104
And we've got this animationplayer and there's colour rectangle here
21
00:00:47,616 --> 00:00:53,248
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
22
00:00:53,504 --> 00:00:55,296
I'm going to hit ctrl c to copy
23
00:00:55,808 --> 00:00:57,856
I'm going to go over to the end screen
24
00:00:58,112 --> 00:01:00,269
And select the root and and paste those
25
00:01:00,271 --> 00:01:03,131
Subtitled by
online-courses.club
We compress knowledge for you!
26
00:01:03,132 --> 00:01:03,232
And then I can drag does
27
00:01:03,488 --> 00:01:04,768
So that they are the first
28
00:01:05,024 --> 00:01:06,560
Children of the snow
29
00:01:07,072 --> 00:01:10,400
Now what you could do is you could extract this out in
30
00:01:10,656 --> 00:01:11,168
Component
31
00:01:11,424 --> 00:01:12,960
So that we don't have to come
32
00:01:13,216 --> 00:01:13,984
A like that
33
00:01:14,240 --> 00:01:16,032
And I would say that generally that's a good idea
34
00:01:16,288 --> 00:01:20,128
But for really simple you why things like this I turned not too bad
35
00:01:20,384 --> 00:01:22,688
It tends to be more effort than it's worth
36
00:01:22,944 --> 00:01:23,456
2
37
00:01:23,712 --> 00:01:25,760
Use a shared component for these things
38
00:01:26,272 --> 00:01:28,064
You can see our animations already
39
00:01:28,320 --> 00:01:29,088
Oh that's great
40
00:01:29,344 --> 00:01:33,184
And now we just need to create a new animation for the victory screen itself
41
00:01:33,440 --> 00:01:36,512
Now the thing about the animation player
42
00:01:36,768 --> 00:01:40,352
Is that we're not going to be able to use it in this context to animate the pain
43
00:01:41,120 --> 00:01:44,448
So if you recall when we enter meet at the upgrade cards
44
00:01:46,752 --> 00:01:48,800
We were able to admit it in here why
45
00:01:49,312 --> 00:01:52,896
Because the animation or rather the car
46
00:01:53,152 --> 00:01:58,272
Is not a child of a container in this scene in so we were able to get away with doing anime
47
00:01:58,784 --> 00:01:59,296
However
48
00:01:59,552 --> 00:02:01,344
In our end screen can't
49
00:02:01,856 --> 00:02:04,160
Is metal container is a child of the margin container
50
00:02:04,416 --> 00:02:05,952
And so if we were to add
51
00:02:06,208 --> 00:02:08,512
Play tracks of I select my animation player
52
00:02:08,768 --> 00:02:09,280
If I were
53
00:02:09,536 --> 00:02:12,096
Attempt to add a track to this panel contain
54
00:02:12,608 --> 00:02:13,376
You can see the
55
00:02:14,656 --> 00:02:15,424
I cannot change
56
00:02:16,192 --> 00:02:17,728
And even if I were at a track
57
00:02:17,984 --> 00:02:18,752
In here
58
00:02:19,008 --> 00:02:20,544
I cannot change this position
59
00:02:21,568 --> 00:02:23,360
Because this is
60
00:02:23,616 --> 00:02:26,944
Your dare so one solution would be to get around this
61
00:02:27,200 --> 00:02:30,272
Creating this as a tenancy in this panel container here
62
00:02:30,528 --> 00:02:31,552
Or another option
63
00:02:31,808 --> 00:02:32,576
To use twins
64
00:02:33,088 --> 00:02:34,624
Can I use between in this case
65
00:02:34,880 --> 00:02:41,024
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
66
00:02:41,280 --> 00:02:45,120
It's fine and technically probably good girl doesn't want you to animate
67
00:02:45,376 --> 00:02:47,936
Your UI elements with tweens
68
00:02:48,192 --> 00:02:48,704
But
69
00:02:48,960 --> 00:02:53,568
It works and there's a way that we can anyone rui notes without too much mess
70
00:02:53,824 --> 00:02:56,896
So just be aware that this is someone of a workaround
71
00:02:57,152 --> 00:02:58,176
Not official
72
00:02:58,432 --> 00:02:58,944
Supported
73
00:02:59,200 --> 00:03:00,736
So with that out of the way
74
00:03:00,992 --> 00:03:05,088
Let's go ahead and implement our twins to anime8.ru Ireland
75
00:03:05,600 --> 00:03:06,368
So let's first
76
00:03:06,624 --> 00:03:09,440
Right-click this fennel container and market as a
77
00:03:09,696 --> 00:03:11,232
Nickname by right-clicking and
78
00:03:11,744 --> 00:03:13,280
Clicking the unique name setting
79
00:03:13,536 --> 00:03:19,680
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
80
00:03:20,704 --> 00:03:24,032
And we're going to grab in on ready variable
81
00:03:24,800 --> 00:03:26,336
Which is going to be a pain or contain
82
00:03:27,104 --> 00:03:29,664
Eagle $2 sound person
83
00:03:30,176 --> 00:03:30,944
Panel
84
00:03:31,968 --> 00:03:32,736
Just like that
85
00:03:32,992 --> 00:03:34,272
So already
86
00:03:34,528 --> 00:03:36,064
We want to start a
87
00:03:36,576 --> 00:03:38,368
So let's go ahead and
88
00:03:38,624 --> 00:03:39,904
In the first lines of
89
00:03:40,160 --> 00:03:41,952
The ready metal is duvar tween
90
00:03:42,208 --> 00:03:44,000
Is it good to create a tween
91
00:03:45,280 --> 00:03:46,816
One other thing that we're going to wanted
92
00:03:47,328 --> 00:03:48,608
Before we do any of this
93
00:03:48,864 --> 00:03:49,632
Is we want to see
94
00:03:49,888 --> 00:03:51,936
The pivot are said to be the centre of the power
95
00:03:52,960 --> 00:03:54,752
So what we can do as we can save panel
96
00:03:55,008 --> 00:03:55,776
Tina
97
00:03:56,288 --> 00:03:58,080
Pivot offset is equal to
98
00:03:58,336 --> 00:04:00,128
Panel container dart size
99
00:04:01,408 --> 00:04:01,920
2
100
00:04:02,176 --> 00:04:03,456
So this is very simple
101
00:04:03,968 --> 00:04:04,480
Will
102
00:04:04,736 --> 00:04:05,504
Set the
103
00:04:05,760 --> 00:04:08,320
Pivot offset on the panel container to half of the
104
00:04:08,832 --> 00:04:10,112
Have the height which is the sea
105
00:04:10,624 --> 00:04:15,488
So we've got that which means now when we apply a scale it will be skilled around the sun
106
00:04:16,768 --> 00:04:19,583
The parent container rather than around the top left corner
107
00:04:19,839 --> 00:04:20,863
So we've got a tween
108
00:04:21,119 --> 00:04:23,679
Where we want to tween the scale so we're gonna say tween
109
00:04:23,935 --> 00:04:25,215
That twin property
110
00:04:26,239 --> 00:04:28,287
Put in the panel container as the object
111
00:04:28,799 --> 00:04:30,335
The property is going to be in
112
00:04:30,591 --> 00:04:32,127
Scale in a final very
113
00:04:32,383 --> 00:04:33,151
For the final
114
00:04:33,407 --> 00:04:34,431
Whether it's going
115
00:04:34,687 --> 00:04:35,199
Becca
116
00:04:37,247 --> 00:04:39,039
What's a duration of
117
00:04:39,295 --> 00:04:40,063
.3
118
00:04:40,575 --> 00:04:41,343
Google call Dad
119
00:04:41,855 --> 00:04:43,135
Now again
120
00:04:43,391 --> 00:04:49,023
This is only being provided the final number so we have to set the panel container size
121
00:04:49,279 --> 00:04:50,047
To something
122
00:04:50,303 --> 00:04:52,095
Or scale weather to something
123
00:04:53,375 --> 00:04:54,655
Serena saying panel container
124
00:04:54,911 --> 00:04:55,423
At scale
125
00:04:55,935 --> 00:04:56,447
Is it going to
126
00:04:56,703 --> 00:04:57,727
Better 2.0
127
00:04:58,239 --> 00:05:03,871
Ok now there is a problem with this line here but I will tell you what the problem is after we see it in
128
00:05:04,383 --> 00:05:06,431
Going to set the scale in a minute ween
129
00:05:06,687 --> 00:05:08,223
Descale property
130
00:05:08,479 --> 00:05:09,759
Search Google or 2D
131
00:05:10,015 --> 00:05:13,343
Mode and let's just hit this run currency in but this year
132
00:05:15,391 --> 00:05:15,903
Nothing
133
00:05:17,183 --> 00:05:20,511
And that's because of the aforementioned issue with this life
134
00:05:21,023 --> 00:05:22,303
So I don't know the exact
135
00:05:22,815 --> 00:05:25,887
But the internal a guedel processes twins
136
00:05:26,143 --> 00:05:28,703
And container sizing are such that
137
00:05:28,959 --> 00:05:31,263
This tween does not start run
138
00:05:31,775 --> 00:05:35,359
Until after the container reset the panel can't
139
00:05:35,871 --> 00:05:36,383
Scale
140
00:05:36,895 --> 00:05:37,663
So that means
141
00:05:37,919 --> 00:05:39,455
That even though were sitting here
142
00:05:39,711 --> 00:05:41,247
In between this point
143
00:05:41,503 --> 00:05:42,271
And this point
144
00:05:42,527 --> 00:05:46,367
Or rather in between this point and when the twin starts running
145
00:05:46,623 --> 00:05:48,415
The scale has been reset one
146
00:05:48,671 --> 00:05:50,719
Which means that no interpolation is happy
147
00:05:50,975 --> 00:05:54,047
More accurate way of saying that is that the interpolation is happy
148
00:05:54,559 --> 00:05:56,351
But it's going from vector to that one
149
00:05:56,607 --> 00:05:57,119
2
150
00:05:57,375 --> 00:05:57,887
Do that one
151
00:05:58,143 --> 00:05:59,167
Therefore not produced
152
00:06:00,191 --> 00:06:01,471
One thing that we can do
153
00:06:01,727 --> 00:06:02,239
Is weekend
154
00:06:02,495 --> 00:06:04,543
Hack around this by saying Queen
155
00:06:04,799 --> 00:06:06,079
Dark twin prop
156
00:06:06,847 --> 00:06:07,871
Panel container
157
00:06:09,663 --> 00:06:10,431
Scale
158
00:06:11,199 --> 00:06:15,551
Dr 2.0 is our final value and we're going to set a direction of 0
159
00:06:15,807 --> 00:06:16,575
Storytelling
160
00:06:17,087 --> 00:06:19,647
Between the property over 0 seconds to record
161
00:06:19,903 --> 00:06:23,743
Which means it will take effect immediately and then between can properly
162
00:06:23,999 --> 00:06:26,303
Interpolate between that 0 in that
163
00:06:26,815 --> 00:06:29,887
I'm gonna get rid of that line I reset the panel container 20
164
00:06:30,399 --> 00:06:32,959
And now if we run it with these run current Simon
165
00:06:34,239 --> 00:06:35,775
Now we've got something at work
166
00:06:36,287 --> 00:06:37,311
But that's a little bit
167
00:06:37,567 --> 00:06:40,639
And so let's use the following transition in
168
00:06:40,895 --> 00:06:41,663
So we're going to say
169
00:06:41,919 --> 00:06:45,503
I have to put a new line character here so backslash at the end of this
170
00:06:46,015 --> 00:06:46,527
Scale
171
00:06:46,783 --> 00:06:47,295
Tween
172
00:06:47,551 --> 00:06:49,855
And I was going to say sat
173
00:06:50,367 --> 00:06:51,391
Cheese type
174
00:06:52,671 --> 00:06:53,183
In
175
00:06:53,695 --> 00:06:54,463
And then set
176
00:06:54,719 --> 00:06:55,231
Trans
177
00:06:55,999 --> 00:06:57,023
Transition type
178
00:06:57,279 --> 00:06:58,303
And really used
179
00:06:58,815 --> 00:06:59,839
Which is going to
180
00:07:00,095 --> 00:07:02,655
Go past the vector to that one and then settled
181
00:07:03,167 --> 00:07:03,935
What's the hell
182
00:07:05,471 --> 00:07:09,311
It looks like I've got my keys in wrong they should be his out
183
00:07:09,823 --> 00:07:11,103
Again you can pull up that
184
00:07:12,639 --> 00:07:16,991
Alright so that looks much better so you can see that there's a little bit of bounce when it comes in
185
00:07:17,503 --> 00:07:21,343
Give it a little bit of life and we've got the background feeling in as well
186
00:07:21,855 --> 00:07:25,439
So let's verify that works properly so I'm just going to go ahead and die
187
00:07:26,719 --> 00:07:27,743
And we go
188
00:07:27,999 --> 00:07:30,303
David screen here and I can restart
189
00:07:31,071 --> 00:07:34,655
One final thing that I want to make sure this end screen is I want to
190
00:07:34,911 --> 00:07:36,447
Give the text an hour
191
00:07:36,959 --> 00:07:38,495
So this title label here
192
00:07:38,751 --> 00:07:41,823
Has a font size of 24 which is wrong
193
00:07:42,079 --> 00:07:44,127
So we have to change this font-size
194
00:07:44,383 --> 00:07:45,151
232
195
00:07:45,407 --> 00:07:45,919
Soda
196
00:07:46,175 --> 00:07:47,199
Scales properly
197
00:07:47,455 --> 00:07:49,247
And then let's go ahead and
198
00:07:49,503 --> 00:07:50,015
Change
199
00:07:50,271 --> 00:07:51,551
Define outline colour
200
00:07:51,807 --> 00:07:53,343
Again I'm going to use that dark blue
201
00:07:53,599 --> 00:07:55,135
What's the hex code again is
202
00:07:55,391 --> 00:07:56,159
26
203
00:07:56,415 --> 00:07:56,927
To be
204
00:07:57,183 --> 00:07:57,695
Fourth
205
00:07:57,951 --> 00:07:59,743
If that's saving your swatches you can
206
00:07:59,999 --> 00:08:00,767
So I could there
207
00:08:01,023 --> 00:08:03,327
And then let's change the outline size 28
208
00:08:03,583 --> 00:08:07,167
And then let's set the shadow colour as well
209
00:08:07,423 --> 00:08:08,959
To that same blue
210
00:08:09,471 --> 00:08:11,007
So fine shadow colour right there
211
00:08:11,263 --> 00:08:11,775
And then
212
00:08:12,031 --> 00:08:12,543
Check
213
00:08:12,799 --> 00:08:14,847
The shadow after X and Y
214
00:08:15,871 --> 00:08:17,919
And that will fill in any jobs that might
215
00:08:19,199 --> 00:08:19,711
Fix that error
216
00:08:19,967 --> 00:08:23,295
And then we're going to do the same thing for our description label
217
00:08:23,551 --> 00:08:24,575
So I'm going to scroll down
218
00:08:24,831 --> 00:08:28,415
I'm going to apply base with the same settings except for the font size so I'm going
219
00:08:28,671 --> 00:08:29,439
To change the font
220
00:08:29,695 --> 00:08:30,463
Cheryl Cole
221
00:08:30,975 --> 00:08:33,279
Define shadow the font outline colour
222
00:08:33,535 --> 00:08:34,047
Check
223
00:08:34,303 --> 00:08:37,631
Shadow offset shadow offset y and give an outline
224
00:08:37,887 --> 00:08:38,911
Size of
225
00:08:40,191 --> 00:08:41,727
Ok so now just take a look at it
226
00:08:41,983 --> 00:08:43,007
And it looks nice
227
00:08:44,543 --> 00:08:47,103
Right RN screen has now been animated
15245
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bengali
Bosnian
Bulgarian
Catalan
Cebuano
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Finnish
French
Frisian
Galician
Georgian
German
Greek
Gujarati
Haitian Creole
Hawaiian
Hungarian
Icelandic
Irish
Italian
Japanese
Kazakh
Khmer
Korean
Kurdish (Kurmanji)
Kyrgyz
Lao
Latvian
Lithuanian
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mongolian
Myanmar (Burmese)
Nepali
Norwegian
Pashto
Polish
Portuguese
Romanian
Russian
Samoan
Serbian
Sesotho
Shona
Sinhala
Slovak
Slovenian
Somali
Spanish
Swahili
Swedish
Tajik
Thai
Turkish
Ukrainian
Urdu
Uzbek
Vietnamese
