0:00:00.500,0:00:02.750
Do tej pory dużo rysowaliśmy

0:00:02.750,0:00:05.193
ale nie powiedzieliśmy nic różnych prostych rzeczach, jak na przykład napisanie Twojego imienia.

0:00:05.193,0:00:07.595
O tym będzie ta lekcja - napisy.

0:00:07.595,0:00:11.396
Do czego przydają się napisy? Na przykład możesz chcieć pokazać wynik w grze

0:00:11.396,0:00:14.958
albo rozmowę dwóch postaci, albo po prostu sprawić, że Twoje własne imię będzie się powiększać i kurczyć i zmieniać kolory

0:00:14.958,0:00:24.493
Spróbujmy teraz powiedzieć "cześć" (po angielsku "hello), wpiszemy "text(hello)" ale wyskakuje taki dziwny komunikat o błędzie

0:00:24.493,0:00:27.424
Który mówi, że "hello" nie jest zdefiniowane. Co to znaczy?

0:00:27.424,0:00:30.993
Problem w tym, że program myśli, że "hello" to zmienna.

0:00:30.993,0:00:33.445
I z punktu widzenia programu, to nawet ma sens.

0:00:33.445,0:00:36.222
Bo przecież "hello" to mogłaby być zmienna, skąd program miałby to wiedzieć?

0:00:36.222,0:00:38.991
Więc jak powiedzieć, że "hello" to napis?

0:00:38.991,0:00:42.529
To proste, wystarczy, że umieścimy ten tekst w cudzysłowach.

0:00:42.529,0:00:46.069
I to oznacza, że "hello" to nie zmienna, tylko tekst!

0:00:46.069,0:00:47.833
I chcemy to wyświetlić jako tekst.

0:00:47.833,0:00:51.282
To tak jak w książkach: jeśli postacie coś mówią,

0:00:51.282,0:00:53.694
to zwykle jest to w cudzysłowach

0:00:53.694,0:00:58.092
Podobnie, jeśli chcesz, żeby Twój program coś powiedział, ten tekst musi być w cudzysłowach.

0:00:58.092,0:01:01.099
To bardzo ważne, ale też łatwo się pomylić.

0:01:01.099,0:01:05.902
Więc powtórzę: jeśli chcesz użyć jakiegoś napisu w swoim programie

0:01:05.902,0:01:07.526
zawsze używaj cudzysłowów.

0:01:07.526,0:01:09.602
Inaczej dostaniesz dziwne komunikaty o błędach

0:01:09.602,0:01:12.966
Jeśli kiedyś zobaczysz takie komunikaty, to sprawdź dokładnie,

0:01:12.966,0:01:15.089
czy nie zapomniałeś o cudzysłowach.

0:01:15.089,0:01:18.199
Super! Teraz mamy cudzysłowy, więc nie ma już żadnego błędu.

0:01:18.199,0:01:20.828
Ale pewnie zauważyłeś, że nic się nie dzieje.

0:01:20.828,0:01:22.157
Cały czas jest pusto.

0:01:22.157,0:01:24.890
Ale, co ciekawe, jeśli ustawimy "background" (czyli tło)

0:01:24.890,0:01:29.114
na, powiedzmy, czerwony, to widać, że nasz napis tam jest

0:01:29.114,0:01:36.068
tylko jest biały, więc problem polegał na tym, że napisaliśmy biały tekst na białym tle.

0:01:36.068,0:01:37.952
I dlatego nic nie było widać.

0:01:37.952,0:01:42.445
To trochę głupio - dlaczego mielibyśmy pisać białym tekstem bo białym tle?

0:01:42.445,0:01:46.111
Możemy po prostu zmienić kolor tekstu, bo już umiemy to robić.

0:01:46.111,0:01:50.901
Dokładnie tak, jak ustawiamy wypełnienie prostokąta albo linii, możemy ustawić wypełnienie tekstu na dowolny kolor.

0:01:50.901,0:01:54.231
Tak jak wcześniej, i proszę!

0:01:54.231,0:01:59.290
Pokazuje się na białym tle. Spróbujmy teraz dokładniej obejrzeć jak działają te napisy.

0:01:59.290,0:02:03.799
Pierwsza część jest dość oczywista - to po prostu napis, który chcemy wyświetlić.

0:02:03.799,0:02:08.695
Druga część - jeśli ją zmienimy, to zobaczymy, że w ten sposób kontrolujemy odległość od lewej strony.

0:02:08.695,0:02:11.776
A kolejna, to odległość w pionie.

0:02:11.776,0:02:14.698
To pewnie wygląda dość znajomo - podobnie to tego, jak rysowaliśmy prostokąty.

0:02:14.698,0:02:19.265
Trzeba zwrócić uwagę, że te dwie współrzędne

0:02:19.265,0:02:24.666
Określają pozycję dolnego, lewego roku napisu.

0:02:24.666,0:02:27.222
A przypadku prostokątów, to był lewy-górny róg.

0:02:27.222,0:02:30.610
Trochę wygląda, jakby specjalnie zostało zaprojektowane, żeby było zamieszanie.

0:02:30.610,0:02:32.761
Ale po prostu musisz o tym pamiętać.

0:02:32.761,0:02:37.390
Możemy nawet poeksperymentować i sami zobaczyć, że jeśli ustawimy tutaj "height" (wysokość)

0:02:37.390,0:02:42.448
To faktycznie - ustawia wysokość ekranu na lewy-dolny róg.

0:02:42.448,0:02:48.775
Albo możemy ustawić na zero, i jak myślisz, co się wtedy stanie?

0:02:48.775,0:02:53.781
Teraz w ogóle nic nie widać, ale jeśli będziemy powoli zwiększać, to się pojawi

0:02:53.781,0:02:56.116
widać, że się tam wychyla

0:02:56.116,0:02:59.782
To dlatego, że określamy pozycję lewego-dolnego rogu

0:02:59.782,0:03:01.754
A nie lewego-górnego.

0:03:01.754,0:03:06.222
Dobra, wystarczy tego analizowania, spróbujmy coś poprawić.

0:03:06.222,0:03:13.325
Na przykład, zacznijmy od zwiększenia napisu. Możemy to zrobić za pomocą funkcji "textSize", która określa jak duży ma być nasz napis.

0:03:13.325,0:03:20.497
Możemy ustawić na 30, czyli dość dużo, albo nawet więcej, albo możemy zmienić na jakąś bardzo, bardzo małą wartość.

0:03:20.497,0:03:25.557
Wpiszmy teraz Twoje imię a poniżej może jeszcze jakąś wiadomość o Tobie.

0:03:25.557,0:03:29.758
Ponieważ nie znam Twojego imienia, więc po prostu wpiszę moje imię, a Ty możesz je zamienić na swoje za chwilkę.

0:03:29.758,0:03:35.436
Na podstawie tego, czego się nauczyliśmy, możemy wpisać "text("Sophia" i mamy moje imię.

0:03:35.436,0:03:42.801
A niżej wpiszę jakąś małą wiadomość, na przykład "Lubię szczeniaki, gitary i kodowanie"

0:03:42.801,0:03:47.802
Ok, super, musimy tylko oczywiście zmienić pozycję, żeby napisy nie nachodziły na siebie

0:03:47.802,0:03:54.532
I, o nie, ten napis jest zbyt długi, więc zmniejszymy trochę rozmiar

0:03:57.008,0:03:58.633
I proszę, teraz nieźle wygląda.

0:03:58.633,0:04:01.854
Może tylko trochę to nudne, że oba są na niebiesko

0:04:01.854,0:04:06.923
spróbujmy zatem zmienić wypełnienie ("fill"), i ustawmy na, bo ja wiem

0:04:06.923,0:04:09.472
może na ładny, fioletowy kolor.

0:04:09.472,0:04:15.549
Dobrze, i to wszystko, co powinieneś wiedzieć o rysowaniu napisów, oraz zmienianiu ich koloru i rozmiaru.