Más Ciclo While (Versión en Video )

Ahora que has aprendido los fundamentos sobre ciclos, continuemos y hagamos un impresionante ciclo de dibujo como éste,

Ballon Hooper flotando a través de un cielo hermoso.

Así como yo escribí este programa desde el principio, quiero que pienses cómo lo harías tú, porque muy pronto lo harás.

Así que en primer lugar, siempre ayuda descomponer tu programa en pasos.

Empezaremos por dibujar estos globos, que es la misma elipse repetida una y otra vez, y que parece que es trabajo para un ciclo.

Luego vamos a poner estas líneas y al final vamos a poner a Ballon Hopper.

Muy bien, aquí tenemos una pizarra en blanco. Que puede ser muy intimidante.

Algunas veces, esto ayuda a hacer las cosas un poco más amigables, añadiendo un fondo, sólo para entrar en el ritmo de las cosas.

Ahora, como vamos a hacer un ciclo, lo primero que debemos pensar es en las preguntas para ciclos que hicimos la última vez.

Y esta vez lo haremos un poco rápido, así que si necesitas recordarlo, puedes revisar "Introducción al ciclo While".

Ahora, la primera pregunta es: "¿Qué queremos repetir?"

Tratemos de dibujar este primer globo. Porque queremos repetir estos globos.

Puedes seguir adelante y escribirlo, tal vez como esto, bueno este es un poco pequeño y no está en el lugar correcto,

así que tratemos de moverlo un poco.

Y esto es parte de la programación, tratas de hacer algo y te das cuenta de que no es lo que querías, así que lo intentas de nuevo y finalmente cada vez estás más cerca.

Ok, ahora probablemente necesitamos agregar color, ¿cierto? No pensamos en esto cuando estamos revisando los pasos, podemos decir que esto es parte de dibujar el globo.

¿Todo bien? A continuación tenemos que pensar en qué queremos estar cambiando exactamente de nuestro globo durante el ciclo.

Bueno, queremos dibujar globos a lo largo de la pantalla, ¿no es así? Queremos que los globos queden dibujados aquí, aquí y aquí,

y queremos que la computadora lo haga porque yo dibujo muy mal.

Así que podemos hacer eso simplemente cambiando este primer número que, como recordarás, controla la posición de "x": la posición de los lados.

Pero esto se ve un poco incompleto, ¿cierto? no es como el dibujo tan agradable que teníamos antes.

Así que en lugar de esto, digamos que tenemos esta "x", para la posición de "x", y que la vamos a hacer una variable, como la teníamos antes.

Y ahora vamos a estar cambiando la variable que está dentro de nuestro ciclo, vamos a usar un ciclo "while",

y luego dentro de nuestro ciclo vamos a decir que "x" va a cambiar cada vez, digamos en 20.

Y luego movemos esta elipse dentro del ciclo, con mucho cuidado, no debemos mover esta declaración de variable dentro del ciclo,

porque si lo hacemos perderemos tiempo pensando qué es lo que está mal.

En realidad valdría la pena que lo probaras por tu cuenta, si eres curioso.

Ok, ahora nuestra tercera pregunta es: "¿Hasta cuándo queremos repetir?"

Podemos pensar en repetir esto básicamente hasta que rebasemos el borde de la pantalla.

Así que probablemente hasta que "x" sea menor que 400.

Entonces, esto que resultó se ve bien, ¿cierto? Pero no es lo que habíamos imaginado.

Así que como la vez anterior, hacemos las correcciones necesarias para obtener lo que habíamos imaginado.

En primer lugar las elipses quedaron encimadas, así que arreglemos eso.

Ok, eso es bueno para darles un poco de espacio para respirar.

Pero ya sabes, tal vez estamos yendo un poco lejos de la orilla de la pantalla, así que tenemos cambiar el punto final, y hacer que empiecen a desaparecer

las elipses que están acá, ya sabes, aquí, porque estamos diciendo que tan pronto como "x" llegue aquí, debe dejar de dibujar.

Y es lo que dice esta parte del ciclo.

¿Ok? Y también podemos decir, "Queremos mover un poco las elipses," queremos moverlas todas hacia abajo,

y queremos, ya sabes, cambiar el tamaño un poco, y lo más interesante del ciclo "while" es que podemos hacerlo para todos los globos al mismo tiempo.

Muy bien. Perfecto.

Bueno, ahora veamos estos globos, estaría bien ponerles cuerdas. Si queremos podemos poner cuerdas,

sino los globos se van a ir flotando.

Así que necesitamos una línea para cada uno. Podemos poner las líneas iniciando en el centro de cada uno de los globos,

sólo para hacerlo más fácil, y las vamos a unir todas en el mismo punto, como esto.

Así que ¿cómo podemos hacer que el programa haga eso, en lugar de que nosotros dibujemos esas líneas?

Entonces podemos pensar que, si queremos repetir algo, lo podemos poner dentro de este ciclo "while", así que continuemos y dibujemos esa línea.

Y si queremos que quede en el centro de la elipse, tenemos que empezar con esas dos coordenadas, así que podemos hacerlo.

Y puedes poner el punto donde quieres que termine, ya sabes, donde sea. ¡Y ese, está muy cerca!

Pero de nuevo, no es perfecto, lo tenemos que arreglar, pero primero vamos a arreglar esta cosa tan fea que tenemos aquí.

La línea que dibujamos está sobre el globo, y eso no está bien.

Lo que queremos realmente es que el globo cubra la línea, y podemos arreglarlo simplemente cambiando el orden.

Has visto muchas cosas de las que has aprendido aplicadas aquí al mismo tiempo.

Muy bien, eso es bueno, pero tal vez queremos cambiar el color de esas líneas, y ¿cómo hacemos eso si realmente estamos haciendo este programa por nosotros mismos?

Bueno, podemos revisar la documentación.

O podemos ver el video de la documentación si no sabemos cómo hacer eso.

Entonces, podemos continuar y usar "stroke()" para seleccionar el color de las líneas,

y hacerlas, no sé, ¿tal vez de este color?

¡Y es hermoso! Ahora, para terminar, todo lo que tenemos que hacer es dibujar a Hooper. Y tenemos que ponerla como una imagen, como ésta,

y puedes ver la documentación para saber como lo hice; sólo nos queda moverla un poco, para que parezca que está sujetando los globos así

y flotando por el cielo.

¡Y aquí la tenemos! ¡Terminamos! Puedes tratar de decorar los globos, ya sabes, puedes pensar en agregar cosas a este ciclo para hacer los globos un poco más bonitos,

e incluso usar un ciclo en tu próximo dibujo.