1
00:00:00,758 --> 00:00:03,808
Umiecie już tworzyć zmienne
i korzystać z nich.

2
00:00:03,908 --> 00:00:06,315
Teraz poznamy
dwie wyjątkowe zmienne:

3
00:00:06,415 --> 00:00:09,655
„mouseX” i „mouseY” (mysz X i Y).

4
00:00:10,379 --> 00:00:12,638
Nie musicie tworzyć ich sami.

5
00:00:12,738 --> 00:00:15,634
Nie powinniście, bo już istnieją.

6
00:00:16,323 --> 00:00:19,736
Program ustala wartości
tych zmiennych za kulisami,

7
00:00:19,836 --> 00:00:23,923
tak, by wartość „mouseX” zawsze
była pozycją „x” waszej myszki,

8
00:00:24,023 --> 00:00:27,608
a wartość „mouseY”
jest jej pozycją „y”.

9
00:00:27,708 --> 00:00:30,924
To ułatwia robienie fajnych,
interaktywnych rzeczy

10
00:00:30,864 --> 00:00:33,349
związanych z pozycją myszki.

11
00:00:33,449 --> 00:00:35,828
Spójrzmy na elipsę, którą rysuję.

12
00:00:35,928 --> 00:00:39,326
Teraz mam ją na 200,200.

13
00:00:40,612 --> 00:00:43,862
Używając zmiennych
„mouseX” i „mouseY”,

14
00:00:44,466 --> 00:00:49,203
mogę narysować elipsę
w tej właśnie pozycji.

15
00:00:49,303 --> 00:00:51,826
Gdy przesuwam myszkę,

16
00:00:51,926 --> 00:00:54,758
tam, gdzie ona się znajdzie,
powstaje elipsa.

17
00:00:55,291 --> 00:00:58,056
Posuwa się za myszką. Super!

18
00:00:58,156 --> 00:01:00,070
Widzicie, co rysuję?

19
00:01:01,022 --> 00:01:04,206
Pamiętajcie: „mouseX ” i „mouseY”

20
00:01:04,306 --> 00:01:06,501
muszą być wewnątrz funkcji rysowania.

21
00:01:06,601 --> 00:01:08,271
Bo spójrzcie, co będzie,

22
00:01:08,371 --> 00:01:12,330
gdy przesuniemy te dwa wiersze
programu na zewnątrz.

23
00:01:13,421 --> 00:01:14,468
Widzicie?

24
00:01:14,871 --> 00:01:19,319
Program uruchamia się raz,

25
00:01:19,419 --> 00:01:22,043
więc elipsa jest tylko raz
rysowana

26
00:01:22,143 --> 00:01:26,633
i przeciągana tam, gdzie była myszka
na samym początku.

27
00:01:26,733 --> 00:01:30,365
Dlatego musi być wewnątrz
funkcji rysowania.

28
00:01:30,465 --> 00:01:35,809
Funkcja jest uruchamiana raz po raz
w trakcie działania programu.

29
00:01:35,909 --> 00:01:39,358
Chcemy, by wtedy
patrzyła na bieżącą wartość

30
00:01:39,458 --> 00:01:43,328
„mouseX” i „mouseY”
i tam rysowała elipsę.

31
00:01:43,428 --> 00:01:46,085
Właściwie jest to
bardzo podobne do animacji.

32
00:01:46,185 --> 00:01:49,087
Coś zmienia się w czasie,
tylko trochę inaczej.

33
00:01:49,187 --> 00:01:52,082
Możemy teraz robić
różne fajne rzeczy.

34
00:01:52,624 --> 00:01:56,099
Może zamiast rysować
w punkcie „mouseX”, „mouseY”,

35
00:01:56,199 --> 00:02:02,462
narysuję to w „mouseX”,
a „mouseY” będzie stałe, 300?

36
00:02:03,321 --> 00:02:07,334
Teraz elipsa posuwa się
tylko po współrzędnej „x”,

37
00:02:07,434 --> 00:02:09,169
ignorując to, co robię z „y”.

38
00:02:10,263 --> 00:02:15,325
A jeśli z powrotem narysuję ją
w „mouseX”, „mouseY”,

39
00:02:15,817 --> 00:02:19,807
ale pozbędę się tła?

40
00:02:20,464 --> 00:02:26,332
Patrzcie, jaki efekt!
To jest obłędne.

41
00:02:27,075 --> 00:02:30,769
Mogłabym nawet zamienić
te zmienne.

42
00:02:30,869 --> 00:02:32,996
Przywrócę tło.

43
00:02:33,096 --> 00:02:37,686
Przestawię te zmienne: 
„mouseY” i „mouseX”,

44
00:02:37,786 --> 00:02:41,843
i zobaczę, co będzie.
Jest bardzo dziwnie!

45
00:02:41,943 --> 00:02:45,117
Klawisze myszy zachowują się
odwrotnie niż powinny.

46
00:02:45,217 --> 00:02:47,624
I dobrze. Można by zrobić całą grę,

47
00:02:47,724 --> 00:02:52,942
w której trzeba coś narysować
lub zrobić używając myszy odwrotnie.

48
00:02:53,042 --> 00:02:58,936
To tyle o „mouseX” i „mouseY”.
Wesoło. Bawcie się dobrze!