Interakcja z myszką
-
0:01 - 0:04Umiecie już tworzyć zmienne
i korzystać z nich. -
0:04 - 0:06Teraz poznamy
dwie wyjątkowe zmienne: -
0:06 - 0:10„mouseX” i „mouseY” (mysz X i Y).
-
0:10 - 0:13Nie musicie tworzyć ich sami.
-
0:13 - 0:16Nie powinniście, bo już istnieją.
-
0:16 - 0:20Program ustala wartości
tych zmiennych za kulisami, -
0:20 - 0:24tak, by wartość „mouseX” zawsze
była pozycją „x” waszej myszki, -
0:24 - 0:28a wartość „mouseY”
jest jej pozycją „y”. -
0:28 - 0:31To ułatwia robienie fajnych,
interaktywnych rzeczy -
0:31 - 0:33związanych z pozycją myszki.
-
0:33 - 0:36Spójrzmy na elipsę, którą rysuję.
-
0:36 - 0:39Teraz mam ją na 200,200.
-
0:41 - 0:44Używając zmiennych
„mouseX” i „mouseY”, -
0:44 - 0:49mogę narysować elipsę
w tej właśnie pozycji. -
0:49 - 0:52Gdy przesuwam myszkę,
-
0:52 - 0:55tam, gdzie ona się znajdzie,
powstaje elipsa. -
0:55 - 0:58Posuwa się za myszką. Super!
-
0:58 - 1:00Widzicie, co rysuję?
-
1:01 - 1:04Pamiętajcie: „mouseX ” i „mouseY”
-
1:04 - 1:07muszą być wewnątrz funkcji rysowania.
-
1:07 - 1:08Bo spójrzcie, co będzie,
-
1:08 - 1:12gdy przesuniemy te dwa wiersze
programu na zewnątrz. -
1:13 - 1:14Widzicie?
-
1:15 - 1:19Program uruchamia się raz,
-
1:19 - 1:22więc elipsa jest tylko raz
rysowana -
1:22 - 1:27i przeciągana tam, gdzie była myszka
na samym początku. -
1:27 - 1:30Dlatego musi być wewnątrz
funkcji rysowania. -
1:30 - 1:36Funkcja jest uruchamiana raz po raz
w trakcie działania programu. -
1:36 - 1:39Chcemy, by wtedy
patrzyła na bieżącą wartość -
1:39 - 1:43„mouseX” i „mouseY”
i tam rysowała elipsę. -
1:43 - 1:46Właściwie jest to
bardzo podobne do animacji. -
1:46 - 1:49Coś zmienia się w czasie,
tylko trochę inaczej. -
1:49 - 1:52Możemy teraz robić
różne fajne rzeczy. -
1:53 - 1:56Może zamiast rysować
w punkcie „mouseX”, „mouseY”, -
1:56 - 2:02narysuję to w „mouseX”,
a „mouseY” będzie stałe, 300? -
2:03 - 2:07Teraz elipsa posuwa się
tylko po współrzędnej „x”, -
2:07 - 2:09ignorując to, co robię z „y”.
-
2:10 - 2:15A jeśli z powrotem narysuję ją
w „mouseX”, „mouseY”, -
2:16 - 2:20ale pozbędę się tła?
-
2:20 - 2:26Patrzcie, jaki efekt!
To jest obłędne. -
2:27 - 2:31Mogłabym nawet zamienić
te zmienne. -
2:31 - 2:33Przywrócę tło.
-
2:33 - 2:38Przestawię te zmienne:
„mouseY” i „mouseX”, -
2:38 - 2:42i zobaczę, co będzie.
Jest bardzo dziwnie! -
2:42 - 2:45Klawisze myszy zachowują się
odwrotnie niż powinny. -
2:45 - 2:48I dobrze. Można by zrobić całą grę,
-
2:48 - 2:53w której trzeba coś narysować
lub zrobić używając myszy odwrotnie. -
2:53 - 2:59To tyle o „mouseX” i „mouseY”.
Wesoło. Bawcie się dobrze!
- Title:
- Interakcja z myszką
- Description:
-
To jest nagranie ekranu z naszego interaktywnego wprowadzenia do kodowania, zrobione żeby ułatwić pracę nad napisami i tłumaczeniami. Lepiej obejrzeć właściwe wprowadzenie tutaj:
https://pl.khanacademy.org/cs/programming/ - Video Language:
- English
- Duration:
- 03:00
Lech Mankiewicz edited Polish subtitles for Mouse Interaction (Video Version) | ||
Lech Mankiewicz edited Polish subtitles for Mouse Interaction (Video Version) | ||
Lech Mankiewicz edited Polish subtitles for Mouse Interaction (Video Version) | ||
Dominik Kamiński edited Polish subtitles for Mouse Interaction (Video Version) | ||
Dominik Kamiński edited Polish subtitles for Mouse Interaction (Video Version) | ||
Dominik Kamiński edited Polish subtitles for Mouse Interaction (Video Version) | ||
Dominik Kamiński edited Polish subtitles for Mouse Interaction (Video Version) |