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.

Condiciones: Inspired by the Conditional Shapes Example by Prof. WM Harris. Revised by Caleb Foss. From 2024 onwards, edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.

You can find the code history of these examples here: pre-2023 code, 2023 revision code. You can suggest improvements by contributing to the current website!