4 - ¡Arte en pantalla! Diseña un paisaje digital con Octabio
¿Qué es la pantalla de Octabio?
Es una pantalla LCD a color donde puedes mostrar texto, gráficos y figuras. Funciona como un espacio donde puedes ubicar elementos visuales en posiciones específicas.
¿Cómo ubicarnos en la pantalla?
Piensa en la pantalla como un mapa cuadriculado.
Cada punto en la pantalla tiene una ubicación exacta usando estos dos valores.
Vamos a ver cómo funcionan algunos de los bloques de programación que vamos a usar:
Nuevos bloques de programación: Pantalla para preparación del área de dibujo
Nuevos bloques de programación: Pantalla para escribir texto.
1. Escribir información con Octabio
La pantalla de Octabio también puede funcionar como una pequeña tarjeta digital. En esta actividad vas a explorar cómo mostrar información de forma ordenada y visualmente clara, usarás distintos bloques de texto para ubicar cada elemento en un lugar específico de la pantalla. La idea no es solo escribir, sino empezar a diseñar cómo se ve la información.
Carga el siguiente programa en Octabio. Este muestra tres textos en diferentes posiciones: un título arriba, un mensaje en el centro y una firma abajo a la derecha, cada uno con un color distinto.
Tu programa en Octabio se verá de la siguiente forma:
La pantalla trabaja como una cuadrícula de 240 × 240 píxeles. El punto de referencia está en la esquina inferior izquierda y aumenta hacia la derecha y arriba. Puedes usar esta cuadrícula para obtener las coordenadas de los puntos que quieres.
Ahora prueba escribir lo que quieras, ubicarlo en cualquier parte de la pantalla, cambiar colores y tamaños para mostrar tus propios mensajes con Octabio.
2. Figuras en la pantalla
Ahora vamos a aprender cómo usar los bloques que permiten dibujar las figuras geométricas básicas y cómo desplazarnos en la pantalla. a continuación verás que las figuras geométricas se construyen a partir de puntos y magnitudes. Cada punto tiene una coordenada X y Y dentro de la pantalla.
Nuevos bloques de programación: Pantalla - líneas y figuras
Tu misión será dibujar cada una de estas figuras dentro de la pantalla de Octabio. A continuación encontrarás una cuadrícula con las coordenadas y las medidas que debes usar como guía. Con esos datos, vas a programar cada figura usando los bloques correspondientes para que en la pantalla aparezcan con una distribución similar a la del ejemplo. Puedes cambiar los colores del fondo y de las figuras, pero lo más importante es que comprendas cómo funcionan estos bloques y cómo ubicar cada elemento correctamente dentro de la pantalla.
3. Paisaje digital
Ahora vas a usar todo lo que has aprendido para construir una escena completa en la pantalla. Para empezar, trabajarás con un ejemplo: se te proporcionará el código de un paisaje nocturno, el cual podrás ejecutar y analizar para entender cómo se construye una composición usando figuras, colores y posiciones.
Observa con atención cómo está organizado ese paisaje. Fíjate en el orden en que aparecen los elementos, los colores que se usan y cómo cada figura ocupa un lugar específico en la pantalla.
Vamos a empezar con un pequeño ejemplo que te servirá como referencia para entender cómo combinar los bloques y cómo dar forma a una escena completa.
Nota: Podrás darte cuenta que algunos triángulos tienen puntos fuera del rango de la pantalla, esto se puede hacer para mostrar solo una parte de la figura, esto no genera un problema, simplemente la parte que queda por fuera no se dibuja.
Después de explorar el ejemplo, será tu turno de crear, deberás diseñar tu propio paisaje. Puedes inspirarte en el ejemplo inicial o proponer una escena completamente diferente. Piensa tu diseño por capas, por ejemplo: comienza con el fondo, elementos del cielo, las montañas, el suelo y por último una casita.
Lo importante aquí no es copiar exactamente, sino entender cómo usar coordenadas, tamaños, colores y orden de aparición para construir una imagen con intención.
Reto:
Crea tu propio paisaje digital partiendo del ejemplo dado. Puedes transformarlo en una versión diferente (por ejemplo, cambiar de noche a día, agregar nuevos elementos o modificar la escena) o diseñar uno completamente nuevo que represente un lugar, una idea o un ambiente creado por ti. A continuación tienes algunas ideas de paisajes que puedes crear, puedes hacer tu dibujo dentro de una cuadrícula y así te quedará más fácil obtener los puntos de ubicación de las figuras geométricas.
4. Burbujas
Ahora vamos a crear un programa más dinámico usando figuras en la pantalla. En esta actividad vas a construir una especie de salvapantallas o animación de fondo para Octabio, dibujando burbujas de distintos tamaños en lugares aleatorios de la pantalla. La idea es que, cada vez que ejecutes el programa, la composición cambie y aparezca una nueva distribución de burbujas.
Para lograrlo, usarás el bloque “número al azar entre (...) y (...)” de la categoría de “Operadores”.Por eso, en las coordenadas x y y del círculo vas a usar números al azar entre 1 y 240, que corresponde al tamaño de la pantalla. Para el radio, usarás un valor aleatorio entre 5 y 20, de manera que algunas burbujas se vean pequeñas y otras más grandes. Así, en lugar de dibujar siempre la misma figura en el mismo lugar, vas a crear muchas variaciones siguiendo una misma idea visual.
Nuevos bloques de programación: Operadores
Lo más interesante de esta actividad es que te permite descubrir una idea muy poderosa de la programación: un mismo bloque puede dar resultados diferentes cada vez que cambian sus valores. Aquí ya no estás dibujando una figura fija, sino generando una composición variable a partir de reglas simples. Eso hace que tu programa se vuelva más vivo, más flexible y mucho más creativo.
Reto :
Puedes crear variaciones de esta animación usando diferentes figuras geométricas e incluso combinándolas, así mismo puedes combinar colores y hacerla mucho más divertida.