WEBVTT

00:00:00.758 --> 00:00:03.808
Umiecie już tworzyć zmienne
i korzystać z nich.

00:00:03.908 --> 00:00:06.315
Teraz poznamy
dwie wyjątkowe zmienne:

00:00:06.415 --> 00:00:09.655
„mouseX” i „mouseY” (mysz X i Y).

00:00:10.379 --> 00:00:12.638
Nie musicie tworzyć ich sami.

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

00:00:16.323 --> 00:00:19.736
Program ustala wartości
tych zmiennych za kulisami,

00:00:19.836 --> 00:00:23.923
tak, by wartość „mouseX” zawsze
była pozycją „x” waszej myszki,

00:00:24.023 --> 00:00:27.608
a wartość „mouseY”
jest jej pozycją „y”.

00:00:27.708 --> 00:00:30.924
To ułatwia robienie fajnych,
interaktywnych rzeczy

00:00:30.864 --> 00:00:33.349
związanych z pozycją myszki.

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

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

00:00:40.612 --> 00:00:43.862
Używając zmiennych
„mouseX” i „mouseY”,

00:00:44.466 --> 00:00:49.203
mogę narysować elipsę
w tej właśnie pozycji.

00:00:49.303 --> 00:00:51.826
Gdy przesuwam myszkę,

00:00:51.926 --> 00:00:54.758
tam, gdzie ona się znajdzie,
powstaje elipsa.

00:00:55.291 --> 00:00:58.056
Posuwa się za myszką. Super!

00:00:58.156 --> 00:01:00.070
Widzicie, co rysuję?

00:01:01.022 --> 00:01:04.206
Pamiętajcie: „mouseX ” i „mouseY”

00:01:04.306 --> 00:01:06.501
muszą być wewnątrz funkcji rysowania.

00:01:06.601 --> 00:01:08.271
Bo spójrzcie, co będzie,

00:01:08.371 --> 00:01:12.330
gdy przesuniemy te dwa wiersze
programu na zewnątrz.

00:01:13.421 --> 00:01:14.468
Widzicie?

00:01:14.871 --> 00:01:19.319
Program uruchamia się raz,

00:01:19.419 --> 00:01:22.043
więc elipsa jest tylko raz
rysowana

00:01:22.143 --> 00:01:26.633
i przeciągana tam, gdzie była myszka
na samym początku.

00:01:26.733 --> 00:01:30.365
Dlatego musi być wewnątrz
funkcji rysowania.

00:01:30.465 --> 00:01:35.809
Funkcja jest uruchamiana raz po raz
w trakcie działania programu.

00:01:35.909 --> 00:01:39.358
Chcemy, by wtedy
patrzyła na bieżącą wartość

00:01:39.458 --> 00:01:43.328
„mouseX” i „mouseY”
i tam rysowała elipsę.

00:01:43.428 --> 00:01:46.085
Właściwie jest to
bardzo podobne do animacji.

00:01:46.185 --> 00:01:49.087
Coś zmienia się w czasie,
tylko trochę inaczej.

00:01:49.187 --> 00:01:52.082
Możemy teraz robić
różne fajne rzeczy.

00:01:52.624 --> 00:01:56.099
Może zamiast rysować
w punkcie „mouseX”, „mouseY”,

00:01:56.199 --> 00:02:02.462
narysuję to w „mouseX”,
a „mouseY” będzie stałe, 300?

00:02:03.321 --> 00:02:07.334
Teraz elipsa posuwa się
tylko po współrzędnej „x”,

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

00:02:10.263 --> 00:02:15.325
A jeśli z powrotem narysuję ją
w „mouseX”, „mouseY”,

00:02:15.817 --> 00:02:19.807
ale pozbędę się tła?

00:02:20.464 --> 00:02:26.332
Patrzcie, jaki efekt!
To jest obłędne.

00:02:27.075 --> 00:02:30.769
Mogłabym nawet zamienić
te zmienne.

00:02:30.869 --> 00:02:32.996
Przywrócę tło.

00:02:33.096 --> 00:02:37.686
Przestawię te zmienne: 
„mouseY” i „mouseX”,

00:02:37.786 --> 00:02:41.843
i zobaczę, co będzie.
Jest bardzo dziwnie!

00:02:41.943 --> 00:02:45.117
Klawisze myszy zachowują się
odwrotnie niż powinny.

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

00:02:47.724 --> 00:02:52.942
w której trzeba coś narysować
lub zrobić używając myszy odwrotnie.

00:02:53.042 --> 00:02:58.936
To tyle o „mouseX” i „mouseY”.
Wesoło. Bawcie się dobrze!