Saltar la navegación

5.3. Iteraciones y bucles

1. Bucles

Un bucle o ciclo, en programación, es una secuencia de instrucciones de código que se ejecuta repetidas veces, hasta que la condición asignada a dicho bucle deja de cumplirse.

Para trabajar los bucles, debes ir leyendo y realizando en el  IDE de Processing todos los ejemplos para ver el resultado. Además es muy conveniente que pruebes a cambiar los valores de las variables y observes el resultado en cada caso.

Bucle for()

Bucle for(): son estructuras típicas de programación informática, que actúan de forma iterativa o repetitiva.

En el caso del bucle for se puede traducir como DURANTE, se indica un valor en el cual va a empezar la iteración, un valor final que va indicar el fin del bucle, y un incremento que va a indicar cómo varía cada iteración respecto a la siguiente.
La estructura es la siguiente:

for  (punto de inicio;  punto final;  incremento) { instrucciones}

Bucle for

Ejercicio: Dibuja con bucles for la siguiente cuadrícula de 200 por 200.

Cuadrícula

Bucle While()

 while (MIENTRAS): Es un bucle que se repite infinitamente mientras la expresión de dentro del paréntesis sea cierta.

La estructura es la siguiente:

int i=0; //con esta línea se declara la variable contador

while (condición que se debe cumplir)  {
instrucciones a realizar;
i=i+nº; //esta fórmula incrementa la variable contador que queremos o si podemos "_" disminuye
}

Bucle while

Ejercicio: Realiza la cuadrícula del ejercicio anterior utilizando ahora bucles While.

2. FOR (N=1 hasta N=3) {realizar ejercicio N}

Utilizando los bucles FOR realiza los siguientes ejercicios con Processing:

Ejercicio 1

1. Crea un programa usando la orden for (...) {...} que muestre una ventana de 250x250 en la que se dibujen líneas que partan de puntos del lado izquierdo de la ventana separados 10 píxeles y lleguen a puntos del lado derecho separados también 10 píxeles pero en orden contrario.

Resultado

Ejercicio 2

Trata de conseguir un dibujo similar al siguiente.

Resultado ejercicio 2

 Las condiciones que debes cumplir son:

  1.  Se trata de dibujar cuadrados en diagonal en una ventana.  En el ejemplo la ventana es de 300x300 y se ha dibujado 6.
  2.  El vértice superior izquierdo de cada cuadrado siempre está a la misma distancia del anterior, tanto en coordenadas X como Y. En el ejemplo, esta distancia es de 50 píxeles.
  3.  Cada cuadrado tendrá un tamaño cada vez menor que el anterior.

En el modelo presentado se ha hecho de la forma siguiente:

  • El primer cuadrado mide 1/3 del tamaño de la ventana
  • El segundo cuadrado mide 1/4 de la ventana
  • El tercer cuadrado mide 1/5
  • Así hasta llegar al sexto cuadrado, que mide 1/8 del tamaño de la ventana.

Ejercicio 3

Realiza un algoritmo con dos for anidados para que dibuje un patrón como siguiente diseño:

Resultado ejercicio 3

  • La ventana es de 300x300.
  • Los círculos son de 25 de radio.
  • Recuerda que con fill(r,g,b); damos color al relleno y con background (r,g,b); al fondo.