WEBVTT 00:00.000 --> 00:21.600 Alright, so we're ready to create our patent application. 00:21.600 --> 00:26.400 As usual, I'm at the Scratch homepage, and we're going to start by creating an empty 00:26.400 --> 00:27.400 project. 00:27.400 --> 00:32.600 Then we are going to create the sprites for the project, and then we are going to program 00:32.600 --> 00:33.600 them. 00:33.600 --> 00:37.720 We're not going to do everything in this video, but until the end of the chapter, we will 00:37.720 --> 00:39.880 have our full application. 00:39.880 --> 00:43.440 So let's go to our stuff, and let's create a new project. 00:43.440 --> 00:48.000 Now, I'm sure you're familiar with this little cat sprite that we programmed right at 00:48.000 --> 00:49.800 the beginning of the course. 00:49.800 --> 00:54.360 But I want you to delete the sprite by clicking the slow x button right over here. 00:54.360 --> 00:57.840 Now we need to create all the sprites for our application. 00:57.840 --> 01:03.080 So go ahead and hover your mouse over this whole cat icon over here, and choose Paint. 01:03.080 --> 01:08.240 So we've created a sprite, but it has no costumes, and we need to import them. 01:08.240 --> 01:13.520 So hover your mouse over this little cat icon right over here, and choose a costume. 01:13.520 --> 01:15.480 And then we will need to search for a pencil. 01:15.480 --> 01:17.080 I will pick this pencil. 01:17.080 --> 01:18.760 Be costume. 01:18.760 --> 01:23.440 So notice that as soon as I click on the pencil, it has imported this pencil as another 01:23.440 --> 01:25.120 costume for the sprite. 01:25.120 --> 01:30.600 I will click Search again, and I will search for Wand, and I will select Magic Wand here. 01:30.600 --> 01:33.480 So we have two costumes for the sprite. 01:33.480 --> 01:37.520 Actually, we have three costumes because the first one is just white or doesn't contain 01:37.520 --> 01:38.720 anything. 01:38.720 --> 01:41.640 So I want you to go ahead and delete this. 01:41.640 --> 01:45.400 Let's go ahead and modify the two costumes that we have for our cursor for the pencil 01:45.400 --> 01:50.040 sprite, because one of them is too big, and one of them is too small. 01:50.040 --> 01:51.920 So go ahead and click on the pencil. 01:51.920 --> 01:53.160 Be costume. 01:53.160 --> 01:57.720 And I want you to go ahead and zoom in on the pencil, hit Control A or Command A on 01:57.720 --> 01:58.720 the Mac. 01:58.720 --> 01:59.720 All right. 01:59.720 --> 02:03.600 And then I want you to go ahead and shrink the size of the pencil until it's just about 02:03.600 --> 02:05.400 this size on the stage. 02:05.400 --> 02:09.280 So look at the stage to see how big the pencil actually becomes. 02:09.280 --> 02:12.120 I'm actually going to shrink it a little bit more. 02:12.120 --> 02:14.640 So something maybe like this. 02:14.640 --> 02:18.480 And then once you're satisfied with the size of the pencil, as the rectangle here in the 02:18.480 --> 02:22.920 sprite editor is still selected, go ahead and drag the pencil until the tip of the pencil 02:22.920 --> 02:24.080 is. 02:24.080 --> 02:26.680 And I'm going to zoom in very, very closely. 02:26.680 --> 02:30.480 The tip of the pencil should be right near the center of the sprite, this little cross 02:30.480 --> 02:34.880 icon, until it almost touches the center of the cross, but not quite. 02:34.880 --> 02:37.840 So I'm going to zoom in very, very closely. 02:37.840 --> 02:42.360 So notice that the tip of the pencil is right near the center of the cross, but not quite 02:42.360 --> 02:44.880 something like that, okay? 02:44.880 --> 02:48.600 Make sure that the positioning of the pencil sits right like I'm having it here on the 02:48.600 --> 02:49.760 screen. 02:49.760 --> 02:54.120 And then we need to do a similar thing with the magic wand costume, which is again a bit 02:54.120 --> 02:55.200 too big. 02:55.200 --> 02:59.320 I'm zooming out here with these magnifying minuses and plus icons. 02:59.320 --> 03:04.360 I'm going to select the whole magic wand by hitting Control A or Command A. And then 03:04.360 --> 03:07.760 I'm going to drag this little icon below the rectangle. 03:07.760 --> 03:12.640 So this will allow me to rotate the costume until it's maybe inclined like this, maybe 03:12.640 --> 03:13.880 like the pencil. 03:14.120 --> 03:19.000 All right, and maybe shrink the size of it a little bit, okay, so that it is roughly 03:19.000 --> 03:20.960 the same size as the pencil. 03:20.960 --> 03:24.720 And as we did with the pencil, I'm going to drag everything until the tip of the magic 03:24.720 --> 03:29.040 wand sits outside the cross here, which is the center of the sprite. 03:29.040 --> 03:34.680 Okay, so if I click on the pencil and the magic wand, alternatively on the screen, that 03:34.680 --> 03:36.880 should be roughly the same size. 03:36.880 --> 03:39.920 All right, so we've created our first sprite. 03:39.920 --> 03:43.040 Let's name these two pencils and hit Enter. 03:43.120 --> 03:45.080 All right, so that's cool. 03:45.080 --> 03:48.680 Now we need to create additional sprites for the buttons from the application. 03:48.680 --> 03:53.320 So I'm going to hover on this little cat icon and I'm going to click on Search and I'm 03:53.320 --> 03:56.200 going to click on this little button three sprite. 03:56.200 --> 03:59.440 So this is an already made sprite with two costumes. 03:59.440 --> 04:04.680 If you click on the costumes tab, it has two costumes, one in gray and one in blue. 04:04.680 --> 04:09.240 And I'm going to delete the blue costume, so I'm going to leave just the gray costume. 04:09.240 --> 04:13.520 All right, then I'm going to go to code and I will program this to be a little smaller 04:13.520 --> 04:15.800 because it's quite big for my taste. 04:15.800 --> 04:20.360 So I'm going to go to events, then bring in the wind flag, click to block, and then go 04:20.360 --> 04:21.600 to looks. 04:21.600 --> 04:26.600 Then I'm going to bring this purple set size to 100% drag it right below and click. 04:26.600 --> 04:31.440 And instead of 100%, I'm going to set it to 50%, so twice as small. 04:31.440 --> 04:36.080 So if I hit on the flag, the button becomes smaller, just like this. 04:36.240 --> 04:39.960 All right, then I'm going to position it here somewhere on the screen and I'm going 04:39.960 --> 04:42.520 to specify some exact coordinates here. 04:42.520 --> 04:46.720 So I'm going to say 150 and 120. 04:46.720 --> 04:50.240 All right, so something like that. 04:50.240 --> 04:54.840 We are going to duplicate this button and make a row of seven colors and then another 04:54.840 --> 04:57.760 row of five additional control buttons. 04:57.760 --> 05:02.160 But before that, so I'm going to name this bright red. 05:02.160 --> 05:03.560 All right. 05:03.560 --> 05:06.240 And then I'm going to go back to costumes. 05:06.240 --> 05:10.320 And then I'm going to just click inside the button, which will automatically select the 05:10.320 --> 05:13.320 rounded rectangle inside the button. 05:13.320 --> 05:17.680 And under this colored fill section, I'm going to click this left button, which fills 05:17.680 --> 05:19.360 it with a solid color. 05:19.360 --> 05:22.400 And I'm going to drag the first letter all the way to the left. 05:22.400 --> 05:24.880 The second slider is almost to the right. 05:24.880 --> 05:26.560 So something like that. 05:26.560 --> 05:28.760 And third slider all the way to the right. 05:28.760 --> 05:30.520 So it's a bright red color. 05:30.520 --> 05:33.840 And for the other buttons, I'm just going to duplicate this red button. 05:33.840 --> 05:38.040 So I'm going to right click on the sprite and click on duplicate, which created another 05:38.040 --> 05:39.600 instance of the sprite. 05:39.600 --> 05:40.760 It's called red too. 05:40.760 --> 05:43.080 I'm going to rename it to orange. 05:43.080 --> 05:44.080 Okay. 05:44.080 --> 05:45.920 I'm going to move it next to the red button. 05:45.920 --> 05:50.360 I'm going to specify some exact coordinates, 100 and 120. 05:50.360 --> 05:54.800 So for the Y coordinate, I want it to have the same coordinate as the red button so that 05:54.800 --> 05:57.360 they're all in the same vertical position. 05:57.360 --> 05:58.760 All right. 05:58.760 --> 06:02.960 And then in the orange sprite, I'm just going to click on the red rectangle inside and 06:02.960 --> 06:05.880 I'm going to change the color to be an orange one. 06:05.880 --> 06:09.760 So the first slider is going to be drawn a little bit to the right. 06:09.760 --> 06:11.560 So something like that. 06:11.560 --> 06:12.560 All right. 06:12.560 --> 06:17.160 And then all we need to do is duplicate one of these sprites for the other buttons as well. 06:17.160 --> 06:18.800 So here's what I'm going to do. 06:18.800 --> 06:23.360 I'm going to right click on orange, click on duplicate, bring it down, and I'm going 06:23.360 --> 06:25.960 to specify the coordinates. 06:25.960 --> 06:28.320 50 and 120. 06:28.320 --> 06:29.320 All right. 06:29.320 --> 06:33.800 To name this yellow, I'm going to click on the rectangle again, click on fill, and then 06:33.800 --> 06:37.080 I'm going to drag the first color slider a little bit to the right. 06:37.080 --> 06:40.440 So I'm going to set it to maybe color 16 something like that. 06:40.440 --> 06:41.440 Okay. 06:41.440 --> 06:46.160 So I have a yellow button, then I'm going to duplicate this as well, bring it down, name 06:46.160 --> 06:52.640 and green, specify the coordinates 0 and 120, and then click on the rectangle inside 06:52.640 --> 06:53.960 on fill. 06:53.960 --> 06:57.240 And then I'm going to drag the first letter into the green zone. 06:57.240 --> 07:01.840 So something like this, and because the screen is too bright, I'm going to drag the third 07:01.840 --> 07:05.680 slider, the brightness one, a little bit down. 07:05.680 --> 07:09.400 So something like this maybe, all right. 07:09.400 --> 07:13.400 So we have a green color, then duplicate that, bring it down. 07:13.400 --> 07:19.160 I'm going to specify x equals 50 and y the same, and 120. 07:19.160 --> 07:21.160 So they're all lined. 07:21.160 --> 07:25.160 Click on the rectangle and drag the slider for the color in the blue zone. 07:25.160 --> 07:27.600 I'm going to make this a little bit brighter. 07:27.600 --> 07:33.480 So something like that, maybe, and when you're satisfied, click outside. 07:33.480 --> 07:35.680 So we have a blue selector. 07:35.680 --> 07:39.920 I'm going to name the sprite blue, then I'm going to duplicate it, bring it down. 07:39.920 --> 07:44.560 I'm going to put in the coordinates 100 for x and 124 for y. 07:44.560 --> 07:48.800 I'm going to name this indigo click on the blue rectangle and fill it with a very dark 07:48.800 --> 07:53.440 blue, very dark blue, a little bit towards purple maybe. 07:53.440 --> 07:57.240 So this is the indigo color from the rainbow, all right. 07:57.240 --> 08:01.960 And then we are going to duplicate it again for violet, which is the last color of the rainbow. 08:01.960 --> 08:07.440 The coordinates here are going to be 154 x and 124 y. 08:07.440 --> 08:09.800 So all the buttons are aligned. 08:09.800 --> 08:11.920 I'm going to name the sprite violet. 08:11.920 --> 08:15.720 Click on the colored rectangle inside, and I'm going to drag the slider until this shows 08:15.720 --> 08:18.520 this purple color, all right. 08:18.520 --> 08:21.160 So we have all the colors in the rainbow over here. 08:21.160 --> 08:24.720 Let's go to the next video where we finish setting up the sprites and the backdrop for 08:24.720 --> 08:25.800 this paint application.