[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:02.52,0:00:03.91,Default,,0000,0000,0000,,There are three steps \Nyou need to know about Dialogue: 0,0:00:03.91,0:00:06.53,Default,,0000,0000,0000,,to make your drawings \Nsplendiferously colorful. Dialogue: 0,0:00:06.53,0:00:08.56,Default,,0000,0000,0000,,Let's start by coloring \Nthe background. Dialogue: 0,0:00:08.56,0:00:11.87,Default,,0000,0000,0000,,To do that, just type background \Nand open parentheses, Dialogue: 0,0:00:11.87,0:00:13.89,Default,,0000,0000,0000,,and the rest of the line \Nwill complete for you. Dialogue: 0,0:00:13.89,0:00:17.09,Default,,0000,0000,0000,,If you look closer, you'll notice that \Nthis is actually a function call. Dialogue: 0,0:00:17.09,0:00:19.07,Default,,0000,0000,0000,,See, we have the name \Nof the function here, Dialogue: 0,0:00:19.07,0:00:22.24,Default,,0000,0000,0000,,which is background,\Nthen two parentheses, Dialogue: 0,0:00:22.24,0:00:24.78,Default,,0000,0000,0000,,and three parameters inside, \Nseparated by commas. Dialogue: 0,0:00:25.02,0:00:29.78,Default,,0000,0000,0000,,These three numbers represent \Nthe amount of red, green, and blue Dialogue: 0,0:00:29.78,0:00:31.23,Default,,0000,0000,0000,,in the background color. Dialogue: 0,0:00:31.24,0:00:34.79,Default,,0000,0000,0000,,The numbers can go anywhere \Nbetween 0 and 255, Dialogue: 0,0:00:35.14,0:00:37.39,Default,,0000,0000,0000,,where 0 means \Nthere's none of that color, Dialogue: 0,0:00:37.39,0:00:39.80,Default,,0000,0000,0000,,and 255 means \Nwe're maxing out on that color. Dialogue: 0,0:00:39.86,0:00:42.97,Default,,0000,0000,0000,,Right now, I'm maxing out on red, \Nand there's no green and blue. Dialogue: 0,0:00:43.07,0:00:45.05,Default,,0000,0000,0000,,That's why the background is \Na super bright red. Dialogue: 0,0:00:45.10,0:00:48.08,Default,,0000,0000,0000,,If I make the first number smaller,\Nthen there'll be less red, Dialogue: 0,0:00:48.25,0:00:49.75,Default,,0000,0000,0000,,so it will look like a darker red. Dialogue: 0,0:00:49.75,0:00:51.24,Default,,0000,0000,0000,,I can keep playing around \Nwith these numbers Dialogue: 0,0:00:51.24,0:00:53.07,Default,,0000,0000,0000,,and seeing what kind of colors\NI can come up with. Dialogue: 0,0:00:53.15,0:00:56.14,Default,,0000,0000,0000,,Or, I can use our handy dandy\Ncolor picker, Dialogue: 0,0:00:56.20,0:00:58.94,Default,,0000,0000,0000,,which will set \Nall three numbers for me. Dialogue: 0,0:00:59.55,0:01:00.67,Default,,0000,0000,0000,,Now it's important to know that Dialogue: 0,0:01:00.67,0:01:02.98,Default,,0000,0000,0000,,what this background function \Nis really doing, Dialogue: 0,0:01:03.03,0:01:06.10,Default,,0000,0000,0000,,is just drawing a big colored square\Nover the entire canvas. Dialogue: 0,0:01:06.37,0:01:08.76,Default,,0000,0000,0000,,If I moved it to the end \Nof my program like this, Dialogue: 0,0:01:08.76,0:01:10.50,Default,,0000,0000,0000,,then it would draw that \Nbig background square Dialogue: 0,0:01:10.50,0:01:11.90,Default,,0000,0000,0000,,over all my shapes. Dialogue: 0,0:01:12.16,0:01:13.52,Default,,0000,0000,0000,,Maybe you're thinking, \N'that's stupid, Dialogue: 0,0:01:13.52,0:01:14.72,Default,,0000,0000,0000,,why would anybody want that?' Dialogue: 0,0:01:14.72,0:01:16.53,Default,,0000,0000,0000,,But hey, you never know. Dialogue: 0,0:01:16.77,0:01:18.61,Default,,0000,0000,0000,,We'll leave it at the top\Nfor now. Dialogue: 0,0:01:19.25,0:01:20.67,Default,,0000,0000,0000,,Now to color our shapes! Dialogue: 0,0:01:20.82,0:01:22.31,Default,,0000,0000,0000,,It might be helpful to think \Nof the computer Dialogue: 0,0:01:22.31,0:01:23.98,Default,,0000,0000,0000,,as having a color assistant, Dialogue: 0,0:01:23.98,0:01:27.00,Default,,0000,0000,0000,,or some sort of color butler. Dialogue: 0,0:01:27.00,0:01:29.36,Default,,0000,0000,0000,,Basically some dude \Nthat's in charge of the colors. Dialogue: 0,0:01:29.55,0:01:34.59,Default,,0000,0000,0000,,This color dude can only hold \None colored marker in his left hand, Dialogue: 0,0:01:34.62,0:01:39.08,Default,,0000,0000,0000,,and one bucket of paint \Nin his right hand. Dialogue: 0,0:01:39.21,0:01:42.51,Default,,0000,0000,0000,,The computer uses the colored marker\Nto draw all of these outlines, Dialogue: 0,0:01:42.51,0:01:44.55,Default,,0000,0000,0000,,and the bucket of paint \Nto fill in the shapes. Dialogue: 0,0:01:44.55,0:01:47.27,Default,,0000,0000,0000,,Now, the marker is black, \Nand the bucket of paint is white. Dialogue: 0,0:01:47.50,0:01:49.06,Default,,0000,0000,0000,,You can change the color \Nof the marker Dialogue: 0,0:01:49.06,0:01:51.53,Default,,0000,0000,0000,,by calling this function, stroke. Dialogue: 0,0:01:51.53,0:01:55.27,Default,,0000,0000,0000,,It also autocompletes, \Nand then you can pick a color. Dialogue: 0,0:01:55.27,0:01:58.31,Default,,0000,0000,0000,,This switches out the marker\Nthat color dude is holding, Dialogue: 0,0:01:58.56,0:02:00.23,Default,,0000,0000,0000,,so that all shapes drawn \Nafter this line Dialogue: 0,0:02:00.23,0:02:02.18,Default,,0000,0000,0000,,will be drawn \Nwith a pink marker. Dialogue: 0,0:02:02.32,0:02:04.95,Default,,0000,0000,0000,,Sometimes you don't want outlines\Non your shapes. Dialogue: 0,0:02:05.01,0:02:06.54,Default,,0000,0000,0000,,There's a function for that too! Dialogue: 0,0:02:06.54,0:02:10.18,Default,,0000,0000,0000,,It's called noStroke,\Nand for the first time, Dialogue: 0,0:02:10.18,0:02:12.69,Default,,0000,0000,0000,,we see a function that doesn't take\Nany parameters. Dialogue: 0,0:02:12.69,0:02:17.01,Default,,0000,0000,0000,,We just have this empty set \Nof parentheses, and a semi-colon, Dialogue: 0,0:02:17.01,0:02:19.43,Default,,0000,0000,0000,,and now you can see our shapes\Nhave no outlines. Dialogue: 0,0:02:19.87,0:02:21.53,Default,,0000,0000,0000,,We can switch out \Nthe color dude's paint bucket Dialogue: 0,0:02:21.53,0:02:24.59,Default,,0000,0000,0000,,by calling this function, Fill. Dialogue: 0,0:02:25.48,0:02:27.51,Default,,0000,0000,0000,,Now, from this line of code forward, Dialogue: 0,0:02:27.51,0:02:29.92,Default,,0000,0000,0000,,you will fill in all the shapes \Nwith this bright red color. Dialogue: 0,0:02:30.02,0:02:31.96,Default,,0000,0000,0000,,Just like we have a noStroke function, Dialogue: 0,0:02:31.96,0:02:37.31,Default,,0000,0000,0000,,we also have a noFill function, \Nwhich also takes no parameters. Dialogue: 0,0:02:38.03,0:02:41.30,Default,,0000,0000,0000,,This makes all of our shapes transparent\N- they're not filled in. Dialogue: 0,0:02:42.25,0:02:44.27,Default,,0000,0000,0000,,Now let's go ahead \Nand actually color this dude. Dialogue: 0,0:02:44.27,0:02:46.99,Default,,0000,0000,0000,,We start off by drawing a triangle\Nfor his body. Dialogue: 0,0:02:46.99,0:02:49.02,Default,,0000,0000,0000,,I'm going to pick a stroke color for it, Dialogue: 0,0:02:49.02,0:02:50.48,Default,,0000,0000,0000,,set the outline, \N Dialogue: 0,0:02:51.22,0:02:54.86,Default,,0000,0000,0000,,I don't know...\Nlet's do a dark green. Dialogue: 0,0:02:56.25,0:02:58.41,Default,,0000,0000,0000,,Now we pick a fill color. Dialogue: 0,0:02:58.76,0:03:02.24,Default,,0000,0000,0000,,Hmm, what would be nice? \NMaybe a lighter green. Dialogue: 0,0:03:02.24,0:03:04.48,Default,,0000,0000,0000,,A lighter green.\NIt's nice. Dialogue: 0,0:03:04.96,0:03:07.55,Default,,0000,0000,0000,,For his face, we don't want his face\Nto have a green outline, Dialogue: 0,0:03:07.55,0:03:10.19,Default,,0000,0000,0000,,so I'll change stroke color for his face. Dialogue: 0,0:03:12.90,0:03:17.80,Default,,0000,0000,0000,,I'll pick a dark tan brown-ish outline. Dialogue: 0,0:03:18.26,0:03:19.77,Default,,0000,0000,0000,,Now I'll pick a different fill color. Dialogue: 0,0:03:19.77,0:03:20.94,Default,,0000,0000,0000,,Yikes! Dialogue: 0,0:03:21.20,0:03:24.78,Default,,0000,0000,0000,,What's a good face color? Hmm... Dialogue: 0,0:03:25.22,0:03:29.34,Default,,0000,0000,0000,,That's kind of a face color, right? Dialogue: 0,0:03:30.03,0:03:33.10,Default,,0000,0000,0000,,Now, the next two lines, \Nthese two ellipses, are his hands. Dialogue: 0,0:03:33.21,0:03:35.65,Default,,0000,0000,0000,,I want his hands to be \Nthe same color as his face. Dialogue: 0,0:03:35.80,0:03:37.27,Default,,0000,0000,0000,,So we're not going to \Nswitch out the marker Dialogue: 0,0:03:37.27,0:03:38.51,Default,,0000,0000,0000,,or paint bucket. Dialogue: 0,0:03:38.51,0:03:40.84,Default,,0000,0000,0000,,We're just going to leave stroke\Nand fill the same, Dialogue: 0,0:03:40.84,0:03:42.25,Default,,0000,0000,0000,,and move on to his mouth. Dialogue: 0,0:03:42.46,0:03:44.89,Default,,0000,0000,0000,,His mouth is just this line, Dialogue: 0,0:03:46.55,0:03:50.59,Default,,0000,0000,0000,,and lines don't have fill colors\Nbecause there's nothing to fill in. Dialogue: 0,0:03:50.67,0:03:53.15,Default,,0000,0000,0000,,But we can change the stroke color \Nof this line. Dialogue: 0,0:03:54.06,0:03:56.16,Default,,0000,0000,0000,,Yeah, red's a pretty good color\Nfor his mouth. Dialogue: 0,0:03:56.25,0:03:57.81,Default,,0000,0000,0000,,Now, his glasses frames. Dialogue: 0,0:03:57.83,0:04:00.00,Default,,0000,0000,0000,,Once gain, \Nwe only need to set the stroke. Dialogue: 0,0:04:00.08,0:04:01.75,Default,,0000,0000,0000,,What's a good color for glasses? Dialogue: 0,0:04:01.84,0:04:03.68,Default,,0000,0000,0000,,Black is pretty classic. Dialogue: 0,0:04:03.79,0:04:07.72,Default,,0000,0000,0000,,For his glasses lenses, Dialogue: 0,0:04:07.81,0:04:11.46,Default,,0000,0000,0000,,I want the rectangles to have \Nthe same outline as his frame. Dialogue: 0,0:04:11.46,0:04:14.80,Default,,0000,0000,0000,,I'm not going to change the stroke,\Nbut I will give it a fill color. Dialogue: 0,0:04:17.13,0:04:20.03,Default,,0000,0000,0000,,Let's make it black \Nto match the frames. Dialogue: 0,0:04:20.03,0:04:22.49,Default,,0000,0000,0000,,There we go, \Nour dude is colored! Dialogue: 0,0:04:22.49,0:04:26.07,Default,,0000,0000,0000,,Awwwwww, yeah!