WEBVTT 00:00:01.566 --> 00:00:04.608 Skoro umiemy już używać funkcji "text", spróbujmy zrobić coś ciekawszego. 00:00:04.608 --> 00:00:07.739 Zacznijmy od nowego słowa: "string"czy po polsku "łańcuch". 00:00:07.739 --> 00:00:10.610 Pewnie myślisz sobie, "łańcuch? Taki przy rowerze?" 00:00:10.610 --> 00:00:14.141 Ale dla programistów, to specjalne określenie na fragmenty tekstu. 00:00:14.141 --> 00:00:16.566 Możesz o tym myśleć jak o łańcuchy różnych znaków, jeśli to ci pomoże. 00:00:16.566 --> 00:00:21.691 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. 00:00:21.691 --> 00:00:25.498 Po prostu, łańcuch znaczy to samo, co napis. 00:00:25.498 --> 00:00:28.967 Do tej pory rysowaliśmy i kolorowaliśmy różne napisy. 00:00:28.967 --> 00:00:30.976 Czy z napisami możemy używać zmiennych? Oczywiście! 00:00:30.976 --> 00:00:35.857 Dokładnie tak samo, jak zapisywaliśmy w zmiennej różnej liczby, możemy też tam umieszczać napisy. 00:00:35.857 --> 00:00:42.690 Możemy powiedzieć "var myName = (I tutaj Twoje imię" więc "Sophia"; pamiętaj o cudzysłowach. 00:00:42.690 --> 00:00:47.363 I teraz możemy użyć zmiennej myName (czyli po polsku mojeImie) zamiast pisać "Sophia", 00:00:47.363 --> 00:00:48.947 co robiliśmy wcześniej. 00:00:48.947 --> 00:00:53.866 Wszystko wygląda tak samo, ale teraz możemy to napisać wiele razy 00:00:53.866 --> 00:00:57.407 no wiesz, raz tutaj, raz tam, możemy być bardziej kreatywni. 00:00:57.407 --> 00:01:02.462 I wystarczy, że zmienisz teraz tę jedną zmienną na Twoje imię i zobaczysz je 00:01:02.462 --> 00:01:04.221 napisane trzy razy. 00:01:04.221 --> 00:01:10.325 Ok, cofnijmy się. Załóżmy, że chcemy zrobić coś szalonego, na przykład dodać do siebie dwa napisy? 00:01:10.325 --> 00:01:13.080 Podobnie jak wcześniej dodawaliśmy wartości innych zmiennych? 00:01:13.080 --> 00:01:17.599 Możemy tak zrobić, a komputer po prostu sklei ze sobą dwa łańcuchy znaków. 00:01:17.599 --> 00:01:20.976 Na przykład, możemy pozbyć się tego tutaj, zostawmy tylko jeden raz. 00:01:20.976 --> 00:01:27.427 I możemy zrobić zmienną "message" (czyli po polsku wiadomość), która będzie sumą mojego imienia oraz kilku wykrzykników. 00:01:27.427 --> 00:01:32.258 I jeśli teraz włożymy tę nową zmienną do funkcji text, to na ekranie pojawi się ta wiadomość a nie moje imię 00:01:32.258 --> 00:01:38.310 widzimy, że program po prostu dokleił te wykrzykniki za moim imieniem. 00:01:38.310 --> 00:01:43.373 Możemy to nawet trochę urozmaicić - powiedzmy, że chcemy napisać wiadomość dwa razy. 00:01:43.373 --> 00:01:49.777 To wygląda dość sensownie, no wiesz, dodawanie napisów, to po prostu sklejanie jest ze sobą. 00:01:49.777 --> 00:01:56.215 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? 00:01:56.215 --> 00:01:59.664 Tego wszystkiego nie możemy robić - łańcuchy znaków możemy tylko dodawać. 00:01:59.664 --> 00:02:05.060 Owszem, możemy dzielić i odejmować zmienne, które przechowują liczby, ale zmienne z napisami możemy tylko dodawać. 00:02:05.060 --> 00:02:09.813 Ale to dobrze, że zadajesz takie ciekawe pytania - to bardzo dobra postawa w programowaniu. 00:02:09.813 --> 00:02:13.086 Możesz sobie pomyśleć "co mogło by się stać gdybyś podzielili napis?" 00:02:13.086 --> 00:02:17.200 Animacja i interakcja z myszką również działają z napisami. 00:02:17.200 --> 00:02:20.689 Na przykład. Możemy sprawić, żeby nasz napis podążał za myszką. 00:02:20.689 --> 00:02:23.490 Trzeba tylko włożyć do w pętlę rysującą, tak samo jak zrobiliśmy z prostokątami. 00:02:23.490 --> 00:02:29.851 Jeśli sobie przypominasz, trzeba napisać "var draw", a potem włożymy tam to wszystko. 00:02:29.851 --> 00:02:33.616 Pamiętasz to pewnie z części "Wstęp do animacji". 00:02:33.616 --> 00:02:39.594 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 00:02:39.594 --> 00:02:43.305 I proszę - teraz możemy rysować naszym własnym imieniem. 00:02:43.305 --> 00:02:50.531 I oczywiście, jeśli chcemy, możemy zmienić tło na kolor, powiedzmy, jasnoniebieski. 00:02:50.531 --> 00:02:57.468 I teraz nasz napis po prostu podąża za myszką, dokładnie tak, jak widzieliśmy przy prostokątach. 00:02:57.468 --> 00:03:02.985 A teraz ostatnia sztuczka - użyjemy animiacji, żeby sprawić, aby napis był coraz większy i większy i większy. 00:03:02.985 --> 00:03:06.715 Tutaj ustaiamy textSize (czyli rozmiar) na 30. Jeśli korzystamy ze zmiennych, 00:03:06.715 --> 00:03:14.522 to zamiast pisać 30, możemy powiedzieć, "var howBig" równa się 30; a potem używać tej zmiennej zamiast liczby 30 bezpośrednio. 00:03:14.522 --> 00:03:20.809 To będzie działać w ten właśnie sposób, ale musimy przecież zmieniać jakąś wartość, żeby otrzymać animację. 00:03:20.809 --> 00:03:25.463 I możemy to zrobić, przez nadanie zmiennej howBig wartości powiększonej o jeden. 00:03:25.463 --> 00:03:32.435 co oznacza, że wartość howBig będzie teraz równa starej wartości howBig, ale powiększonej o 1 czyli trochę większej. 00:03:32.435 --> 00:03:35.964 i teraz musimy tylko uruchomić nasz program, i proszę 00:03:35.964 --> 00:03:40.675 kiedy poruszamy myszką, nasz tekst robi się coraz większy i większy i większy 00:03:40.675 --> 00:03:43.254 ze względu na tę linię tutaj 00:03:43.254 --> 00:03:48.254 Sam możesz się jeszcze zastanowić, w jaki sposób sprawić, żeby napis powiększał się szybciej? 00:03:48.254 --> 00:03:52.369 Dobrze, czyli teraz umiemy już manipulować nie tylko kszałtami 00:03:52.369 --> 00:03:55.502 ale także napisami.