1 00:00:02,518 --> 00:00:06,408 Poznajcie trzy kroki, żeby świetnie kolorować rysunki. 2 00:00:06,508 --> 00:00:08,359 Zacznijmy od koloru tła. 3 00:00:08,459 --> 00:00:11,937 Wpiszcie „background” i nawiasy, 4 00:00:12,037 --> 00:00:14,032 a wiersz dopełni się sam. 5 00:00:14,132 --> 00:00:17,100 Zauważcie, że to jest funkcja. 6 00:00:17,200 --> 00:00:20,340 Mamy tu nazwę funkcji, czyli „background” 7 00:00:20,440 --> 00:00:25,011 i nawiasy, a w nich 3 parametry rozdzielone przecinkami. 8 00:00:25,170 --> 00:00:31,114 Oznaczają natężenie czerwieni, zieleni i błękitu w kolorze tła. 9 00:00:31,214 --> 00:00:35,271 Mogą mieć wartość od 0 do 225, 10 00:00:35,371 --> 00:00:39,706 gdzie 0 oznacza brak tego koloru, a 255 jego maksymalną ilość. 11 00:00:39,806 --> 00:00:43,082 Daję maksimum czerwieni bez zieleni i błękitu, 12 00:00:43,182 --> 00:00:45,133 więc tło jest jaskrawoczerwone. 13 00:00:45,233 --> 00:00:49,621 Przy mniejszej 1. liczbie będzie mniej czerwieni. Ciemniejsze tło. 14 00:00:49,721 --> 00:00:53,173 Mogłabym bawić się liczbami i patrzeć, jakie wyjdą kolory, 15 00:00:53,273 --> 00:00:56,304 albo użyję naszego selektora kolorów, 16 00:00:56,404 --> 00:00:59,582 który dopasuje wszystkie trzy liczby. 17 00:00:59,682 --> 00:01:02,823 Trzeba wiedzieć, że funkcja tła 18 00:01:02,923 --> 00:01:06,066 po prostu rysuje kolorowy kwadrat na całym polu. 19 00:01:06,166 --> 00:01:08,847 Gdybym przeniosła ją na koniec programu, 20 00:01:08,947 --> 00:01:12,077 to kwadrat tła zasłoniłby wszystkie figury. 21 00:01:12,177 --> 00:01:16,532 Myślicie: „Głupie! Po co to komu?”. Nigdy nie wiadomo. 22 00:01:16,632 --> 00:01:18,372 Zostawmy to na górze. 23 00:01:19,040 --> 00:01:20,557 Teraz pokolorujmy figury. 24 00:01:20,657 --> 00:01:24,497 Wyobraźmy sobie, że komputer to pomocnik, 25 00:01:24,597 --> 00:01:27,005 lokaj od kolorów. 26 00:01:27,105 --> 00:01:29,655 Ktoś, kto zajmuje się kolorami. 27 00:01:29,755 --> 00:01:34,389 Może trzymać tylko jeden kolorowy marker w lewej ręce 28 00:01:34,489 --> 00:01:39,100 i jedno wiadro farby w prawej. 29 00:01:39,200 --> 00:01:42,556 Komputer używa markera do konturów, 30 00:01:42,656 --> 00:01:44,655 a wiadra - do wypełniania figur. 31 00:01:44,755 --> 00:01:47,438 Teraz marker jest czarny, a farba - biała. 32 00:01:47,538 --> 00:01:51,470 Kolor markera można zmienić funkcją „stroke”. 33 00:01:51,531 --> 00:01:54,985 Również dopełnia się sama. Możecie wybrać kolor. 34 00:01:56,047 --> 00:01:58,561 Zmieni się marker trzymany przez pomocnika. 35 00:01:58,661 --> 00:02:02,044 Wszystkie figury narysowane po tej linii będą różowe. 36 00:02:02,144 --> 00:02:05,178 Czasem nie chcecie, by figura miała kontur. 37 00:02:05,278 --> 00:02:09,126 Jest do tego funkcja! Nazywa się „noStroke”. 38 00:02:09,226 --> 00:02:12,517 Pierwszy raz widzimy funkcję bez parametrów. 39 00:02:12,617 --> 00:02:17,044 Tylko puste nawiasy i średnik. 40 00:02:17,144 --> 00:02:19,273 Figury nie mają konturu. 41 00:02:19,853 --> 00:02:23,011 Kolor farby u tego kolesia zmienimy tą funkcją. 42 00:02:23,821 --> 00:02:25,287 Funkcją „fill”. 43 00:02:25,387 --> 00:02:27,566 Począwszy od tego wiersza 44 00:02:27,666 --> 00:02:30,000 wszystkie figury będą jaskrawoczerwone. 45 00:02:30,100 --> 00:02:33,371 Analogicznie do funkcji „noStroke” istnieje też... 46 00:02:33,471 --> 00:02:38,204 funkcja „noFill”, także bez parametrów. 47 00:02:38,304 --> 00:02:41,262 Figury będą przezroczyste. Bez wypełnienia. 48 00:02:42,045 --> 00:02:44,389 Pokolorujmy teraz ludzika. 49 00:02:44,489 --> 00:02:47,021 Najpierw narysujmy trójkąt - tułów. 50 00:02:47,121 --> 00:02:50,295 Wybiorę funkcję „stroke” i kolor, zrobię kontur. 51 00:02:51,177 --> 00:02:55,012 Nie wiem... może ciemna zieleń. 52 00:02:55,633 --> 00:02:57,911 Teraz kolor wypełnienia. 53 00:02:58,816 --> 00:03:02,034 Jaki? Może jaśniejsza zieleń. 54 00:03:02,134 --> 00:03:04,320 Jaśniejszy zielony. Ładnie. 55 00:03:04,934 --> 00:03:08,197 Twarz niech nie ma zielonego konturu. 56 00:03:08,297 --> 00:03:11,680 Zmienię „stroke” dla koloru twarzy. 57 00:03:12,632 --> 00:03:16,812 Zrobię ciemnobeżowy kontur. 58 00:03:16,912 --> 00:03:20,163 I wybiorę inny kolor wypełnienia. Tak! 59 00:03:20,958 --> 00:03:23,410 Jaki kolor pasuje do twarzy? 60 00:03:25,568 --> 00:03:28,631 Ten się nadaje. 61 00:03:29,652 --> 00:03:33,044 Te dwie elipsy to dłonie. 62 00:03:33,144 --> 00:03:35,550 Niech mają ten sam kolor, co twarz. 63 00:03:35,650 --> 00:03:38,416 Nie zmienimy ani markera, ani wiadra z farbą. 64 00:03:38,507 --> 00:03:41,665 Zostawimy „stroke” i „fill” bez zmian. Teraz usta. 65 00:03:42,420 --> 00:03:44,560 To tylko kreska. 66 00:03:46,373 --> 00:03:50,574 Linii nie obsługuje funkcja „fill”, bo nie ma czego wypełniać. 67 00:03:50,674 --> 00:03:53,055 Możemy jednak zmienić kolor linii. 68 00:03:53,476 --> 00:03:55,984 Tak, czerwony będzie się nadawał. 69 00:03:56,084 --> 00:03:57,772 Teraz oprawki okularów. 70 00:03:57,872 --> 00:04:00,071 Znów musimy wybrać „stroke”. 71 00:04:00,171 --> 00:04:02,050 Jakie zrobić okulary? 72 00:04:02,150 --> 00:04:03,646 Czerń jest klasyczna. 73 00:04:03,746 --> 00:04:07,069 Teraz szkła. 74 00:04:07,710 --> 00:04:11,263 Niech mają taki kontur jak oprawki. 75 00:04:11,363 --> 00:04:15,277 Nie zmienię „stroke”, ale dodam wypełnienie funkcją „fill”. 76 00:04:17,184 --> 00:04:20,278 Czerń pasuje do oprawek. 77 00:04:20,378 --> 00:04:22,780 I gotowe, ludzik pokolorowany! 78 00:04:22,880 --> 00:04:25,636 Taaaak!