0:00:01.005,0:00:04.721
Ahora hablemos de condiciones más complejas que puedes evaluar con tus programas.

0:00:04.721,0:00:08.061
Para mostrarlas, he preparado la pantalla para que se vea como un juego que yo solía jugar

0:00:08.061,0:00:09.348
Cuatro cuadros.

0:00:09.348,0:00:14.851
Hay cuatro cuadros (el nombre del juego es acertado), y te paras en un cuadro y rebotas tu pelota a los otros cuadros.

0:00:14.851,0:00:18.657
Ahora dibujaré una elipse por donde pase mi ratón, para que sea nuestra pelota

0:00:18.657,0:00:23.490
Lo que quiero hacer es resaltar el cuadro en el que se encuentra la pelota, dibujando un rectángulo blanco en la parte superior.

0:00:23.490,0:00:29.682
Sé que necesito una sentencia "if" para hacer eso, porque sólo quiero hacerlo con uno a la vez, sólo cuando estoy sobre ese rectángulo

0:00:29.682,0:00:34.392
Ok, empecemos dibujando ese rectángulo.

0:00:34.392,0:00:39.903
Así que sólo copiaré el rectángulo de ahí, pero lo voy a rellenar con un color diferente, un relleno blanco

0:00:39.903,0:00:43.955
Bien. Ahora vamos a ponerlo en un "if"

0:00:43.955,0:00:50.501
Puedes ver que autocompleta las llaves, así que tengo que mover esto dentro de ellas.

0:00:50.501,0:00:53.964
Ok. Entonces, ¿cuándo tengo que mostrar ese rectángulo?

0:00:54.027,0:01:00.891
Bueno, sé que debo hacerlo cuando la posición de "x" del mouse sea menor que 200 (mouseX < 200)

0:01:00.891,0:01:07.072
Eso funciona, pero cuando me pongo aquí abajo, el rectángulo sigue blanco.

0:01:07.072,0:01:10.348
Así que también necesito revisar "mouseY".

0:01:10.348,0:01:13.269
Bueno, ¿cómo compruebo las dos cosas?

0:01:13.269,0:01:14.938
Es por eso que tenemos el operador "AND"

0:01:14.938,0:01:17.848
Así que usamos el operador "AND" cuando queremos comprobar múltiples condiciones.

0:01:17.848,0:01:26.190
Entonces sólo escribimos "&&" y luego escribimos la siguiente condición, "mouseY < 200".

0:01:26.190,0:01:30.324
Así que no lo resalta cuando estoy aquí y ¡sí lo hace cuando estoy aquí! ¡Yeey!

0:01:30.893,0:01:36.185
Hagamos el siguiente cuadro, sólo para probar que esto funciona.

0:01:36.185,0:01:38.682
Muy bien, sólo tenemos que cambiar algunas cosas.

0:01:38.682,0:01:45.394
Ahora tenemos que tomar este rectángulo y obviamente cambiar las condiciones por las que no se está resaltando.

0:01:45.394,0:01:52.962
Así que en esta ocasión, "mouseX" necesita ser más grande que 200 y "mouseY" seguir siendo menor que 200.

0:01:52.962,0:01:55.789
Hermoso, ¡miren eso!

0:01:55.789,0:02:02.252
Muy bien, ahora en Cuatro Cuadros, cuando la pelota pega en los bordes, es decir, en las líneas del centro y las esquinas

0:02:02.298,0:02:04.511
gritamos "¡Edge Ball!" ("¡Fuera!")

0:02:04.819,0:02:10.392
Y lo quiero hacer aquí también. Empecemos por escribir "EDGE BALL"

0:02:10.392,0:02:14.822
Y lo voy a escribir en medio y con letras rojas.

0:02:14.822,0:02:19.775
Muy bien, y sólo quiero que esto pase si estoy en los bordes.

0:02:19.775,0:02:22.511
Así que voy a añadir un "if",

0:02:22.511,0:02:25.853
y mover este código dentro del "if".

0:02:26.553,0:02:28.775
Entonces, ¿cuándo quiero que esto ocurra?

0:02:28.775,0:02:36.936
Bueno, hay bordes en el centro, así que el centro es cuando "mouseX === 200"

0:02:36.936,0:02:40.404
Muy bien, vamos a ver. Voy a poner la pelota en el borde.

0:02:40.404,0:02:43.817
Aquí voy. ¡EDGE BALL!

0:02:43.817,0:02:49.403
Ok. Mmm. Esto sólo funciona para esta línea del centro.

0:02:49.403,0:02:52.130
Pero quiero que funcione también para esta otra línea.

0:02:52.130,0:03:02.820
En ese caso, quiero que "mouseY === 200", porque ahí es donde está la línea del centro.

0:03:02.820,0:03:08.065
Ok, vamos a ver, no está funcionando. Nada está funcionando.

0:03:08.065,0:03:10.800
Oh, sólo funciona aquí, en el punto central.

0:03:10.800,0:03:18.334
Bueno, eso es porque usé un "AND", y lo va a hacer sólo si las dos condiciones aquí son verdaderas, y eso sólo pasa en el punto central.

0:03:18.334,0:03:22.104
Entonces, lo que en realidad quiero decir es: "si cualquiera de esas condiciones es verdadera".

0:03:22.104,0:03:24.697
Así que usaremos el operador "OR".

0:03:24.697,0:03:27.470
El operador OR se escribe así: "||".

0:03:27.470,0:03:31.628
A esos símbolos los llamamos plecas o barras verticales, y probablemente nunca los habías usado.

0:03:31.628,0:03:35.763
Tienes que buscarlos en tu teclado, generalmente están en la parte superior derecha.

0:03:35.763,0:03:39.385
Esperemos que lo tengas en tu teclado.

0:03:39.385,0:03:42.284
¿Todo bien? Sensacional, vamos a ver si funciona...

0:03:42.284,0:03:46.695
Muy bien, sí funciona aquí y aquí y también aquí, hermoso...

0:03:46.695,0:03:49.491
podemos seguir añadiendo condiciones aquí,

0:03:49.491,0:03:52.601
así que con "AND" y "OR", puedes tener tantas condiciones como quieras,

0:03:52.601,0:03:55.793
si necesitas comprobar 60 condiciones diferentes, puedes hacerlo completamente, ok.

0:03:55.793,0:03:59.101
No hemos tenido cuidado de todos los bordes ...

0:03:59.101,0:04:04.650
digamos que "mouseX" es menor que 3.

0:04:04.650,0:04:08.352
Eso sería ... aquí vamos, ese pequeño borde de aquí.

0:04:08.352,0:04:09.876
Muy bien.

0:04:09.876,0:04:14.760
O "mouseX" es mayor que 397 ("mouseX > 397")

0:04:14.760,0:04:17.767
Aquí está... ¡hermoso!

0:04:17.767,0:04:21.534
Entonces podemos hacerlo para todos los bordes.

0:04:21.534,0:04:27.696
Así que... ¡sí!, existe "AND" y "OR" y ahora puedes ver cómo construir condiciones mucho más complejas en tus programas.

0:04:27.696,0:04:31.696
Y eso es bueno, porque el mundo es un lugar complejo.