WEBVTT

00:00:02.518 --> 00:00:06.408
Poznajcie trzy kroki,
żeby świetnie kolorować rysunki.

00:00:06.508 --> 00:00:08.359
Zacznijmy od koloru tła.

00:00:08.459 --> 00:00:11.937
Wpiszcie „background” i nawiasy,

00:00:12.037 --> 00:00:14.032
a wiersz dopełni się sam.

00:00:14.132 --> 00:00:17.100
Zauważcie, że to jest funkcja.

00:00:17.200 --> 00:00:20.340
Mamy tu nazwę funkcji,
czyli „background”

00:00:20.440 --> 00:00:25.011
i nawiasy, a w nich 3 parametry
rozdzielone przecinkami.

00:00:25.170 --> 00:00:31.114
Oznaczają natężenie czerwieni,
zieleni i błękitu w kolorze tła.

00:00:31.214 --> 00:00:35.271
Mogą mieć wartość od 0 do 225,

00:00:35.371 --> 00:00:39.706
gdzie 0 oznacza brak tego koloru,
a 255 jego maksymalną ilość.

00:00:39.806 --> 00:00:43.082
Daję maksimum czerwieni
bez zieleni i błękitu,

00:00:43.182 --> 00:00:45.133
więc tło jest jaskrawoczerwone.

00:00:45.233 --> 00:00:49.621
Przy mniejszej 1. liczbie będzie mniej
czerwieni. Ciemniejsze tło.

00:00:49.721 --> 00:00:53.173
Mogłabym bawić się liczbami
i patrzeć, jakie wyjdą kolory,

00:00:53.273 --> 00:00:56.304
albo użyję naszego selektora kolorów,

00:00:56.404 --> 00:00:59.582
który dopasuje wszystkie trzy liczby.

00:00:59.682 --> 00:01:02.823
Trzeba wiedzieć, że funkcja tła

00:01:02.923 --> 00:01:06.066
po prostu rysuje kolorowy
kwadrat na całym polu.

00:01:06.166 --> 00:01:08.847
Gdybym przeniosła ją
na koniec programu,

00:01:08.947 --> 00:01:12.077
to kwadrat tła
zasłoniłby wszystkie figury.

00:01:12.177 --> 00:01:16.532
Myślicie: „Głupie! Po co to komu?”.
Nigdy nie wiadomo.

00:01:16.632 --> 00:01:18.372
Zostawmy to na górze.

00:01:19.040 --> 00:01:20.557
Teraz pokolorujmy figury.

00:01:20.657 --> 00:01:24.497
Wyobraźmy sobie,
że komputer to pomocnik,

00:01:24.597 --> 00:01:27.005
lokaj od kolorów.

00:01:27.105 --> 00:01:29.655
Ktoś, kto zajmuje się kolorami.

00:01:29.755 --> 00:01:34.389
Może trzymać tylko jeden
kolorowy marker w lewej ręce

00:01:34.489 --> 00:01:39.100
i jedno wiadro farby w prawej.

00:01:39.200 --> 00:01:42.556
Komputer używa markera
do konturów,

00:01:42.656 --> 00:01:44.655
a wiadra - do wypełniania figur.

00:01:44.755 --> 00:01:47.438
Teraz marker jest czarny,
a farba - biała.

00:01:47.538 --> 00:01:51.470
Kolor markera można zmienić
funkcją „stroke”.

00:01:51.531 --> 00:01:54.985
Również dopełnia się sama.
Możecie wybrać kolor.

00:01:56.047 --> 00:01:58.561
Zmieni się marker
trzymany przez pomocnika.

00:01:58.661 --> 00:02:02.044
Wszystkie figury narysowane
po tej linii będą różowe.

00:02:02.144 --> 00:02:05.178
Czasem nie chcecie,
by figura miała kontur.

00:02:05.278 --> 00:02:09.126
Jest do tego funkcja!
Nazywa się „noStroke”.

00:02:09.226 --> 00:02:12.517
Pierwszy raz widzimy
funkcję bez parametrów.

00:02:12.617 --> 00:02:17.044
Tylko puste nawiasy i średnik.

00:02:17.144 --> 00:02:19.273
Figury nie mają konturu.

00:02:19.853 --> 00:02:23.011
Kolor farby u tego kolesia
zmienimy tą funkcją.

00:02:23.821 --> 00:02:25.287
Funkcją „fill”.

00:02:25.387 --> 00:02:27.566
Począwszy od tego wiersza

00:02:27.666 --> 00:02:30.000
wszystkie figury
będą jaskrawoczerwone.

00:02:30.100 --> 00:02:33.371
Analogicznie do funkcji „noStroke”
istnieje też...

00:02:33.471 --> 00:02:38.204
funkcja „noFill”,
także bez parametrów.

00:02:38.304 --> 00:02:41.262
Figury będą przezroczyste.
Bez wypełnienia.

00:02:42.045 --> 00:02:44.389
Pokolorujmy teraz ludzika.

00:02:44.489 --> 00:02:47.021
Najpierw narysujmy trójkąt - tułów.

00:02:47.121 --> 00:02:50.295
Wybiorę funkcję „stroke” i kolor,
zrobię kontur.

00:02:51.177 --> 00:02:55.012
Nie wiem... może ciemna zieleń.

00:02:55.633 --> 00:02:57.911
Teraz kolor wypełnienia.

00:02:58.816 --> 00:03:02.034
Jaki? Może jaśniejsza zieleń.

00:03:02.134 --> 00:03:04.320
Jaśniejszy zielony. Ładnie.

00:03:04.934 --> 00:03:08.197
Twarz niech nie ma
zielonego konturu.

00:03:08.297 --> 00:03:11.680
Zmienię „stroke”
dla koloru twarzy.

00:03:12.632 --> 00:03:16.812
Zrobię ciemnobeżowy kontur.

00:03:16.912 --> 00:03:20.163
I wybiorę inny kolor wypełnienia. Tak!

00:03:20.958 --> 00:03:23.410
Jaki kolor pasuje do twarzy?

00:03:25.568 --> 00:03:28.631
Ten się nadaje.

00:03:29.652 --> 00:03:33.044
Te dwie elipsy to dłonie.

00:03:33.144 --> 00:03:35.550
Niech mają ten sam kolor, co twarz.

00:03:35.650 --> 00:03:38.416
Nie zmienimy ani markera,
ani wiadra z farbą.

00:03:38.507 --> 00:03:41.665
Zostawimy „stroke” i „fill”
bez zmian. Teraz usta.

00:03:42.420 --> 00:03:44.560
To tylko kreska.

00:03:46.373 --> 00:03:50.574
Linii nie obsługuje funkcja „fill”,
bo nie ma czego wypełniać.

00:03:50.674 --> 00:03:53.055
Możemy jednak zmienić
kolor linii.

00:03:53.476 --> 00:03:55.984
Tak, czerwony będzie się nadawał.

00:03:56.084 --> 00:03:57.772
Teraz oprawki okularów.

00:03:57.872 --> 00:04:00.071
Znów musimy wybrać „stroke”.

00:04:00.171 --> 00:04:02.050
Jakie zrobić okulary?

00:04:02.150 --> 00:04:03.646
Czerń jest klasyczna.

00:04:03.746 --> 00:04:07.069
Teraz szkła.

00:04:07.710 --> 00:04:11.263
Niech mają taki kontur jak oprawki.

00:04:11.363 --> 00:04:15.277
Nie zmienię „stroke”,
ale dodam wypełnienie funkcją „fill”.

00:04:17.184 --> 00:04:20.278
Czerń pasuje do oprawek.

00:04:20.378 --> 00:04:22.780
I gotowe, ludzik pokolorowany!

00:04:22.880 --> 00:04:25.636
Taaaak!