1
00:00:00,500 --> 00:00:02,750
Do tej pory dużo rysowaliśmy

2
00:00:02,750 --> 00:00:05,193
ale nie powiedzieliśmy nic różnych prostych rzeczach, jak na przykład napisanie Twojego imienia.

3
00:00:05,193 --> 00:00:07,595
O tym będzie ta lekcja - napisy.

4
00:00:07,595 --> 00:00:11,396
Do czego przydają się napisy? Na przykład możesz chcieć pokazać wynik w grze

5
00:00:11,396 --> 00: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

6
00:00:14,958 --> 00:00:24,493
Spróbujmy teraz powiedzieć "cześć" (po angielsku "hello), wpiszemy "text(hello)" ale wyskakuje taki dziwny komunikat o błędzie

7
00:00:24,493 --> 00:00:27,424
Który mówi, że "hello" nie jest zdefiniowane. Co to znaczy?

8
00:00:27,424 --> 00:00:30,993
Problem w tym, że program myśli, że "hello" to zmienna.

9
00:00:30,993 --> 00:00:33,445
I z punktu widzenia programu, to nawet ma sens.

10
00:00:33,445 --> 00:00:36,222
Bo przecież "hello" to mogłaby być zmienna, skąd program miałby to wiedzieć?

11
00:00:36,222 --> 00:00:38,991
Więc jak powiedzieć, że "hello" to napis?

12
00:00:38,991 --> 00:00:42,529
To proste, wystarczy, że umieścimy ten tekst w cudzysłowach.

13
00:00:42,529 --> 00:00:46,069
I to oznacza, że "hello" to nie zmienna, tylko tekst!

14
00:00:46,069 --> 00:00:47,833
I chcemy to wyświetlić jako tekst.

15
00:00:47,833 --> 00:00:51,282
To tak jak w książkach: jeśli postacie coś mówią,

16
00:00:51,282 --> 00:00:53,694
to zwykle jest to w cudzysłowach

17
00:00:53,694 --> 00:00:58,092
Podobnie, jeśli chcesz, żeby Twój program coś powiedział, ten tekst musi być w cudzysłowach.

18
00:00:58,092 --> 00:01:01,099
To bardzo ważne, ale też łatwo się pomylić.

19
00:01:01,099 --> 00:01:05,902
Więc powtórzę: jeśli chcesz użyć jakiegoś napisu w swoim programie

20
00:01:05,902 --> 00:01:07,526
zawsze używaj cudzysłowów.

21
00:01:07,526 --> 00:01:09,602
Inaczej dostaniesz dziwne komunikaty o błędach

22
00:01:09,602 --> 00:01:12,966
Jeśli kiedyś zobaczysz takie komunikaty, to sprawdź dokładnie,

23
00:01:12,966 --> 00:01:15,089
czy nie zapomniałeś o cudzysłowach.

24
00:01:15,089 --> 00:01:18,199
Super! Teraz mamy cudzysłowy, więc nie ma już żadnego błędu.

25
00:01:18,199 --> 00:01:20,828
Ale pewnie zauważyłeś, że nic się nie dzieje.

26
00:01:20,828 --> 00:01:22,157
Cały czas jest pusto.

27
00:01:22,157 --> 00:01:24,890
Ale, co ciekawe, jeśli ustawimy "background" (czyli tło)

28
00:01:24,890 --> 00:01:29,114
na, powiedzmy, czerwony, to widać, że nasz napis tam jest

29
00:01:29,114 --> 00:01:36,068
tylko jest biały, więc problem polegał na tym, że napisaliśmy biały tekst na białym tle.

30
00:01:36,068 --> 00:01:37,952
I dlatego nic nie było widać.

31
00:01:37,952 --> 00:01:42,445
To trochę głupio - dlaczego mielibyśmy pisać białym tekstem bo białym tle?

32
00:01:42,445 --> 00:01:46,111
Możemy po prostu zmienić kolor tekstu, bo już umiemy to robić.

33
00:01:46,111 --> 00:01:50,901
Dokładnie tak, jak ustawiamy wypełnienie prostokąta albo linii, możemy ustawić wypełnienie tekstu na dowolny kolor.

34
00:01:50,901 --> 00:01:54,231
Tak jak wcześniej, i proszę!

35
00:01:54,231 --> 00:01:59,290
Pokazuje się na białym tle. Spróbujmy teraz dokładniej obejrzeć jak działają te napisy.

36
00:01:59,290 --> 00:02:03,799
Pierwsza część jest dość oczywista - to po prostu napis, który chcemy wyświetlić.

37
00:02:03,799 --> 00:02:08,695
Druga część - jeśli ją zmienimy, to zobaczymy, że w ten sposób kontrolujemy odległość od lewej strony.

38
00:02:08,695 --> 00:02:11,776
A kolejna, to odległość w pionie.

39
00:02:11,776 --> 00:02:14,698
To pewnie wygląda dość znajomo - podobnie to tego, jak rysowaliśmy prostokąty.

40
00:02:14,698 --> 00:02:19,265
Trzeba zwrócić uwagę, że te dwie współrzędne

41
00:02:19,265 --> 00:02:24,666
Określają pozycję dolnego, lewego roku napisu.

42
00:02:24,666 --> 00:02:27,222
A przypadku prostokątów, to był lewy-górny róg.

43
00:02:27,222 --> 00:02:30,610
Trochę wygląda, jakby specjalnie zostało zaprojektowane, żeby było zamieszanie.

44
00:02:30,610 --> 00:02:32,761
Ale po prostu musisz o tym pamiętać.

45
00:02:32,761 --> 00:02:37,390
Możemy nawet poeksperymentować i sami zobaczyć, że jeśli ustawimy tutaj "height" (wysokość)

46
00:02:37,390 --> 00:02:42,448
To faktycznie - ustawia wysokość ekranu na lewy-dolny róg.

47
00:02:42,448 --> 00:02:48,775
Albo możemy ustawić na zero, i jak myślisz, co się wtedy stanie?

48
00:02:48,775 --> 00:02:53,781
Teraz w ogóle nic nie widać, ale jeśli będziemy powoli zwiększać, to się pojawi

49
00:02:53,781 --> 00:02:56,116
widać, że się tam wychyla

50
00:02:56,116 --> 00:02:59,782
To dlatego, że określamy pozycję lewego-dolnego rogu

51
00:02:59,782 --> 00:03:01,754
A nie lewego-górnego.

52
00:03:01,754 --> 00:03:06,222
Dobra, wystarczy tego analizowania, spróbujmy coś poprawić.

53
00:03:06,222 --> 00: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.

54
00:03:13,325 --> 00: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ść.

55
00:03:20,497 --> 00:03:25,557
Wpiszmy teraz Twoje imię a poniżej może jeszcze jakąś wiadomość o Tobie.

56
00:03:25,557 --> 00: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ę.

57
00:03:29,758 --> 00:03:35,436
Na podstawie tego, czego się nauczyliśmy, możemy wpisać "text("Sophia" i mamy moje imię.

58
00:03:35,436 --> 00:03:42,801
A niżej wpiszę jakąś małą wiadomość, na przykład "Lubię szczeniaki, gitary i kodowanie"

59
00:03:42,801 --> 00:03:47,802
Ok, super, musimy tylko oczywiście zmienić pozycję, żeby napisy nie nachodziły na siebie

60
00:03:47,802 --> 00:03:54,532
I, o nie, ten napis jest zbyt długi, więc zmniejszymy trochę rozmiar

61
00:03:57,008 --> 00:03:58,633
I proszę, teraz nieźle wygląda.

62
00:03:58,633 --> 00:04:01,854
Może tylko trochę to nudne, że oba są na niebiesko

63
00:04:01,854 --> 00:04:06,923
spróbujmy zatem zmienić wypełnienie ("fill"), i ustawmy na, bo ja wiem

64
00:04:06,923 --> 00:04:09,472
może na ładny, fioletowy kolor.

65
00:04:09,472 --> 00:04:15,549
Dobrze, i to wszystko, co powinieneś wiedzieć o rysowaniu napisów, oraz zmienianiu ich koloru i rozmiaru.