0:00:01.005,0:00:03.196
Lad os snakke om mere[br]om komplekse betingelser,

0:00:03.196,0:00:04.627
du kan lave i dine programmer.

0:00:04.627,0:00:08.155
For at vise hvordan, har jeg[br]lavet et spil på lærredet.

0:00:08.155,0:00:09.197
Foursquare.

0:00:09.197,0:00:11.730
Der er fire kvadrater,[br]så det er et godt navn,

0:00:11.730,0:00:14.915
og du står i en af dem og kaster[br]din bold over i de andre kvadrater.

0:00:14.915,0:00:18.912
Lige nu tegnes en ellipse der,[br]hvor din mus er - vores bold.

0:00:18.912,0:00:23.814
Jeg vil gerne fremhæve det kvadrat,[br]som bolden er i ved at gøre det hvidt.

0:00:23.814,0:00:30.264
Jeg har brug for en 'if' sætning, da jeg[br]kun vil fremhæve det kvadrat bolden er i.

0:00:30.264,0:00:34.626
Lad os starte med at tegne et rektangel.

0:00:34.626,0:00:40.248
Jeg kopierer 'rect()' herfra,[br]men ændrer fyldfarven til hvid.

0:00:40.248,0:00:44.902
Lad os nu putte det i en 'if' sætning.

0:00:44.902,0:00:48.520
Du kan se de krøllede parenteser[br]autofuldføres for mig

0:00:48.520,0:00:50.291
og jeg kan flytte dette inden i dem.

0:00:50.291,0:00:53.905
Ok, hvornår vil jeg vise dette rektangel?

0:00:53.905,0:01:00.681
Jeg vil vise det, når >(mouseX < 200)<

0:01:00.681,0:01:07.019
Det virker, men når jeg går herned,[br]så er det der stadigvæk.

0:01:07.019,0:01:10.236
Så jeg skal også tjekke 'mouseY'.

0:01:10.236,0:01:12.698
Hvordan tjekker jeg dem begge?

0:01:12.698,0:01:17.748
Det er derfor vi har en 'OG' operator,[br]som bruges når flere betingelser tjekkes.

0:01:17.748,0:01:26.313
Vi taster blot >&&< og vores næste[br]betingelse >mouseY < 200<.

0:01:26.313,0:01:30.661
Nu vises det ikke mere når jeg er her,[br]men når jeg er her - hurra!

0:01:30.661,0:01:36.185
Lad os lave det næste kvadrat,[br]for at se hvordan det gøres.

0:01:36.185,0:01:38.402
Vi skal lige ændre nogle ting.

0:01:38.402,0:01:42.142
Vi bruger dette rektangel i stedet og

0:01:42.142,0:01:45.638
vi skal naturligvis ændre betingelserne,[br]så det vises når bolden er der.

0:01:45.638,0:01:53.480
Vi taster >mouseX > 200< og[br]'mouseY' skal stadig være mindre end 200.

0:01:53.480,0:01:55.459
Flot, se engang!

0:01:55.459,0:02:02.419
I foursquare, når bolden rammer kanterne,[br]disse linjer i midten og hjørnerne,

0:02:02.419,0:02:04.681
så råber vi altid "Edge ball".

0:02:04.681,0:02:07.132
Det vil jeg også gøre her.

0:02:07.132,0:02:10.392
Lad os taste[br]>text("EDGE BALL!!!!", 200, 200);<

0:02:10.392,0:02:14.822
så det er i midten og lave fyldfarven rød.

0:02:14.822,0:02:19.775
Det skal kun vises,[br]hvis bolden er på en kant,

0:02:19.775,0:02:25.913
så vi laver en 'if' sætning og[br]flytter denne kode ind.

0:02:25.913,0:02:28.520
Hvornår skal det ske?

0:02:28.520,0:02:36.706
Der er en kant i midten,[br]når (mouseX === 200).

0:02:36.706,0:02:41.249
Skriver den "EDGE BALL!!!!"?

0:02:41.249,0:02:43.534
Sådan! "EDGE BALL!!!!"?

0:02:43.534,0:02:52.296
Det vises langs denne midterlinje,[br]men det skal også virke på denne linje.

0:02:52.296,0:03:02.027
Så vi tilføjer >&& mouseY === 200<,[br]da midterlinjen er der.

0:03:02.027,0:03:08.315
Okay, nu er der ingenting der virker…

0:03:08.315,0:03:10.503
Jo midten virker!

0:03:10.503,0:03:16.034
Det er fordi jeg bruger 'OG',[br]så det vises kun når begge er sande

0:03:16.034,0:03:17.936
og det er jo kun i midten.

0:03:17.936,0:03:21.994
Jeg skal jo egentlig sige,[br]når enten den eller den anden er sand

0:03:21.994,0:03:24.413
og her bruger vi operatoren 'ELLER'.

0:03:24.413,0:03:26.959
Operatoren 'ELLER' ser således ud ‖

0:03:26.959,0:03:31.809
Vi kalder symbolet lodret streg,[br]og du har nok ikke brugt det før.

0:03:31.809,0:03:35.629
Det kan være lidt svært[br]at finde på dit tastetur.

0:03:35.629,0:03:39.282
Forhåbentlig har du det på dit tastetur.

0:03:39.282,0:03:42.050
Okay, lad os se, om det virker.

0:03:42.050,0:03:46.424
Det virker her, her og her. [br]Flot!

0:03:46.424,0:03:49.273
Vi kan fortsætte med[br]at tilføje flere betingelser.

0:03:49.273,0:03:52.311
Du kan have lige så mange 'OG'[br]og 'ELLER' som du vil.

0:03:52.311,0:03:55.643
Hvis du vil have 6 forskellige[br]betingelser, så kan du absolut gøre det.

0:03:55.643,0:03:57.881
Vi er jo ikke færdige med kanterne endnu,

0:03:57.881,0:04:04.466
så vi tilføjer > || mouseX < 3<.

0:04:04.466,0:04:08.877
Flot! - det er den kant der.

0:04:08.877,0:04:14.747
>|| mouseX > 397<.

0:04:14.747,0:04:17.265
Sådan flot.

0:04:17.265,0:04:21.372
Vi kan gøre det samme for alle kanterne.

0:04:21.372,0:04:23.712
Det er altså 'OG' og 'ELLER'.

0:04:23.712,0:04:27.653
Nu kan du lave mere og mere komplekse[br]betingelser i dine programmer.

0:04:27.653,0:04:30.972
Det er en god ting,[br]da verden er et komplekst sted.