Umiecie już tworzyć zmienne i korzystać z nich.
Teraz poznamy dwie wyjątkowe zmienne:
„mouseX” i „mouseY” (mysz X i Y).
Nie musicie tworzyć ich sami.
Nie powinniście, bo już istnieją.
Program ustala wartości tych zmiennych za kulisami,
tak, by wartość „mouseX” zawsze była pozycją „x” waszej myszki,
a wartość „mouseY” jest jej pozycją „y”.
To ułatwia robienie fajnych, interaktywnych rzeczy
związanych z pozycją myszki.
Spójrzmy na elipsę, którą rysuję.
Teraz mam ją na 200,200.
Używając zmiennych „mouseX” i „mouseY”,
mogę narysować elipsę w tej właśnie pozycji.
Gdy przesuwam myszkę,
tam, gdzie ona się znajdzie, powstaje elipsa.
Posuwa się za myszką. Super!
Widzicie, co rysuję?
Pamiętajcie: „mouseX ” i „mouseY”
muszą być wewnątrz funkcji rysowania.
Bo spójrzcie, co będzie,
gdy przesuniemy te dwa wiersze programu na zewnątrz.
Widzicie?
Program uruchamia się raz,
więc elipsa jest tylko raz rysowana
i przeciągana tam, gdzie była myszka na samym początku.
Dlatego musi być wewnątrz funkcji rysowania.
Funkcja jest uruchamiana raz po raz w trakcie działania programu.
Chcemy, by wtedy patrzyła na bieżącą wartość
„mouseX” i „mouseY” i tam rysowała elipsę.
Właściwie jest to bardzo podobne do animacji.
Coś zmienia się w czasie, tylko trochę inaczej.
Możemy teraz robić różne fajne rzeczy.
Może zamiast rysować w punkcie „mouseX”, „mouseY”,
narysuję to w „mouseX”, a „mouseY” będzie stałe, 300?
Teraz elipsa posuwa się tylko po współrzędnej „x”,
ignorując to, co robię z „y”.
A jeśli z powrotem narysuję ją w „mouseX”, „mouseY”,
ale pozbędę się tła?
Patrzcie, jaki efekt! To jest obłędne.
Mogłabym nawet zamienić te zmienne.
Przywrócę tło.
Przestawię te zmienne: „mouseY” i „mouseX”,
i zobaczę, co będzie. Jest bardzo dziwnie!
Klawisze myszy zachowują się odwrotnie niż powinny.
I dobrze. Można by zrobić całą grę,
w której trzeba coś narysować lub zrobić używając myszy odwrotnie.
To tyle o „mouseX” i „mouseY”. Wesoło. Bawcie się dobrze!