< Return to Video

Interakcja z myszką

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

Polish subtitles

Revisions

Our website uses cookies for analysis purposes.