Wspaniałe Napisy Część 1

To jest nagranie ekranu z naszego interaktywnego wprowadzenia do kodowania, zrobione żeby ułatwić pracę nad napisami i tłumaczeniami. Lepiej obejrzeć właściwe wprowadzenie tutaj:
https://pl.khanacademy.org/cs/programming/

Do tej pory dużo rysowaliśmy

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

O tym będzie ta lekcja - napisy.

Do czego przydają się napisy? Na przykład możesz chcieć pokazać wynik w grze

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

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

Który mówi, że "hello" nie jest zdefiniowane. Co to znaczy?

Problem w tym, że program myśli, że "hello" to zmienna.

I z punktu widzenia programu, to nawet ma sens.

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

Więc jak powiedzieć, że "hello" to napis?

To proste, wystarczy, że umieścimy ten tekst w cudzysłowach.

I to oznacza, że "hello" to nie zmienna, tylko tekst!

I chcemy to wyświetlić jako tekst.

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

to zwykle jest to w cudzysłowach

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

To bardzo ważne, ale też łatwo się pomylić.

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

zawsze używaj cudzysłowów.

Inaczej dostaniesz dziwne komunikaty o błędach

Jeśli kiedyś zobaczysz takie komunikaty, to sprawdź dokładnie,

czy nie zapomniałeś o cudzysłowach.

Super! Teraz mamy cudzysłowy, więc nie ma już żadnego błędu.

Ale pewnie zauważyłeś, że nic się nie dzieje.

Cały czas jest pusto.

Ale, co ciekawe, jeśli ustawimy "background" (czyli tło)

na, powiedzmy, czerwony, to widać, że nasz napis tam jest

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

I dlatego nic nie było widać.

To trochę głupio - dlaczego mielibyśmy pisać białym tekstem bo białym tle?

Możemy po prostu zmienić kolor tekstu, bo już umiemy to robić.

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

Tak jak wcześniej, i proszę!

Pokazuje się na białym tle. Spróbujmy teraz dokładniej obejrzeć jak działają te napisy.

Pierwsza część jest dość oczywista - to po prostu napis, który chcemy wyświetlić.

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

A kolejna, to odległość w pionie.

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

Trzeba zwrócić uwagę, że te dwie współrzędne

Określają pozycję dolnego, lewego roku napisu.

A przypadku prostokątów, to był lewy-górny róg.

Trochę wygląda, jakby specjalnie zostało zaprojektowane, żeby było zamieszanie.

Ale po prostu musisz o tym pamiętać.

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

To faktycznie - ustawia wysokość ekranu na lewy-dolny róg.

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

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

widać, że się tam wychyla

To dlatego, że określamy pozycję lewego-dolnego rogu

A nie lewego-górnego.

Dobra, wystarczy tego analizowania, spróbujmy coś poprawić.

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.

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

Wpiszmy teraz Twoje imię a poniżej może jeszcze jakąś wiadomość o Tobie.

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

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

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

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

I, o nie, ten napis jest zbyt długi, więc zmniejszymy trochę rozmiar

I proszę, teraz nieźle wygląda.

Może tylko trochę to nudne, że oba są na niebiesko

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

może na ładny, fioletowy kolor.

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