WEBVTT

00:00:00.890 --> 00:00:03.142
Dowiedzmy się więcej o rysowaniu.

00:00:03.242 --> 00:00:05.251
Co można rysować prócz prostokątów?

00:00:05.351 --> 00:00:07.572
Owale, z pomocą słowa „ellipse”

00:00:07.672 --> 00:00:09.795
- polecenia znanego komputerowi.

00:00:09.895 --> 00:00:14.651
W programowaniu zamiast
„polecenia” mówimy: „funkcje”.

00:00:14.751 --> 00:00:18.002
Od tej pory będę używać tego słowa.

00:00:18.102 --> 00:00:20.836
Wpiszmy nazwę funkcji „ellipse”,

00:00:20.836 --> 00:00:22.790
dodajmy nawias i średnik...

00:00:23.000 --> 00:00:24.005
Nie działa!

00:00:24.105 --> 00:00:27.267
Wyświetla się komunikat błędu
dotyczący parametrów.

00:00:27.367 --> 00:00:30.330
Porównując z „rect”,
widzicie, czego brakuje?

00:00:30.833 --> 00:00:35.030
Wpisaliśmy tylko „ellipse”,
ale bez liczb, jak przy prostokącie.

00:00:35.161 --> 00:00:37.060
Te liczby to parametry.

00:00:37.488 --> 00:00:40.625
Wprowadzamy je do funkcji,

00:00:40.725 --> 00:00:43.000
a one kierują jej działaniem.

00:00:45.219 --> 00:00:46.549
Bez parametrów

00:00:46.649 --> 00:00:50.059
program nie wie,
gdzie i jak duża ma być ta elipsa.

00:00:50.159 --> 00:00:52.530
Komunikat zaczyna być zrozumiały.

00:00:52.530 --> 00:00:54.717
Wprowadźmy więc cztery parametry,

00:00:54.717 --> 00:01:00.563
by podać odległość od boku i góry,
szerokość i wysokość elipsy.

00:01:00.753 --> 00:01:05.775
Pobawimy się naszą elipsą.
Będziemy ją powiększać i zmniejszać.

00:01:08.205 --> 00:01:11.533
Podstawy już znamy.
Spróbujmy narysować dużą elipsę

00:01:11.633 --> 00:01:13.292
na samym środku pola.

00:01:14.012 --> 00:01:16.535
Pewnie spytacie, gdzie jest środek.

00:01:17.505 --> 00:01:20.299
Powtórzmy: lewy górny róg to 0,

00:01:20.299 --> 00:01:25.490
prawy, jeśli pamiętacie, to 400,
i tyle samo w dół.

00:01:25.490 --> 00:01:27.761
Na pytanie: „Gdzie jest środek?”

00:01:27.761 --> 00:01:31.285
odpowiemy: „W połowie 400,
czyli na 200...

00:01:31.285 --> 00:01:33.759
i w połowie tych 400, także na 200”.

00:01:33.759 --> 00:01:36.746
Zróbmy to - naszą funkcję „ellipse”.

00:01:36.746 --> 00:01:40.788
Wprowadzimy parametry.
Elipsa będzie duża.

00:01:41.468 --> 00:01:45.772
Już! Dla zabawy
narysujmy też prostokąt.

00:01:46.242 --> 00:01:50.216
Dajmy „rect” 200, 200...
i tu mniej: 100, 100.

00:01:50.216 --> 00:01:54.813
Ciekawe!
Co pokazuje ten eksperyment?

00:01:55.243 --> 00:01:58.000
Widzimy, że punkt (200, 200)

00:01:58.000 --> 00:02:01.767
pokazuje, gdzie ma być
środek elipsy,

00:02:01.767 --> 00:02:04.498
ale z prostokątem jest inaczej.

00:02:04.498 --> 00:02:08.538
Tu (200,200) określa położenie
lewego górnego rogu.

00:02:09.969 --> 00:02:13.202
Pamiętajmy o tym,
rozmieszczając figury.

00:02:14.752 --> 00:02:16.565
A teraz - linie proste.

00:02:16.825 --> 00:02:19.278
Funkcja nazywa się „line”.

00:02:19.478 --> 00:02:21.773
Moglibyśmy wprowadzić
cztery parametry,

00:02:21.773 --> 00:02:24.984
ale linia nie ma rozmiaru
jak prostokąt.

00:02:25.234 --> 00:02:27.225
Czemu posłużą te liczby?

00:02:28.485 --> 00:02:31.270
Pierwszy i drugi parametr

00:02:31.270 --> 00:02:34.265
wskażą, gdzie z boku i w dole
ma się zacząć linia.

00:02:34.545 --> 00:02:36.561
A pozostałe dwa parametry...

00:02:36.981 --> 00:02:40.017
Druga para, czyli 90 i 200,

00:02:40.017 --> 00:02:43.533
określi, jak daleko w dole
i po prawej linia się skończy.

00:02:46.523 --> 00:02:48.242
Skoro wiemy, jak to działa,

00:02:48.242 --> 00:02:51.761
przyjrzyjmy się czemuś,
co wyda się dziwne.

00:02:52.501 --> 00:02:56.757
Co będzie, jeśli narysuję prostokąt
od górnego lewego rogu,

00:02:56.757 --> 00:03:00.283
określając, że to jego wierzchołek?

00:03:00.533 --> 00:03:02.281
Prostokąt będzie duży.

00:03:03.991 --> 00:03:07.017
Mógłby być nawet taki,
ale to przesada.

00:03:07.777 --> 00:03:11.760
Widzimy, że elipsa stopniowo znika.

00:03:11.910 --> 00:03:13.780
Da się sprawić, że zniknie cała.

00:03:14.760 --> 00:03:16.543
Zastanawiamy się, gdzie jest.

00:03:17.773 --> 00:03:21.502
Program rysuje figury po kolei.

00:03:21.502 --> 00:03:24.702
Najpierw elipsę, na niej prostokąt,

00:03:24.702 --> 00:03:26.502
a potem prostą.

00:03:26.502 --> 00:03:29.762
Elipsa wciąż tu jest,
tylko pod spodem.

00:03:30.772 --> 00:03:32.500
Pamiętajcie o tym.

00:03:32.500 --> 00:03:35.808
Co by było,
gdybyśmy zaczęli od linii?

00:03:36.498 --> 00:03:38.520
Nie widzielibyśmy jej wcale.

00:03:38.520 --> 00:03:41.730
Zrobilibyście to i pytali:
„A gdzie moja prosta?”.

00:03:41.740 --> 00:03:45.023
Ona tu jest, tylko zasłonięta

00:03:45.023 --> 00:03:48.050
przez elipsę i prostokąt.

00:03:50.250 --> 00:03:53.501
Możemy wpływać na to,
które figury będą na których,

00:03:53.501 --> 00:03:56.562
wpisując je w programie
w innej kolejności.

00:03:58.592 --> 00:04:02.280
Zanim skończymy, wprowadzę
kilka terminów technicznych.

00:04:02.770 --> 00:04:04.512
Jak wiecie z matematyki,

00:04:04.512 --> 00:04:09.216
używamy litery „x”, by pokazać
odległość w poziomie, jak mówiliśmy,

00:04:09.216 --> 00:04:11.528
a litery „y” - dla odległości w pionie.

00:04:11.528 --> 00:04:14.001
Może was to dziwi,
jeśli nie przywykliście,

00:04:14.001 --> 00:04:18.543
ale tak jest łatwiej niż zawsze mówić
„jak daleko w bok i w dół”.

00:04:19.493 --> 00:04:22.216
Pierwsze dwa parametry naszej elipsy

00:04:22.216 --> 00:04:27.528
mówią, że „x” ma wynosić 200,
a „y” - 229.

00:04:28.968 --> 00:04:33.042
To oznacza to samo,
co „jak daleko w bok i w dół”.

00:04:33.982 --> 00:04:36.034
Możecie zadać inne dobre pytanie:

00:04:36.034 --> 00:04:38.564
„Jakich używamy jednostek?

00:04:38.794 --> 00:04:42.763
Czy to 200 cm, cali, mil?”.

00:04:42.763 --> 00:04:44.810
Używamy tzw. pikseli.

00:04:45.260 --> 00:04:47.787
Piksel to punkcik na ekranie.

00:04:48.477 --> 00:04:51.957
To pole ma 400 pikseli szerokości.

00:04:52.287 --> 00:04:56.497
Dlatego mówimy,
że lewy górny róg to 0,

00:04:56.497 --> 00:05:00.588
a tu jest 400. Bo to 400 pikseli.

00:05:01.508 --> 00:05:04.784
Podobnie, mówiąc „200”,
mamy na myśli piksele.

00:05:04.784 --> 00:05:08.303
Pewnie już rozumiecie.
Fantastycznie!

00:05:08.303 --> 00:05:12.003
Poznaliście funkcje „line”,
„ellipse” i „rect” z parametrami.

00:05:12.253 --> 00:05:14.791
Dużo informacji - ale przemyślcie je,

00:05:14.791 --> 00:05:16.423
a szybko się wciągniecie.