Las declaraciones if y else permiten que un bloque de código se ejecute solo cuando cierta condición es verdadera. Este ejemplo solo se anima cuando se mantiene presionado el mouse. Esto se debe a la declaración if en la línea 59. Puedes leer más sobre las declaraciones if y else en la referencia de p5 o en MDN.
Los operadores de comparación ayudan a formar condiciones al comparar dos valores. En este ejemplo, el tono del círculo se reinicia a cero cuando el tono es al menos 360 debido a la declaración if en la línea 69. Puedes leer más sobre los operadores de comparación en MDN.
Los operadores lógicos permiten combinar condiciones. && verifica que ambas condiciones sean verdaderas. El círculo en este ejemplo tiene un relleno negro cuando está hacia el centro horizontal del lienzo, y tiene un relleno blanco cuando no lo está. Esto se debe a la declaración if en la línea 45, que verifica que la posición x del círculo sea al menos 100 y también no más de 300. || verifica que al menos una de las condiciones sea verdadera. El círculo invierte su velocidad horizontal cuando llega al borde izquierdo o derecho del lienzo debido a la declaración if en la línea 75.
Ejemplos Relacionados
![](/_astro/02_Animation_And_Variables-00_Drawing_Lines-thumbnail.BGeLQQcM_Z2a4Pa8.webp)
No alt text
Dibujando Líneas
Dibuja con el ratón.
![](/_astro/02_Animation_And_Variables-01_Animation_With_Events-thumbnail.NdY11NOL_S55Ev.webp)
No alt text
Animación con Eventos
Pausar y reanudar la animación.
![](/_astro/02_Animation_And_Variables-02_Mobile_Device_Movement-thumbnail.CxvA2C-z_GnR3U.webp)
No alt text
Movimiento en Dispositivo Móvil
Animar basado en el movimiento del dispositivo.
![](/_astro/02_Animation_And_Variables-03_Conditions-thumbnail.D2wpvlE-_yfQPJ.webp)
No alt text
Condiciones
Utiliza declaraciones if y else para tomar decisiones mientras se ejecuta tu sketch.