0:00:00.758,0:00:03.808
Umiecie już tworzyć zmienne[br]i korzystać z nich.

0:00:03.908,0:00:06.315
Teraz poznamy[br]dwie wyjątkowe zmienne:

0:00:06.415,0:00:09.655
„mouseX” i „mouseY” (mysz X i Y).

0:00:10.379,0:00:12.638
Nie musicie tworzyć ich sami.

0:00:12.738,0:00:15.634
Nie powinniście, bo już istnieją.

0:00:16.323,0:00:19.736
Program ustala wartości[br]tych zmiennych za kulisami,

0:00:19.836,0:00:23.923
tak, by wartość „mouseX” zawsze[br]była pozycją „x” waszej myszki,

0:00:24.023,0:00:27.608
a wartość „mouseY”[br]jest jej pozycją „y”.

0:00:27.708,0:00:30.924
To ułatwia robienie fajnych,[br]interaktywnych rzeczy

0:00:30.864,0:00:33.349
związanych z pozycją myszki.

0:00:33.449,0:00:35.828
Spójrzmy na elipsę, którą rysuję.

0:00:35.928,0:00:39.326
Teraz mam ją na 200,200.

0:00:40.612,0:00:43.862
Używając zmiennych[br]„mouseX” i „mouseY”,

0:00:44.466,0:00:49.203
mogę narysować elipsę[br]w tej właśnie pozycji.

0:00:49.303,0:00:51.826
Gdy przesuwam myszkę,

0:00:51.926,0:00:54.758
tam, gdzie ona się znajdzie,[br]powstaje elipsa.

0:00:55.291,0:00:58.056
Posuwa się za myszką. Super!

0:00:58.156,0:01:00.070
Widzicie, co rysuję?

0:01:01.022,0:01:04.206
Pamiętajcie: „mouseX ” i „mouseY”

0:01:04.306,0:01:06.501
muszą być wewnątrz funkcji rysowania.

0:01:06.601,0:01:08.271
Bo spójrzcie, co będzie,

0:01:08.371,0:01:12.330
gdy przesuniemy te dwa wiersze[br]programu na zewnątrz.

0:01:13.421,0:01:14.468
Widzicie?

0:01:14.871,0:01:19.319
Program uruchamia się raz,

0:01:19.419,0:01:22.043
więc elipsa jest tylko raz[br]rysowana

0:01:22.143,0:01:26.633
i przeciągana tam, gdzie była myszka[br]na samym początku.

0:01:26.733,0:01:30.365
Dlatego musi być wewnątrz[br]funkcji rysowania.

0:01:30.465,0:01:35.809
Funkcja jest uruchamiana raz po raz[br]w trakcie działania programu.

0:01:35.909,0:01:39.358
Chcemy, by wtedy[br]patrzyła na bieżącą wartość

0:01:39.458,0:01:43.328
„mouseX” i „mouseY”[br]i tam rysowała elipsę.

0:01:43.428,0:01:46.085
Właściwie jest to[br]bardzo podobne do animacji.

0:01:46.185,0:01:49.087
Coś zmienia się w czasie,[br]tylko trochę inaczej.

0:01:49.187,0:01:52.082
Możemy teraz robić[br]różne fajne rzeczy.

0:01:52.624,0:01:56.099
Może zamiast rysować[br]w punkcie „mouseX”, „mouseY”,

0:01:56.199,0:02:02.462
narysuję to w „mouseX”,[br]a „mouseY” będzie stałe, 300?

0:02:03.321,0:02:07.334
Teraz elipsa posuwa się[br]tylko po współrzędnej „x”,

0:02:07.434,0:02:09.169
ignorując to, co robię z „y”.

0:02:10.263,0:02:15.325
A jeśli z powrotem narysuję ją[br]w „mouseX”, „mouseY”,

0:02:15.817,0:02:19.807
ale pozbędę się tła?

0:02:20.464,0:02:26.332
Patrzcie, jaki efekt![br]To jest obłędne.

0:02:27.075,0:02:30.769
Mogłabym nawet zamienić[br]te zmienne.

0:02:30.869,0:02:32.996
Przywrócę tło.

0:02:33.096,0:02:37.686
Przestawię te zmienne: [br]„mouseY” i „mouseX”,

0:02:37.786,0:02:41.843
i zobaczę, co będzie.[br]Jest bardzo dziwnie!

0:02:41.943,0:02:45.117
Klawisze myszy zachowują się[br]odwrotnie niż powinny.

0:02:45.217,0:02:47.624
I dobrze. Można by zrobić całą grę,

0:02:47.724,0:02:52.942
w której trzeba coś narysować[br]lub zrobić używając myszy odwrotnie.

0:02:53.042,0:02:58.936
To tyle o „mouseX” i „mouseY”.[br]Wesoło. Bawcie się dobrze!