Condiciones

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.