0:00:01.150,0:00:04.342
Nyní se podíváme na použití[br]složitějších podmínek při programování.

0:00:04.585,0:00:06.482
Na ukázku mám[br]připravené plátno.

0:00:06.482,0:00:08.497
Vypadá jako hra, kterou[br]jsem kdysi hrávala.

0:00:08.497,0:00:09.387
Foursquare.

0:00:09.387,0:00:11.826
Jsou tu 4 čtverce.

0:00:11.826,0:00:14.827
Do jednoho se postavíte a pak [br]odrážíte míč do těch ostatních.

0:00:14.827,0:00:17.283
Teď kreslím elipsu na základě [br]polohy mé myši.

0:00:17.283,0:00:19.003
To je náš míč.

0:00:19.003,0:00:21.767
Chtěla bych zvýraznit čtverec,[br]ve kterém máme naši myš.

0:00:21.767,0:00:24.002
A to tím, že navrch[br]nakreslím bílý obdélník.

0:00:24.002,0:00:25.786
K tomu ale potřebuju[br]podmíněný příkaz,

0:00:25.786,0:00:28.034
protože to chci udělat [br]pokaždé pro jeden.

0:00:28.034,0:00:30.400
Vždy jen pro jeden daný[br]obdélník.

0:00:30.400,0:00:34.002
Začneme tedy tím, že[br]si nakreslíme obdélník.

0:00:34.800,0:00:40.357
Jednoduše překopíruji tento "rect"[br]a dám mu jinou výplň, bílou.

0:00:41.708,0:00:44.835
A teď to obalíme[br]do podmínky "if".

0:00:45.419,0:00:48.422
Jak vidíte, samo to za mě[br]doplní složené závorky.

0:00:48.422,0:00:50.011
Přesunu to tedy dovnitř.

0:00:51.021,0:00:53.764
Kdy chci ukazovat[br]tento obdélník?

0:00:54.023,0:01:00.772
Já vím, že ho chci ukázat,[br]když mouseX je méně než 200.

0:01:02.758,0:01:03.655
Funguje to.

0:01:03.655,0:01:07.395
Ale když přejedu sem dolů,[br]pořád se ukazuje.

0:01:07.395,0:01:09.811
Musím tedy koukat[br]i na hodnotu mouseY.

0:01:09.811,0:01:12.719
Jak bych vytvořila podmínku pro obě[br]tyto věci?

0:01:12.719,0:01:14.829
Na to máme [br]operátor "and".

0:01:14.829,0:01:18.070
Operátor "and" máme[br]pro kontrolu více podmínek.

0:01:18.070,0:01:23.350
Jednoduše napíšeme && ("and")[br]a pak zadáme další podmínku.

0:01:23.350,0:01:26.324
Takže mouseY [br]je méně než 200.

0:01:26.778,0:01:30.807
Teď se nám to tady nevybarvuje[br]a tady ano!

0:01:31.867,0:01:35.901
Pojďme si ověřit, že to funguje.[br]Vytvoříme další čtverec.

0:01:36.631,0:01:38.299
A něco pozměníme.

0:01:38.299,0:01:40.748
Vezmeme teď [br]tento obdélník.

0:01:42.038,0:01:44.337
A opět musíme[br]změnit podmínky.

0:01:44.337,0:01:45.819
Aby se správně zabarvoval.

0:01:45.819,0:01:50.700
Nyní musí být [br]mouseX více než 200.

0:01:50.700,0:01:53.563
A mouseY je pořád[br]méně než 200.

0:01:53.563,0:01:55.069
Super, podívejte na to!

0:01:56.149,0:02:04.501
V míčové hře se při dotknutí okrajů[br]a rohů vždy musí zakřičet "EdgeBall".

0:02:04.501,0:02:06.359
Uděláme si to i tady.

0:02:07.189,0:02:10.205
Nejdřív si to napíšeme:[br]"EDGE BAL!!!!"

0:02:10.205,0:02:15.598
Umístím to do prostředka[br]a zabarvím to červeně.

0:02:17.318,0:02:19.969
Toto chci, aby se objevilo jen tehdy,[br]když jsem na okrajích.

0:02:19.969,0:02:24.172
Přidáme proto podmínku "if"[br]a vložíme do ní tento kód.

0:02:27.408,0:02:28.759
Kdy chci kód provést?

0:02:28.759,0:02:30.197
Okraje máme i v prostředku.

0:02:30.197,0:02:36.040
Prostředek je, když se[br]mouseX rovná (===) 200.

0:02:38.566,0:02:40.904
Dostanu EdgeBall?

0:02:41.584,0:02:44.636
Tady to máme, EdgeBall!

0:02:45.736,0:02:49.422
Funguje to pro[br]tuto prostřední čáru.

0:02:49.422,0:02:52.275
Ale chtěla bych, aby to fungovalo [br]i na této čáře.

0:02:54.275,0:02:58.024
A v tom případě [br]potřebuji mouseY.

0:02:58.527,0:03:01.527
A ta se rovná (===) 200,[br]což je hodnota prostřední čáry.

0:03:03.726,0:03:07.760
Moc to nefunguje a teď[br]nefunguje vůbec nic.

0:03:08.323,0:03:10.731
Jedna věc funguje,[br]jenom úplný prostředek.

0:03:10.731,0:03:12.435
To je kvůli použití "and".

0:03:13.055,0:03:16.219
Kód funguje, jen když[br]jsou obě podmínky pravdivé.

0:03:16.219,0:03:18.248
A ty jsou pravdivé jen[br]v úplném prostředku.

0:03:18.248,0:03:19.371
Já tedy potřebuji říct:

0:03:19.371,0:03:22.091
Vykonej kód, když kterákoli[br]z těchto podmínek je pravdivá.

0:03:22.091,0:03:24.701
A právě proto máme[br]operátor "or".

0:03:24.701,0:03:27.323
Ten vypadá nějak takhle: ||.

0:03:27.323,0:03:31.529
Jedná se o svislé čáry a [br]asi jste je ještě nepoužili.

0:03:31.929,0:03:35.764
Musíte se podívat na vaši klávesnici,[br]můžou být v pravém horním rohu.

0:03:35.764,0:03:39.117
Doufám, že už jste [br]je objevili.

0:03:39.117,0:03:42.269
Podíváme se,[br]jestli to teď funguje.

0:03:42.269,0:03:46.033
Funguje to tady,[br]tady a tady, skvělé!

0:03:46.993,0:03:49.120
A můžeme sem klidně[br]přidávat víc podmínek.

0:03:49.120,0:03:52.594
Oboje, "and" a "or" můžete[br]použít kolikrát jen chcete.

0:03:52.594,0:03:55.863
Můžete klidně zkontrolovat 6[br]různých podmínek.

0:03:55.863,0:03:58.331
Ještě jsme nezajistili[br]všechny rohy.

0:03:58.331,0:04:04.436
Řekněme tedy, že když[br]mouseX je méně něž 3.

0:04:05.394,0:04:07.965
Tak to by měl být[br]tento malý roh, super.

0:04:09.296,0:04:14.532
A teď ještě když mouseX[br]je více než 397.

0:04:15.963,0:04:17.596
Funguje to, perfektní!

0:04:17.596,0:04:20.534
Uděláme to pro všechny okraje.

0:04:21.434,0:04:24.539
Teď už znáte "and" (&&) a "or" (||)[br]a jak můžete vidět,

0:04:24.539,0:04:27.696
umožňují vám ve vašich programech[br]dělat mnohem složitější podmínky.

0:04:27.696,0:04:30.469
A to se určitě bude hodit.