< Return to Video

Logické operátory

  • 0:01 - 0:04
    Nyní se podíváme na použití
    složitějších podmínek při programování.
  • 0:05 - 0:06
    Na ukázku mám
    připravené plátno.
  • 0:06 - 0:08
    Vypadá jako hra, kterou
    jsem kdysi hrávala.
  • 0:08 - 0:09
    Foursquare.
  • 0:09 - 0:12
    Jsou tu 4 čtverce.
  • 0:12 - 0:15
    Do jednoho se postavíte a pak
    odrážíte míč do těch ostatních.
  • 0:15 - 0:17
    Teď kreslím elipsu na základě
    polohy mé myši.
  • 0:17 - 0:19
    To je náš míč.
  • 0:19 - 0:22
    Chtěla bych zvýraznit čtverec,
    ve kterém máme naši myš.
  • 0:22 - 0:24
    A to tím, že navrch
    nakreslím bílý obdélník.
  • 0:24 - 0:26
    K tomu ale potřebuju
    podmíněný příkaz,
  • 0:26 - 0:28
    protože to chci udělat
    pokaždé pro jeden.
  • 0:28 - 0:30
    Vždy jen pro jeden daný
    obdélník.
  • 0:30 - 0:34
    Začneme tedy tím, že
    si nakreslíme obdélník.
  • 0:35 - 0:40
    Jednoduše překopíruji tento "rect"
    a dám mu jinou výplň, bílou.
  • 0:42 - 0:45
    A teď to obalíme
    do podmínky "if".
  • 0:45 - 0:48
    Jak vidíte, samo to za mě
    doplní složené závorky.
  • 0:48 - 0:50
    Přesunu to tedy dovnitř.
  • 0:51 - 0:54
    Kdy chci ukazovat
    tento obdélník?
  • 0:54 - 1:01
    Já vím, že ho chci ukázat,
    když mouseX je méně než 200.
  • 1:03 - 1:04
    Funguje to.
  • 1:04 - 1:07
    Ale když přejedu sem dolů,
    pořád se ukazuje.
  • 1:07 - 1:10
    Musím tedy koukat
    i na hodnotu mouseY.
  • 1:10 - 1:13
    Jak bych vytvořila podmínku pro obě
    tyto věci?
  • 1:13 - 1:15
    Na to máme
    operátor "and".
  • 1:15 - 1:18
    Operátor "and" máme
    pro kontrolu více podmínek.
  • 1:18 - 1:23
    Jednoduše napíšeme && ("and")
    a pak zadáme další podmínku.
  • 1:23 - 1:26
    Takže mouseY
    je méně než 200.
  • 1:27 - 1:31
    Teď se nám to tady nevybarvuje
    a tady ano!
  • 1:32 - 1:36
    Pojďme si ověřit, že to funguje.
    Vytvoříme další čtverec.
  • 1:37 - 1:38
    A něco pozměníme.
  • 1:38 - 1:41
    Vezmeme teď
    tento obdélník.
  • 1:42 - 1:44
    A opět musíme
    změnit podmínky.
  • 1:44 - 1:46
    Aby se správně zabarvoval.
  • 1:46 - 1:51
    Nyní musí být
    mouseX více než 200.
  • 1:51 - 1:54
    A mouseY je pořád
    méně než 200.
  • 1:54 - 1:55
    Super, podívejte na to!
  • 1:56 - 2:05
    V míčové hře se při dotknutí okrajů
    a rohů vždy musí zakřičet "EdgeBall".
  • 2:05 - 2:06
    Uděláme si to i tady.
  • 2:07 - 2:10
    Nejdřív si to napíšeme:
    "EDGE BAL!!!!"
  • 2:10 - 2:16
    Umístím to do prostředka
    a zabarvím to červeně.
  • 2:17 - 2:20
    Toto chci, aby se objevilo jen tehdy,
    když jsem na okrajích.
  • 2:20 - 2:24
    Přidáme proto podmínku "if"
    a vložíme do ní tento kód.
  • 2:27 - 2:29
    Kdy chci kód provést?
  • 2:29 - 2:30
    Okraje máme i v prostředku.
  • 2:30 - 2:36
    Prostředek je, když se
    mouseX rovná (===) 200.
  • 2:39 - 2:41
    Dostanu EdgeBall?
  • 2:42 - 2:45
    Tady to máme, EdgeBall!
  • 2:46 - 2:49
    Funguje to pro
    tuto prostřední čáru.
  • 2:49 - 2:52
    Ale chtěla bych, aby to fungovalo
    i na této čáře.
  • 2:54 - 2:58
    A v tom případě
    potřebuji mouseY.
  • 2:59 - 3:02
    A ta se rovná (===) 200,
    což je hodnota prostřední čáry.
  • 3:04 - 3:08
    Moc to nefunguje a teď
    nefunguje vůbec nic.
  • 3:08 - 3:11
    Jedna věc funguje,
    jenom úplný prostředek.
  • 3:11 - 3:12
    To je kvůli použití "and".
  • 3:13 - 3:16
    Kód funguje, jen když
    jsou obě podmínky pravdivé.
  • 3:16 - 3:18
    A ty jsou pravdivé jen
    v úplném prostředku.
  • 3:18 - 3:19
    Já tedy potřebuji říct:
  • 3:19 - 3:22
    Vykonej kód, když kterákoli
    z těchto podmínek je pravdivá.
  • 3:22 - 3:25
    A právě proto máme
    operátor "or".
  • 3:25 - 3:27
    Ten vypadá nějak takhle: ||.
  • 3:27 - 3:32
    Jedná se o svislé čáry a
    asi jste je ještě nepoužili.
  • 3:32 - 3:36
    Musíte se podívat na vaši klávesnici,
    můžou být v pravém horním rohu.
  • 3:36 - 3:39
    Doufám, že už jste
    je objevili.
  • 3:39 - 3:42
    Podíváme se,
    jestli to teď funguje.
  • 3:42 - 3:46
    Funguje to tady,
    tady a tady, skvělé!
  • 3:47 - 3:49
    A můžeme sem klidně
    přidávat víc podmínek.
  • 3:49 - 3:53
    Oboje, "and" a "or" můžete
    použít kolikrát jen chcete.
  • 3:53 - 3:56
    Můžete klidně zkontrolovat 6
    různých podmínek.
  • 3:56 - 3:58
    Ještě jsme nezajistili
    všechny rohy.
  • 3:58 - 4:04
    Řekněme tedy, že když
    mouseX je méně něž 3.
  • 4:05 - 4:08
    Tak to by měl být
    tento malý roh, super.
  • 4:09 - 4:15
    A teď ještě když mouseX
    je více než 397.
  • 4:16 - 4:18
    Funguje to, perfektní!
  • 4:18 - 4:21
    Uděláme to pro všechny okraje.
  • 4:21 - 4:25
    Teď už znáte "and" (&&) a "or" (||)
    a jak můžete vidět,
  • 4:25 - 4:28
    umožňují vám ve vašich programech
    dělat mnohem složitější podmínky.
  • 4:28 - 4:30
    A to se určitě bude hodit.
Title:
Logické operátory
Description:

Pamela ukazuje, jak používat různé logické operátory (jako && a ||) uvnitř podmíněných příkazů.

more » « less
Video Language:
English
Duration:
04:32

Czech subtitles

Revisions