Sentencias lógicas

Puedes encontrar toda la documentación de P5.js aquí: P5 Reference

Las sentencias condicionales permiten que el programa ejecute un bloque de código dependiendo del resultado de una expresión que use operadores relacionales o operadores lógicos.

Tipos de operadores

Asignación

• =

Matemáticos

• + suma
• - resta
• * multiplicación
• / división
• % módulo
• ++ sumar uno abreviado
• -- restar uno abreviado

Relacionales

• > mayor que
• < menor que
• >= mayor o igual que
• <= menor o igual que
• == igualdad
• != desigualdad
• === igualdad con chequeo de tipo
• !== desigualdad con chequeo de tipo

Lógicos

• || O lógico
• && Y lógico
• ! NO lógico

Tabla de ejemplo de operadores lógicos o booleanos

x	y	x && y	x || y	!x	!y
true	true	true	true	false	false
true	false	false	true	false	true
false	true	false	true	true	false
false	false	false	false	true	true

Condicionales

if

var x = 1;
if (x > 0) {
  // si x es mayor que 0, ejecuta este bloque de código
}

if, else

var x = 1;
if (x > 0) {
  // si x es mayor que 0, ejecuta este bloque de código
} else {
  // si lo anterior no se cumple, ejecuta este otro bloque de código
}

if, else if, else

var x = 1;
if (x > 5) {
  // si x es mayor que 5, ejecuta este bloque de código
} else if (x < -5) {
  // si x es menor que -5, ejecuta este otro bloque de código
} else {
  // si nada de lo anterior se cumple, ejecuta este otro bloque de código
}

Práctica 07

Si el ratón está de en la parte izquierda del lienzo dibuja un círculo, si está en la parte derecha, dibuja un cuadrado.
Ejemplo Código

Práctica 08

Dibuja un cuadrado. Usando operadores relacionales y lógicos, haz que cuando pase el ratón por encima cambie de color.
Ejemplo Código

Práctica 09

Haz que el círculo de la práctica 06 no se salga del lienzo y vuelva cuando llegue al borde del mismo.
Ejemplo Código

Práctica 10

Prueba a usar la variable de P5 mouseIsPressed para cambiar el color del fondo en la práctica 08 cuando el ratón haga click encima del cuadrado.
Ejemplo Código

Práctica 11

Prueba a usar una variable booleana creada por ti, para cambiar el color del fondo en la práctica 08 cuando el ratón pase por encima del cuadrado.
Ejemplo Código