WEBVTT 00:07.520 --> 00:08.540 Welcome back. 00:08.540 --> 00:10.670 So we have load slot vacant. 00:10.670 --> 00:11.960 Here's what it looks like. 00:11.960 --> 00:13.040 Looking good. 00:13.250 --> 00:17.210 I'm going to go ahead and close down my other asset editors. 00:17.210 --> 00:19.220 And let's get our load slot. 00:19.220 --> 00:22.730 Enter name open so we can create this one. 00:22.730 --> 00:28.340 Now I'm going to go ahead and set my background to the same background here that I'm using. 00:28.340 --> 00:31.640 The image background is my load slot. 00:31.640 --> 00:34.640 BG I'm going to go ahead and set that to this one. 00:35.530 --> 00:39.340 That way it looks the same and this is going to be a little different. 00:39.340 --> 00:43.210 This will be a widget for entering our name to create a new slot. 00:43.720 --> 00:47.170 So I need a couple of things in my overlay. 00:47.200 --> 00:49.810 I can add a vertical box for this. 00:50.910 --> 00:59.250 Drag that in, set it to fill, and in the vertical box I can add a text box, but I want editable text. 00:59.250 --> 01:06.270 So if I search for text and get editable text and bring it in, this will be a box of text that can 01:06.270 --> 01:09.780 be filled in and we can give it a hint text. 01:09.780 --> 01:11.700 Now there's text in hint text. 01:11.700 --> 01:19.650 Text is going to show text like this, and it'll be filled in with text in its text box for its text 01:19.650 --> 01:20.220 value. 01:20.220 --> 01:23.430 But hint text is going to show up a little darker. 01:23.430 --> 01:28.620 We're going to say enter name colon like this. 01:28.710 --> 01:30.240 So it's a little darker. 01:30.270 --> 01:33.750 Now I can give my vertical box a bit of padding. 01:35.100 --> 01:40.080 Perhaps 20, and my editable text has some properties. 01:40.080 --> 01:41.940 We can set its font. 01:42.150 --> 01:48.630 I'm going to try my amaranth font that looks pretty decent. 01:48.660 --> 01:56.340 24 seems like a pretty good size for it, and if I collapse font, we have color and opacity. 01:59.790 --> 02:03.810 And we can change the color of our text if we want to. 02:03.840 --> 02:09.660 We also have background now, background image selected and composing. 02:09.840 --> 02:10.680 Now selected. 02:10.680 --> 02:14.790 We can't really see anything if we change it because it's not selected. 02:14.820 --> 02:20.280 So we'll be able to see more what this looks like when we start adding it to the viewport and interacting 02:20.280 --> 02:20.880 with it. 02:21.360 --> 02:24.240 But just under enter name I'd like a spacer. 02:26.310 --> 02:27.990 We'll bring that in. 02:28.470 --> 02:31.410 Increase its size and the Y direction. 02:31.410 --> 02:35.880 And in addition to enter name I'd like a wide button. 02:35.880 --> 02:37.680 So I'm going to use wide button. 02:38.040 --> 02:39.930 Bring that in right here. 02:40.080 --> 02:41.370 And we have a button. 02:41.370 --> 02:43.860 And this is going to be for adding a new slot. 02:44.190 --> 02:48.990 So I'm going to change the button text to say new slot. 02:49.770 --> 02:52.680 And if you like you can make it all caps. 02:53.760 --> 02:55.950 And we can change the letter spacing. 02:55.980 --> 02:57.840 300 seems okay. 02:58.490 --> 03:00.110 And we have our button now. 03:00.110 --> 03:03.140 The button itself doesn't have to be set to fill. 03:03.140 --> 03:09.860 We can set its horizontal alignment to center, so it's not quite so stretched out, but other than 03:09.860 --> 03:10.940 that it looks pretty good. 03:10.940 --> 03:17.390 Now change the spacer if you like, but I'm going to set it to about right here about a 150 value is 03:17.390 --> 03:17.930 good. 03:18.580 --> 03:21.310 And now we have something we can use. 03:22.520 --> 03:23.150 Okay. 03:23.150 --> 03:25.310 So that's going to do it for our load slot. 03:25.310 --> 03:26.150 Enter name. 03:26.150 --> 03:32.420 Now we need a load slot taken which will show information about that slot. 03:32.660 --> 03:38.450 And give us the opportunity to select it so we can play by loading information in that slot. 03:38.450 --> 03:39.800 So we'll do that next. 03:39.800 --> 03:42.200 Save your work I'll see you soon.