Wspaniałe Napisy Cześć 2

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/

Skoro umiemy już używać funkcji "text", spróbujmy zrobić coś ciekawszego.

Zacznijmy od nowego słowa: "string"czy po polsku "łańcuch".

Pewnie myślisz sobie, "łańcuch? Taki przy rowerze?"

Ale dla programistów, to specjalne określenie na fragmenty tekstu.

Możesz o tym myśleć jak o łańcuchy różnych znaków, jeśli to ci pomoże.

Twoje imię to łańcuch znaków (czyli string), nazwa twojej szkoły to łańcuch i wszystkie Twoje smsy, które w życiu wysłałeś, to też łańcuchy.

Po prostu, łańcuch znaczy to samo, co napis.

Do tej pory rysowaliśmy i kolorowaliśmy różne napisy.

Czy z napisami możemy używać zmiennych? Oczywiście!

Dokładnie tak samo, jak zapisywaliśmy w zmiennej różnej liczby, możemy też tam umieszczać napisy.

Możemy powiedzieć "var myName = (I tutaj Twoje imię" więc "Sophia"; pamiętaj o cudzysłowach.

I teraz możemy użyć zmiennej myName (czyli po polsku mojeImie) zamiast pisać "Sophia",

co robiliśmy wcześniej.

Wszystko wygląda tak samo, ale teraz możemy to napisać wiele razy

no wiesz, raz tutaj, raz tam, możemy być bardziej kreatywni.

I wystarczy, że zmienisz teraz tę jedną zmienną na Twoje imię i zobaczysz je

napisane trzy razy.

Ok, cofnijmy się. Załóżmy, że chcemy zrobić coś szalonego, na przykład dodać do siebie dwa napisy?

Podobnie jak wcześniej dodawaliśmy wartości innych zmiennych?

Możemy tak zrobić, a komputer po prostu sklei ze sobą dwa łańcuchy znaków.

Na przykład, możemy pozbyć się tego tutaj, zostawmy tylko jeden raz.

I możemy zrobić zmienną "message" (czyli po polsku wiadomość), która będzie sumą mojego imienia oraz kilku wykrzykników.

I jeśli teraz włożymy tę nową zmienną do funkcji text, to na ekranie pojawi się ta wiadomość a nie moje imię

widzimy, że program po prostu dokleił te wykrzykniki za moim imieniem.

Możemy to nawet trochę urozmaicić - powiedzmy, że chcemy napisać wiadomość dwa razy.

To wygląda dość sensownie, no wiesz, dodawanie napisów, to po prostu sklejanie jest ze sobą.

Ale może sobie teraz myślisz: a może moglibyśmy zrobić jeszcze więcej? Czy możemy mnożyć, dzielić i odejmować napisy?

Tego wszystkiego nie możemy robić - łańcuchy znaków możemy tylko dodawać.

Owszem, możemy dzielić i odejmować zmienne, które przechowują liczby, ale zmienne z napisami możemy tylko dodawać.

Ale to dobrze, że zadajesz takie ciekawe pytania - to bardzo dobra postawa w programowaniu.

Możesz sobie pomyśleć "co mogło by się stać gdybyś podzielili napis?"

Animacja i interakcja z myszką również działają z napisami.

Na przykład. Możemy sprawić, żeby nasz napis podążał za myszką.

Trzeba tylko włożyć do w pętlę rysującą, tak samo jak zrobiliśmy z prostokątami.

Jeśli sobie przypominasz, trzeba napisać "var draw", a potem włożymy tam to wszystko.

Pamiętasz to pewnie z części "Wstęp do animacji".

I może sobie teraz myślisz, jeśli mamy sprawić, żeby teraz podążał za myszką, to na pewno będziemy potrzebować mouseX i mouseY

I proszę - teraz możemy rysować naszym własnym imieniem.

I oczywiście, jeśli chcemy, możemy zmienić tło na kolor, powiedzmy, jasnoniebieski.

I teraz nasz napis po prostu podąża za myszką, dokładnie tak, jak widzieliśmy przy prostokątach.

A teraz ostatnia sztuczka - użyjemy animiacji, żeby sprawić, aby napis był coraz większy i większy i większy.

Tutaj ustaiamy textSize (czyli rozmiar) na 30. Jeśli korzystamy ze zmiennych,

to zamiast pisać 30, możemy powiedzieć, "var howBig" równa się 30; a potem używać tej zmiennej zamiast liczby 30 bezpośrednio.

To będzie działać w ten właśnie sposób, ale musimy przecież zmieniać jakąś wartość, żeby otrzymać animację.

I możemy to zrobić, przez nadanie zmiennej howBig wartości powiększonej o jeden.

co oznacza, że wartość howBig będzie teraz równa starej wartości howBig, ale powiększonej o 1 czyli trochę większej.

i teraz musimy tylko uruchomić nasz program, i proszę

kiedy poruszamy myszką, nasz tekst robi się coraz większy i większy i większy

ze względu na tę linię tutaj

Sam możesz się jeszcze zastanowić, w jaki sposób sprawić, żeby napis powiększał się szybciej?

Dobrze, czyli teraz umiemy już manipulować nie tylko kszałtami

ale także napisami.