< Return to Video

Interakce myší

  • 0:00 - 0:04
    Jak si vytvořit vlastní proměnné
    a jak je používat, to jsme se už naučili.
  • 0:04 - 0:07
    Nyní se podíváme na dvě
    speciální proměnné:
  • 0:07 - 0:11
    Budou se jmenovat
    mouseX a mouseY.
  • 0:11 - 0:13
    Tyto proměnné nemusíte
    určovat sami.
  • 0:13 - 0:14
    Popravdě byste to
    dělat ani neměli.
  • 0:14 - 0:16
    Tyto proměnné už
    totiž existují.
  • 0:16 - 0:20
    Program totiž nastavuje hodnoty
    těchto proměnných sám.
  • 0:20 - 0:24
    Zajišťuje, že hodnotou mouseX
    je vždy x-ová pozice vaší myši.
  • 0:24 - 0:27
    A hodnotou mouseY je
    vždy y-ová pozice vaší myši.
  • 0:28 - 0:31
    Díky tomu je opravdu snadné
    si naprogramovat něco interaktivního.
  • 0:31 - 0:33
    A to na základě polohy
    myši uživatele.
  • 0:33 - 0:36
    Podívejme se na elipsu,
    kterou tady mám.
  • 0:36 - 0:39
    V tomto momentě je
    definována hodnotami 200, 200.
  • 0:41 - 0:44
    V případě, že použiju mouseX
    a mouseY, speciální proměnné,
  • 0:44 - 0:48
    můžu ji definovat
    hodnotami mouseX a mouseY.
  • 0:49 - 0:52
    V případě, že nyní
    projedu myší po plátně,
  • 0:52 - 0:55
    bude elipsa vykreslována
    na místě kurzoru.
  • 0:55 - 0:57
    Kopíruje pohyb mé myši.
  • 0:57 - 0:58
    To je dost dobrý!
  • 0:58 - 0:59
    Uhodnete,
    co kreslím?
  • 1:01 - 1:03
    V případě, že se chystáte
    použít mouseX a mouseY,
  • 1:03 - 1:07
    musíte se ujistit, že je
    používáte uvnitř funkce "draw".
  • 1:07 - 1:08
    Protože podívejte,
    co se stane,
  • 1:08 - 1:13
    když tyto dva řádky kódu
    přesuneme mimo tuto funkci.
  • 1:13 - 1:14
    Vidíte?
  • 1:15 - 1:19
    Tento kód se
    přehraje pouze jednou.
  • 1:19 - 1:22
    Elipsa se tedy nakreslí
    jenom jednou
  • 1:22 - 1:26
    a to v poloze mé myši
    na samém začátku programu.
  • 1:27 - 1:30
    Kvůli tomu musíme mít proměnné
    uvnitř funkce "draw".
  • 1:30 - 1:32
    Protože funkce "draw"
    je taková funkce,
  • 1:32 - 1:36
    která je přivolávaná opakovaně
    v průběhu celého programu.
  • 1:36 - 1:38
    Čili v momentě,
    kdy ji přivoláme,
  • 1:38 - 1:41
    se podívá na současnou
    hodnotu mouseX a mouseY
  • 1:41 - 1:43
    a podle toho nakreslí elipsu.
  • 1:43 - 1:46
    Když se nad tím zamyslíte, celý
    proces je celkem podobný animaci.
  • 1:46 - 1:50
    Průběžně mění hodnoty,
    jenom jiným způsobem.
  • 1:50 - 1:52
    Teď můžeme dělat
    hodně zajímavých věcí.
  • 1:53 - 1:56
    Co kdybych místo hodnot mouseX a mouseY
    ponechala hodnotu mouseX
  • 1:56 - 2:03
    a určila fixní hodnotu
    mouseY na 300?
  • 2:03 - 2:08
    Jak můžete vidět, elipsa
    následuje pouze souřadnici x.
  • 2:08 - 2:10
    Vůbec jí nezajímá y-ová souřadnice.
  • 2:10 - 2:17
    Co kdybych teď vrátila původní
    hodnoty mouseX a mouseY,
  • 2:17 - 2:20
    ale odstranila pozadí
    a zakomentovala jej?
  • 2:21 - 2:25
    Teď tady mám
    tuhle podivnou kresbu.
  • 2:25 - 2:27
    To je celkem zajímavé!
  • 2:27 - 2:30
    Nebo bych proměnné
    mohla prohodit.
  • 2:31 - 2:33
    Nejdřív vrátím pozadí.
  • 2:33 - 2:38
    Čili prohodím proměnné
    mouseY a mouseX.
  • 2:38 - 2:39
    A podívejme, co se stane.
  • 2:39 - 2:42
    Nyní je to hodně, hodně zvláštní.
  • 2:42 - 2:45
    Ovladače myši dělají opak toho,
    co bych od nich očekávala.
  • 2:46 - 2:48
    To je ale v pořádku,
    můžete třeba udělat hru,
  • 2:48 - 2:55
    ve které se pomocí přehozených
    ovladačů snažíte něco nakreslit.
  • 2:55 - 3:00
    A to je vše k mouseX a mouseY.
Title:
Interakce myší
Description:

Pamela vysvětluje, jak používat mouseX a mouseY k vytváření skvělých interaktivních programů.
more » « less
Video Language:
English
Duration:
03:00

Czech subtitles

Revisions

Our website uses cookies for analysis purposes.