1
00:00:01,566 --> 00:00:04,608
Skoro umiemy już używać funkcji "text", spróbujmy zrobić coś ciekawszego.

2
00:00:04,608 --> 00:00:07,739
Zacznijmy od nowego słowa: "string"czy po polsku "łańcuch".

3
00:00:07,739 --> 00:00:10,610
Pewnie myślisz sobie, "łańcuch? Taki przy rowerze?"

4
00:00:10,610 --> 00:00:14,141
Ale dla programistów, to specjalne określenie na fragmenty tekstu.

5
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.

6
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.

7
00:00:21,691 --> 00:00:25,498
Po prostu, łańcuch znaczy to samo, co napis.

8
00:00:25,498 --> 00:00:28,967
Do tej pory rysowaliśmy i kolorowaliśmy różne napisy.

9
00:00:28,967 --> 00:00:30,976
Czy z napisami możemy używać zmiennych? Oczywiście!

10
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.

11
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.

12
00:00:42,690 --> 00:00:47,363
I teraz możemy użyć zmiennej myName (czyli po polsku mojeImie) zamiast pisać "Sophia",

13
00:00:47,363 --> 00:00:48,947
co robiliśmy wcześniej.

14
00:00:48,947 --> 00:00:53,866
Wszystko wygląda tak samo, ale teraz możemy to napisać wiele razy

15
00:00:53,866 --> 00:00:57,407
no wiesz, raz tutaj, raz tam, możemy być bardziej kreatywni.

16
00:00:57,407 --> 00:01:02,462
I wystarczy, że zmienisz teraz tę jedną zmienną na Twoje imię i zobaczysz je

17
00:01:02,462 --> 00:01:04,221
napisane trzy razy.

18
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?

19
00:01:10,325 --> 00:01:13,080
Podobnie jak wcześniej dodawaliśmy wartości innych zmiennych?

20
00:01:13,080 --> 00:01:17,599
Możemy tak zrobić, a komputer po prostu sklei ze sobą dwa łańcuchy znaków.

21
00:01:17,599 --> 00:01:20,976
Na przykład, możemy pozbyć się tego tutaj, zostawmy tylko jeden raz.

22
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.

23
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ę

24
00:01:32,258 --> 00:01:38,310
widzimy, że program po prostu dokleił te wykrzykniki za moim imieniem.

25
00:01:38,310 --> 00:01:43,373
Możemy to nawet trochę urozmaicić - powiedzmy, że chcemy napisać wiadomość dwa razy.

26
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ą.

27
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?

28
00:01:56,215 --> 00:01:59,664
Tego wszystkiego nie możemy robić - łańcuchy znaków możemy tylko dodawać.

29
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ć.

30
00:02:05,060 --> 00:02:09,813
Ale to dobrze, że zadajesz takie ciekawe pytania - to bardzo dobra postawa w programowaniu.

31
00:02:09,813 --> 00:02:13,086
Możesz sobie pomyśleć "co mogło by się stać gdybyś podzielili napis?"

32
00:02:13,086 --> 00:02:17,200
Animacja i interakcja z myszką również działają z napisami.

33
00:02:17,200 --> 00:02:20,689
Na przykład. Możemy sprawić, żeby nasz napis podążał za myszką.

34
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.

35
00:02:23,490 --> 00:02:29,851
Jeśli sobie przypominasz, trzeba napisać "var draw", a potem włożymy tam to wszystko.

36
00:02:29,851 --> 00:02:33,616
Pamiętasz to pewnie z części "Wstęp do animacji".

37
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

38
00:02:39,594 --> 00:02:43,305
I proszę - teraz możemy rysować naszym własnym imieniem.

39
00:02:43,305 --> 00:02:50,531
I oczywiście, jeśli chcemy, możemy zmienić tło na kolor, powiedzmy, jasnoniebieski.

40
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.

41
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.

42
00:03:02,985 --> 00:03:06,715
Tutaj ustaiamy textSize (czyli rozmiar) na 30. Jeśli korzystamy ze zmiennych,

43
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.

44
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ę.

45
00:03:20,809 --> 00:03:25,463
I możemy to zrobić, przez nadanie zmiennej howBig wartości powiększonej o jeden.

46
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.

47
00:03:32,435 --> 00:03:35,964
i teraz musimy tylko uruchomić nasz program, i proszę

48
00:03:35,964 --> 00:03:40,675
kiedy poruszamy myszką, nasz tekst robi się coraz większy i większy i większy

49
00:03:40,675 --> 00:03:43,254
ze względu na tę linię tutaj

50
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?

51
00:03:48,254 --> 00:03:52,369
Dobrze, czyli teraz umiemy już manipulować nie tylko kszałtami

52
00:03:52,369 --> 00:03:55,502
ale także napisami.