All language subtitles for 47. Introduction to UI Theming

af Afrikaans
sq Albanian
am Amharic
ar Arabic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bn Bengali
bs Bosnian
bg Bulgarian
ca Catalan
ceb Cebuano
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
tl Filipino
fi Finnish
fr French
fy Frisian
gl Galician
ka Georgian
de German
el Greek
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian Download
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
km Khmer
ko Korean
ku Kurdish (Kurmanji)
ky Kyrgyz
lo Lao
la Latin
lv Latvian
lt Lithuanian
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mn Mongolian
my Myanmar (Burmese)
ne Nepali
no Norwegian
ps Pashto
fa Persian
pl Polish
pt Portuguese
pa Punjabi
ro Romanian
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
st Sesotho
sn Shona
sd Sindhi
si Sinhala
sk Slovak
sl Slovenian
so Somali
es Spanish
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
te Telugu
th Thai
tr Turkish
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
or Odia (Oriya)
rw Kinyarwanda
tk Turkmen
tt Tatar
ug Uyghur
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,816 The next step in our effort to me 2 00:00:03,072 --> 00:00:04,864 Our game look a little bit nicer 3 00:00:05,120 --> 00:00:05,632 Is 4 00:00:05,888 --> 00:00:06,656 2 up 5 00:00:06,912 --> 00:00:07,680 You do think you are 6 00:00:07,936 --> 00:00:09,216 We've already done some 7 00:00:09,472 --> 00:00:11,520 For instance we've got our theme 8 00:00:11,776 --> 00:00:12,544 Roughly define 9 00:00:12,800 --> 00:00:13,312 I'm here 10 00:00:13,568 --> 00:00:15,360 And we very put a font in here 11 00:00:15,616 --> 00:00:17,152 But we want to replace all 12 00:00:17,408 --> 00:00:18,432 Is pan on saying why 13 00:00:18,688 --> 00:00:19,200 Because 14 00:00:19,456 --> 00:00:20,736 When I go into the game 15 00:00:20,992 --> 00:00:21,760 This looks 16 00:00:22,016 --> 00:00:22,784 Very ugly 17 00:00:23,296 --> 00:00:27,648 One it is not enemy to do anything so it just kind of static 18 00:00:27,904 --> 00:00:28,928 Doesn't really look 19 00:00:29,184 --> 00:00:29,696 Wheezing 20 00:00:30,208 --> 00:00:32,512 But also the style of the boxes 21 00:00:32,768 --> 00:00:33,792 The text is just 22 00:00:34,048 --> 00:00:37,376 Well there's nothing else to say other than it's ugly and it does 23 00:00:38,144 --> 00:00:41,216 So we're going to start addressing that in this lesson 24 00:00:41,472 --> 00:00:42,240 It will be 25 00:00:42,496 --> 00:00:43,776 Tightening of the UAE 26 00:00:44,288 --> 00:00:44,800 Presentation 27 00:00:45,056 --> 00:00:46,592 Animations and all that over the 28 00:00:46,848 --> 00:00:47,360 Several 29 00:00:48,128 --> 00:00:50,176 The first thing that we're going to do is improved 30 00:00:50,432 --> 00:00:50,944 Is panels 31 00:00:51,200 --> 00:00:52,992 Here so let's go ahead and open 32 00:00:53,504 --> 00:00:54,528 Upgrade card 33 00:00:55,808 --> 00:00:56,320 Scene 34 00:00:57,600 --> 00:00:58,112 We can see 35 00:00:58,368 --> 00:00:58,880 This is what it is 36 00:00:59,904 --> 00:01:00,269 Now 37 00:01:00,271 --> 00:01:02,619 Subtitled by online-courses.club We compress knowledge for you! 38 00:01:02,620 --> 00:01:06,048 So our route type here is a type of panel container which you can see by hovering over 39 00:01:06,560 --> 00:01:07,072 And it will tell you 40 00:01:07,584 --> 00:01:08,096 What type 41 00:01:08,352 --> 00:01:09,632 Internal container 42 00:01:10,144 --> 00:01:10,912 Can be 43 00:01:11,168 --> 00:01:11,680 Can have 44 00:01:11,936 --> 00:01:13,728 Styles or themes 45 00:01:13,984 --> 00:01:15,008 Applied to them 46 00:01:15,264 --> 00:01:18,080 And so we can in our theme 47 00:01:18,336 --> 00:01:19,360 Resource that 48 00:01:19,872 --> 00:01:20,384 Save 49 00:01:20,640 --> 00:01:23,200 Override the panel styling to make it 50 00:01:23,968 --> 00:01:24,480 I want it to look 51 00:01:25,504 --> 00:01:28,320 Before we go any further I've attached as 52 00:01:28,576 --> 00:01:30,112 A resource to this lesson 53 00:01:30,368 --> 00:01:32,416 Is it file called UI 54 00:01:32,672 --> 00:01:34,720 Which you should go ahead and download 55 00:01:35,232 --> 00:01:36,768 And once you extracted 56 00:01:37,024 --> 00:01:37,536 You are 57 00:01:37,792 --> 00:01:41,632 Zip you will see a UI that a Sprite in a UI that piano 58 00:01:42,144 --> 00:01:44,704 I actually through together this you I myself 59 00:01:45,216 --> 00:01:46,240 For this course 60 00:01:46,496 --> 00:01:50,336 There was no matching UI for the asset pack ever using so I did my best 61 00:01:50,592 --> 00:01:51,104 To try 62 00:01:51,360 --> 00:01:51,872 Magic 63 00:01:52,128 --> 00:01:54,176 And the UI Sprite file 64 00:01:54,432 --> 00:01:56,480 Is a file for a 65 00:01:56,736 --> 00:01:57,760 Programme called 66 00:01:58,016 --> 00:01:59,040 Hairspray which eyes 67 00:01:59,296 --> 00:01:59,808 Studio 68 00:02:00,320 --> 00:02:03,648 You should definitely check it out if you're interested in doing looks like yourself 69 00:02:04,160 --> 00:02:06,208 It's a very affordable and very power 70 00:02:06,464 --> 00:02:06,976 The program 71 00:02:07,232 --> 00:02:09,792 But there's also the png 72 00:02:10,048 --> 00:02:10,816 The texture that 73 00:02:11,328 --> 00:02:11,840 Is Ferrari 74 00:02:12,864 --> 00:02:14,912 So glad and happy that you are pee 75 00:02:15,680 --> 00:02:19,008 And actually you can just drag it over into the file 76 00:02:20,032 --> 00:02:20,544 Perfect 77 00:02:20,800 --> 00:02:22,848 And then you can drive a UI into 78 00:02:23,104 --> 00:02:23,616 The theme 79 00:02:23,872 --> 00:02:25,920 Directory in your resources theme 80 00:02:26,176 --> 00:02:31,552 I think I'm going to put it in the assets folder instead so I'm going to create a new folder under asset 81 00:02:32,064 --> 00:02:32,576 UI 82 00:02:32,832 --> 00:02:34,112 And I'm going to move with you 83 00:02:35,648 --> 00:02:36,160 That you are 84 00:02:37,184 --> 00:02:39,232 Ok so go UI png 85 00:02:39,488 --> 00:02:42,816 Play Snow let me just open this up and take a look at it for a 86 00:02:43,072 --> 00:02:43,584 Cancel 87 00:02:44,864 --> 00:02:49,728 Blacks here essentially are going to be panels and we're going to be using something that's known 88 00:02:49,984 --> 00:02:52,032 9 patch or 90 89 00:02:52,544 --> 00:02:54,592 Which essentially allows us to make a pen 90 00:02:54,848 --> 00:02:56,384 That is of any size 91 00:02:56,640 --> 00:02:58,432 With just a stat 92 00:02:58,688 --> 00:02:59,456 Sprite here 93 00:02:59,712 --> 00:03:00,736 And I can't I 94 00:03:01,760 --> 00:03:03,808 Stretch properly and you see at work 95 00:03:04,320 --> 00:03:04,832 As we can 96 00:03:05,088 --> 00:03:06,880 Garden open up your theme 97 00:03:07,136 --> 00:03:08,160 Serious 98 00:03:08,416 --> 00:03:10,976 And we have all over theme 99 00:03:11,488 --> 00:03:15,072 And we have a bunch of control nodes down here for Arthur 100 00:03:15,584 --> 00:03:19,168 Now remember a control node is basically any UI element 101 00:03:19,424 --> 00:03:20,448 So buttons 102 00:03:20,704 --> 00:03:21,472 Text boxes 103 00:03:21,984 --> 00:03:22,752 Number 104 00:03:23,264 --> 00:03:23,776 Spinners 105 00:03:24,288 --> 00:03:26,336 Cabs trees all that good 106 00:03:26,848 --> 00:03:29,408 L r controllers and we can smile each of them 107 00:03:29,664 --> 00:03:30,688 Independently 108 00:03:30,944 --> 00:03:33,504 To do that we're going to start with 109 00:03:33,760 --> 00:03:34,784 Overriding 110 00:03:35,040 --> 00:03:36,064 Panel container 111 00:03:36,320 --> 00:03:39,648 In the way that we do that is we open a bar theme so we got the theme panel here 112 00:03:40,416 --> 00:03:41,952 And I am going to kill 113 00:03:42,208 --> 00:03:42,720 This 114 00:03:42,976 --> 00:03:44,000 Add button 115 00:03:44,256 --> 00:03:47,072 Which says add a type from a list of available 116 00:03:48,352 --> 00:03:51,168 And this is the worst of all of the things 117 00:03:51,680 --> 00:03:52,960 Can be styled with a 118 00:03:53,472 --> 00:03:55,520 And I'm going to search for penalty 119 00:03:56,800 --> 00:03:57,312 Double 120 00:03:57,824 --> 00:04:00,384 Ok so we've got the type so I can pay Knockin 121 00:04:00,896 --> 00:04:01,408 And 122 00:04:01,664 --> 00:04:02,688 These tab 123 00:04:03,200 --> 00:04:03,968 Underneath 124 00:04:04,224 --> 00:04:05,248 That drop down 125 00:04:05,760 --> 00:04:06,528 Are all 126 00:04:06,784 --> 00:04:10,368 Things that can be overridden in the panel container now just so happy 127 00:04:10,880 --> 00:04:12,672 That the power container only has 128 00:04:12,928 --> 00:04:13,952 One property that 129 00:04:14,208 --> 00:04:14,720 Ovary 130 00:04:14,976 --> 00:04:16,256 But other types 131 00:04:16,512 --> 00:04:18,559 Control no one to have all kinds of prayer 132 00:04:18,815 --> 00:04:19,327 Override 133 00:04:20,351 --> 00:04:24,191 So it's like today pal container now in order to override a certain 134 00:04:24,447 --> 00:04:25,727 Properties for 135 00:04:25,983 --> 00:04:28,799 The panel you can either collect this Plus button here 136 00:04:29,055 --> 00:04:30,591 That says override item 137 00:04:30,847 --> 00:04:34,431 Or what I like to do usually is just click override all 138 00:04:34,687 --> 00:04:35,967 How many clicks override on 139 00:04:36,479 --> 00:04:42,111 And you'll notice now that the panel option underneath the colour tab here or like this the theme to A 140 00:04:42,879 --> 00:04:44,671 Now it has a bunch of different 141 00:04:45,439 --> 00:04:45,951 Pin it 142 00:04:46,207 --> 00:04:47,999 We can edit the name 143 00:04:48,511 --> 00:04:49,535 And we can delete 144 00:04:50,559 --> 00:04:52,351 So what we want to do is we want to change 145 00:04:52,607 --> 00:04:53,119 The style 146 00:04:53,631 --> 00:04:55,679 In the style box is essentially resource that 147 00:04:55,935 --> 00:04:56,703 Define 148 00:04:56,959 --> 00:04:58,239 How the box 149 00:04:58,495 --> 00:04:59,519 The panel should be 150 00:05:00,031 --> 00:05:01,311 I'm gonna click the dropdown 151 00:05:01,567 --> 00:05:03,615 I'm going to create a new style box 152 00:05:04,127 --> 00:05:06,175 No just a word on all of the style boxes 153 00:05:06,687 --> 00:05:07,199 The style 154 00:05:07,455 --> 00:05:11,039 Empty is nothing so the essentially means 155 00:05:11,551 --> 00:05:16,159 Starbucks text your means we're going to supply texture and tell 156 00:05:16,415 --> 00:05:17,183 How to tile 157 00:05:17,439 --> 00:05:18,207 Properly for the 158 00:05:18,975 --> 00:05:21,535 What is just a flat colour in UK 159 00:05:21,791 --> 00:05:22,559 Do things 160 00:05:22,815 --> 00:05:23,839 Like change 161 00:05:24,095 --> 00:05:25,375 The colour of the background 162 00:05:25,631 --> 00:05:28,703 But also the radius of the corners and all that good stuff 163 00:05:28,959 --> 00:05:32,543 And then stylebox line is similar except for line 164 00:05:33,055 --> 00:05:37,407 I don't really ever noticed a time where I want to use tile boxes 165 00:05:37,663 --> 00:05:39,199 Most of the time I'm using 166 00:05:39,455 --> 00:05:40,479 Style bags 167 00:05:40,991 --> 00:05:43,295 Something to click on Starbucks text you there 168 00:05:43,551 --> 00:05:44,831 And now you can see that that is 169 00:05:45,343 --> 00:05:45,855 So I 170 00:05:46,111 --> 00:05:47,903 Here now open that 171 00:05:48,415 --> 00:05:50,719 We'll get is you'll get a new inspector over here 172 00:05:50,975 --> 00:05:52,255 And we got a preview and 173 00:05:53,023 --> 00:05:54,047 You got a budget setting 174 00:05:54,815 --> 00:05:57,375 The first thing I'm going to do is working a drag over 175 00:05:57,631 --> 00:05:58,143 The 176 00:05:58,399 --> 00:06:01,215 UI png texture onto the texture 177 00:06:01,471 --> 00:06:01,983 Properly 178 00:06:02,495 --> 00:06:05,055 Ok no problem is that this is now 179 00:06:05,311 --> 00:06:06,079 Referencing 180 00:06:06,335 --> 00:06:10,431 Everything right we have always individual ones that we want to use this 181 00:06:10,687 --> 00:06:11,455 Grey 182 00:06:11,711 --> 00:06:13,759 Barks here that's the one we were 183 00:06:14,271 --> 00:06:14,783 So 184 00:06:15,039 --> 00:06:17,855 I'm in a scroll down until I see the sub-region 185 00:06:18,111 --> 00:06:19,903 Setting a click edit region 186 00:06:20,159 --> 00:06:22,207 And this brings up a separate window 187 00:06:22,719 --> 00:06:26,047 So you can navigate this window by using the scroll wheel 188 00:06:26,303 --> 00:06:26,815 An 189 00:06:27,071 --> 00:06:33,215 Using middle Mouse button to move or you can hold space and click in the empty spot don't click on the lines because that way 190 00:06:33,471 --> 00:06:35,263 Not navigate you at will do something 191 00:06:35,519 --> 00:06:38,847 And if you lose track of where you are you can click this one button in here 192 00:06:39,103 --> 00:06:40,639 If you lose track of where you are 193 00:06:40,895 --> 00:06:42,175 Likely same way over here 194 00:06:42,431 --> 00:06:44,991 I can zoom in a little bit and then click this one 195 00:06:45,247 --> 00:06:46,783 And that will reset my zoom 196 00:06:47,039 --> 00:06:47,807 Putting this 197 00:06:48,063 --> 00:06:49,087 Into can't 198 00:06:49,599 --> 00:06:50,623 Ok so 199 00:06:51,135 --> 00:06:52,415 This is a little 200 00:06:52,671 --> 00:06:54,207 Hard to use because of you 201 00:06:54,463 --> 00:06:56,767 Click without pressing space you will do 202 00:06:57,023 --> 00:06:58,815 This drawing with this 203 00:06:59,327 --> 00:07:01,631 Until we're going to go over what this means 204 00:07:02,143 --> 00:07:04,191 Smallest change the snap mode to 205 00:07:04,447 --> 00:07:05,215 Pixel snap 206 00:07:05,471 --> 00:07:07,519 Zoom in on h 207 00:07:07,775 --> 00:07:08,287 Panels 208 00:07:08,799 --> 00:07:12,127 And what we want to do is we want to draw by clicking and holding 209 00:07:12,383 --> 00:07:16,735 We want to drag this rectangle so that it is perfectly encapsulated 210 00:07:16,991 --> 00:07:17,503 That 211 00:07:17,759 --> 00:07:20,319 Boundary now I know this is a little bit hard to see on the video 212 00:07:20,575 --> 00:07:22,111 And probably in your edit 213 00:07:22,367 --> 00:07:25,439 But there is a outline around 214 00:07:25,695 --> 00:07:26,463 That panel 215 00:07:26,719 --> 00:07:27,487 So you're back 216 00:07:27,743 --> 00:07:28,511 Should look like 217 00:07:29,279 --> 00:07:31,327 And let me just show you as well 218 00:07:31,839 --> 00:07:33,119 In the USA you can see 219 00:07:33,375 --> 00:07:34,655 There is an outline 220 00:07:34,911 --> 00:07:38,239 A dark outline around there so just make sure that you capture there 221 00:07:38,751 --> 00:07:40,287 When you're when you're doing your 222 00:07:40,543 --> 00:07:41,567 Area selection 223 00:07:41,823 --> 00:07:44,639 Can we have these data lines and what are these 224 00:07:44,895 --> 00:07:46,175 This is how you define 225 00:07:46,431 --> 00:07:48,223 You're 9 slice 226 00:07:49,247 --> 00:07:50,271 You'll see how this work 227 00:07:50,783 --> 00:07:53,343 But basically we want to define 228 00:07:53,855 --> 00:07:54,879 9 cm 229 00:07:55,135 --> 00:07:55,903 Using 230 00:07:56,159 --> 00:07:56,927 Four Lions 231 00:07:57,439 --> 00:07:58,975 Where to find 9 cells 232 00:07:59,231 --> 00:08:01,535 Where are the top left cell represent 233 00:08:01,791 --> 00:08:03,071 The court the top left corner 234 00:08:03,327 --> 00:08:04,607 The top right cell 235 00:08:04,863 --> 00:08:05,631 Sensor top right corner 236 00:08:05,887 --> 00:08:06,911 And so on 237 00:08:07,167 --> 00:08:07,935 Other corner 238 00:08:08,191 --> 00:08:12,031 And then there's going to be a top middle or bottom middle 239 00:08:12,287 --> 00:08:13,055 Beside me 240 00:08:13,567 --> 00:08:16,895 Left side middle and right side middle and then there's going to be the app 241 00:08:17,151 --> 00:08:18,943 Centre and I know that's all 242 00:08:19,199 --> 00:08:21,247 Let's just go ahead and set this up 243 00:08:21,503 --> 00:08:23,039 You can see what we're talking about 244 00:08:23,295 --> 00:08:24,831 So I'm going to drag 245 00:08:25,343 --> 00:08:26,111 This line 246 00:08:26,879 --> 00:08:28,415 So that it is just 247 00:08:28,927 --> 00:08:29,439 Pass 248 00:08:29,695 --> 00:08:31,231 The corner like so 249 00:08:31,743 --> 00:08:33,279 Kemp and I'm going to do the same 250 00:08:33,535 --> 00:08:37,631 For this line I'm going to drag this one to the bottom of the bottom most like 251 00:08:38,143 --> 00:08:38,911 Drag it down 252 00:08:39,167 --> 00:08:39,935 Until it 253 00:08:40,191 --> 00:08:41,727 Just got in the corner like sell 254 00:08:41,983 --> 00:08:42,495 Ok 255 00:08:42,751 --> 00:08:46,591 And then for this line the rightmost line I'm going to drive this over 256 00:08:46,847 --> 00:08:47,615 An actually 257 00:08:47,871 --> 00:08:49,151 We wanted to be right 258 00:08:49,663 --> 00:08:52,479 Here to see how there is a little Curve 259 00:08:52,735 --> 00:08:53,503 Right here 260 00:08:53,759 --> 00:08:55,295 Texture we wanted to 261 00:08:55,551 --> 00:08:56,831 Reset just past 262 00:08:57,599 --> 00:09:00,415 Samuel do the same for the other one minute drag the other one so 263 00:09:00,927 --> 00:09:02,719 And in the topmost 264 00:09:03,231 --> 00:09:05,791 Line needs to be dragged to the bottom of the high 265 00:09:06,047 --> 00:09:06,815 Suggest like 266 00:09:07,327 --> 00:09:11,167 Ok so now you can see that we've got essentially 9 cells 267 00:09:11,423 --> 00:09:11,935 Here 268 00:09:12,191 --> 00:09:13,983 Which defines our 9 slice 269 00:09:14,239 --> 00:09:15,263 Or nine patch 270 00:09:16,031 --> 00:09:17,055 We've got the top left 271 00:09:17,311 --> 00:09:18,079 The centre 272 00:09:18,335 --> 00:09:19,359 Top top 273 00:09:19,615 --> 00:09:21,919 And you can imagine now imagine that this is 274 00:09:22,175 --> 00:09:22,943 Search that 275 00:09:23,199 --> 00:09:25,503 The corners stay there consistent size 276 00:09:25,759 --> 00:09:26,783 What time is the high 277 00:09:27,039 --> 00:09:31,135 Is variable so it will just take this left side and stretch it out as well 278 00:09:31,391 --> 00:09:34,463 Possible no takers right side in stretched out as far as possible 279 00:09:34,719 --> 00:09:35,999 And the bottom sing for the bye 280 00:09:36,255 --> 00:09:40,095 The top and then in the middle that's essentially the fill colour so that will be stretched 281 00:09:40,607 --> 00:09:41,119 To cover 282 00:09:41,375 --> 00:09:42,143 The entire set 283 00:09:42,911 --> 00:09:43,423 Are there 284 00:09:44,191 --> 00:09:45,215 In this will become more a 285 00:09:45,727 --> 00:09:49,055 In a second solicitors clothes that was that configuration done 286 00:09:49,311 --> 00:09:51,103 Have you got a preview check it out 287 00:09:51,359 --> 00:09:53,663 Are preview looks like an actual panel 288 00:09:54,175 --> 00:09:55,199 Which looks really nice 289 00:09:55,711 --> 00:09:58,015 You can see that the texture models have been filled in 290 00:09:58,271 --> 00:09:58,783 Here as well 291 00:09:59,039 --> 00:10:00,063 So if you 292 00:10:00,345 --> 00:10:02,376 Subtitled by online-courses.club We compress knowledge for you! 293 00:10:02,377 --> 00:10:01,855 Are so confused about the marriage 294 00:10:02,111 --> 00:10:02,879 Should be 295 00:10:03,135 --> 00:10:04,415 Here are the numbers so we 296 00:10:04,671 --> 00:10:05,695 4 pixels in the 297 00:10:06,207 --> 00:10:07,231 13 pixels 298 00:10:07,743 --> 00:10:08,767 4 pixels in the 299 00:10:09,279 --> 00:10:09,791 Intend 300 00:10:10,559 --> 00:10:13,631 So what we were doing was essentially we were sending those 301 00:10:14,911 --> 00:10:15,423 Graphic 302 00:10:15,679 --> 00:10:17,215 But you can also type 303 00:10:17,471 --> 00:10:18,751 I'm here for the same as 304 00:10:19,263 --> 00:10:22,335 Helen the actress stretch this is how those 305 00:10:22,591 --> 00:10:24,127 Different pieces of the pan 306 00:10:24,383 --> 00:10:26,687 Will be stretched in our case for using flat pics 307 00:10:26,943 --> 00:10:27,455 So 308 00:10:27,711 --> 00:10:28,223 Tile 309 00:10:28,479 --> 00:10:31,295 Or stretched doesn't really matter so we just leave it on stretch 310 00:10:31,807 --> 00:10:34,111 And that's pretty much all we need to worry about 311 00:10:34,879 --> 00:10:38,975 Now you're not is that if you have your ability upgrade card in contacts that hasn't been updated 312 00:10:39,231 --> 00:10:39,999 And the reason is 313 00:10:40,511 --> 00:10:41,535 Because you need to click away 314 00:10:42,303 --> 00:10:42,815 Back 315 00:10:43,071 --> 00:10:44,095 So that good 316 00:10:44,863 --> 00:10:46,143 So just click to a different scene 317 00:10:46,399 --> 00:10:47,935 Can you come back to me building upgrades 318 00:10:48,191 --> 00:10:48,959 And I can see 319 00:10:49,215 --> 00:10:50,239 We've got power 320 00:10:50,495 --> 00:10:51,775 Panel looking really good 321 00:10:52,031 --> 00:10:53,311 And if you crab 322 00:10:53,567 --> 00:10:55,871 If you grab one of his corners and stretched out 323 00:10:56,127 --> 00:10:59,455 You can see what a nine patch rectangle is doing so noticed that 324 00:10:59,711 --> 00:11:01,759 No matter what size you said 325 00:11:02,015 --> 00:11:04,063 For this panel by dragging this corner 326 00:11:04,319 --> 00:11:08,159 The corners are always going to be maintained their perfect pixel ratio 327 00:11:08,415 --> 00:11:12,255 What are the top middle here is going to stretch all the way up 328 00:11:12,767 --> 00:11:15,839 That is the same for the sides and the same for the 329 00:11:16,351 --> 00:11:18,655 So essentially all of the corners are preserve 330 00:11:19,167 --> 00:11:20,959 The sides and top and bottom 331 00:11:21,215 --> 00:11:22,239 Are stretched 332 00:11:22,751 --> 00:11:24,031 According to what you've said 333 00:11:24,287 --> 00:11:28,383 And then the meal will be filled in with whatever your middle section 334 00:11:28,895 --> 00:11:29,919 So in Ark 335 00:11:30,175 --> 00:11:33,247 If I go ahead and open up the theme and go back to that sell boxed 336 00:11:34,015 --> 00:11:35,295 Our middle is 337 00:11:35,807 --> 00:11:36,831 This colour 338 00:11:37,087 --> 00:11:37,599 Right 339 00:11:37,855 --> 00:11:38,367 Here 340 00:11:39,391 --> 00:11:39,903 Ok 341 00:11:40,159 --> 00:11:43,231 Let's go in a reset the size of this thing by going to say 342 00:11:43,743 --> 00:11:46,047 Not custom minimum size we want to keep 343 00:11:46,559 --> 00:11:48,607 So we want to reset the size I just clicked the reset 344 00:11:49,119 --> 00:11:50,655 And that will put it back to our 345 00:11:50,911 --> 00:11:51,423 Minimum 346 00:11:52,447 --> 00:11:55,775 And Alfie Run the game and get your first set of upgrades 347 00:11:56,031 --> 00:11:58,591 Now we're starting to look a lot nicer 348 00:11:59,103 --> 00:12:02,431 In the next lesson we're going to continue work on this were going to set up 349 00:12:02,687 --> 00:12:03,967 Another nine Patrick 350 00:12:04,223 --> 00:12:04,735 To make the 351 00:12:04,991 --> 00:12:06,271 Card look a little 352 00:12:06,527 --> 00:12:07,039 Nisa 22428

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.