Arte Geométrico: Dibujando Polígonos

Cursos

• Grados 6-12

Materiales

• Celular, tableta o computadora
• Conexión a Internet

Objetivos Educativos

• Comprender el concepto de un bucle “while” en programación.
• Crear un objeto tecnológico (prototipo) utilizando un dispositivo.
• Identificar relaciones entre la tecnología y el mundo circundante.
• Evaluar el trabajo propio y el de los compañeros.
• Participar en diálogos y reflexiones sobre ideas de mejora.

Inicio (10 minutos) - El Bucle Condicional

1. Da la bienvenida a los estudiantes y presenta la actividad del día: “Hoy aprenderemos a dibujar formas geométricas complejas usando código.”
2. Introduce un nuevo tipo de bucle. Pregunta a la clase: “Hemos visto un bucle que se ejecuta para siempre. Pero, ¿y si queremos un bucle que se ejecute solo mientras una cierta condición es verdadera, y luego se detenga?”
3. Explica que esto es lo que hace un bucle “while”. Luego, conéctalo a una tarea real: dibujar un polígono. Pregunta: “¿Cómo dibujaríamos un cuadrado? Dibujamos un lado, giramos 90 grados, dibujamos otro lado… repetimos la acción ‘dibuja y gira’ mientras todavía nos queden lados por dibujar.” Esta es la introducción perfecta a la lógica que construirán.

El Bucle ‘Repetir Mientras’

Un bucle ‘repetir mientras’ es como un guardia persistente. Primero comprueba una condición. Mientras esa condición sea verdadera, ejecuta un bloque de código una y otra vez. En el momento en que la condición se vuelve falsa, el bucle se detiene. Esto es perfecto para situaciones en las que no se conoce el número exacto de repeticiones de antemano, pero se conoce el objetivo que se está tratando de alcanzar.

¿Qué es un polígono regular?

Un polígono regular es una forma en la que todos los lados tienen la misma longitud y todos los ángulos interiores son iguales. Conoces los simples: un triángulo equilátero (3 lados), un cuadrado (4 lados), un pentágono (5 lados). Pero, ¿qué pasa con un decágono (10 lados) o un icoságono (20 lados)? ¡Dibujarlos a mano sería muy tedioso!

El Secreto de la Geometría: 360 Grados

Aquí hay un truco de geometría genial: la suma de los ángulos exteriores de cualquier polígono regular es siempre 360°. Entonces, para averiguar cuánto necesita girar nuestro “lápiz” en cada esquina, ¡simplemente dividimos 360 por el número de lados!

• Triángulo: 360 / 3 = 120° de giro
• Cuadrado: 360 / 4 = 90° de giro
• Pentágono: 360 / 5 = 72° de giro

¡Combinemos bucles y geometría!

Observa el patrón repetitivo para dibujar cualquier polígono: dibuja una línea, luego gira. Repetimos este proceso hasta que hayamos dibujado todos los lados. ¡Este es un trabajo perfecto para un bucle repetir mientras! Podemos decirle al programa: MIENTRAS el número de lados que hemos dibujado sea menor que el número total de lados que queremos, HAZ la acción “dibuja y gira”.

Desarrollo (20-30 minutos) - El Generador de Polígonos

1. Ahora que los estudiantes comprenden la lógica de usar un bucle ‘while’ y las matemáticas simples detrás de los polígonos, es hora de construir su generador de formas.
2. Guíalos a través de las instrucciones para crear el programa que dibuja polígonos según la entrada de la perilla, como se detalla en la sección práctica a continuación. Presta mucha atención a la condición del bucle while (p. ej., while contador < lados) y cómo se calcula el ángulo de giro.

Cierre (5-10 minutos) - Codificación Creativa

1. Una vez que todos tengan un generador de polígonos interactivo, es hora de experimentar y jugar el papel de un codificador creativo.
2. Usa la sección final para desafiarlos a modificar las variables del programa. Esto los alienta a ver cómo pequeños cambios en el código pueden llevar a grandes cambios en el resultado visual, que es un concepto central en el arte generativo.

Desafío: Modificaciones Creativas de Código

Ahora que has implementado el generador de polígonos, ¡juguemos con el código!

• Mod #1: Control del Perímetro. ¿Cómo cambiarías el código para hacer el polígono más grande o más pequeño?
• Mod #2: Dirección de Giro. ¿Qué sucede si giras a la derecha en lugar de a la izquierda?
• Mod #3: Color Dinámico. ¿Cómo podemos cambiar el color de las líneas según el número de lados del polígono?