agsdix-fas fa-child

¡Colores!

Con esta actividad aprenderás cómo se representan los colores en las pantallas.

info outline icon
Actividad básica; Potenciómetro; Bucle principal; Representación de los colores,

¿Qué vamos a hacer?

¿Eres Profesor?

Plan de clases

Cursos

  • Grados 3-12
  • Cursos 3º básico – 4º medio

Materiales

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

Descripción

En esta actividad, los estudiantes pueden experimentar con Protobject, aprendiendo de programación visual y ciencias de la computación con un dispositivo de manera segura y lúdica.

Objetivos educativos

  • Entender el concepto de color y cómo se representa.
  • Elaborar un objeto tecnológico (prototipo) mediante el uso de un dispositivo.
  • Identificar relaciones entre la tecnología y el mundo que los rodea.
  • Evaluar el trabajo personal y de otros en trabajo individual o en equipo.
  • Dialogar y reflexionar sobre ideas de mejoramiento.

Inicio (10 minutos)

Dales la bienvenida a las y los estudiantes a la clase y brevemente introduce la actividad del día:

Hoy aprenderemos cómo se representan los colores.

Comenzaremos la clase entregándoles conocimiento técnico a los estudiantes para el aprendizaje significativo de la actividad práctica.

Para abrir la clase podemos empezar con una pregunta:

¿Saben cómo se representan los colores?

El color no es nada más que la interpretación que hace nuestro cerebro de la luz a nuestro alrededor. Cuando un objeto se ilumina, este absorve gran cantidad de la luz recibida, reflejando otro poco. Es precisamente esa luz reflejada la que llega a nuestros ojos y nos permite verlo.

Para mezclar colores no debemos olvidar que estamos hablando de luz, entonces para obtener colores debemos encontrar manera de mezclar los rayos de luz. Dado esto, si mezclamos todos los colores de la luz, obtenemos la luz blanca. Por el contrario, en caso de tener ausencia de color, ausencia de luz obtenemos el color negro. En esta Actividad veremos los dos modelos principales con los que se mezclan y representan colores: Síntesis Aditiva y Síntesis Sustractiva.

Desarrollo (20-30 minutos)

Conectamos nuestro equipo a la plataforma de Protobject, esto hará que podamos utilizar la pantalla que queremos crear  con comandos de programación que mostrará el cronómetro.

Para realizar la parte práctica de la actividad debes seguir los pasos de la sección “Prototipar“. Recuerda  experimentar con anterioridad tú mismo antes de pedirle a los estudiantes experimentar con Protobject.  De esta manera podrás prever preguntas que puedan surgir en los estudiantes.

Cierre (5-10 minutos)

Ahora que ya sabes cómo funcionan los colores, pregúntate:

¿Qué colores debo mezclar para formar mi color favorito?
¿En qué contexto se puede usar la Síntesis Aditiva?
¿En qué contexto se puede usar la Síntesis Sustractiva?
¿Qué otro prototipo se te ocurre crear con esta nueva información?

¡Estamos listos para seguir programando!

 

Para resolver el desafío planteado se puede definir una variable que vaya cambiando en cada iteración. Una forma de jugar con esta idea, es crear una variable e ir cambiando qué color controla. De esta forma, podemos ver cómo afectan los colores primarios en el resultado final.

Revisar la solución al desafío.

agsdix-fas fa-book-reader

Aprender

¿Cómo vemos colores?

Cuando un objeto se ilumina, este absorve gran cantidad de la luz recibida, reflejando otro poco. Es precisamente esa luz reflejada la que llega a nuestros ojos y nos permite verlo.

Por ejemplo, si vemos una manzana roja, significa que está absorviendo toda la luz que le llega, excepto la roja. Luego, esos rayos de luz reflejados llegan a nuestros ojos, ¡Por eso la vemos roja!

Un objeto que no refleja luz no se puede ver, ¡Es transparente!

¿Y cómo mezclamos los colores?

Para obtener colores debemos encontrar manera de mezclar los rayos de luz. Dado esto, si mezclamos todos los colores de la luz, obtenemos la luz blanca. Por el contrario, en caso de tener ausencia de color o de luz, obtenemos el negro.

Esto lo puedes ver incluso en la naturaleza. Luego de la lluvia, la humedad en el aire es capaz de separar los rayos de luz blanca del sol en todos sus componentes… ¡Formando un arcoiris!

Actualmente existen dos modelos para representar colores: Síntesis Aditiva y Síntesis Substractiva.

Síntesis Substractiva

En este modelo se dice que el color de un objeto depende completamente de la luz reflejada por este. Entonces si cambiamos qué colores absorbe y refleja, decimos que le substraemos un color.

Aquí se consideran como colores primarios el Cian, Amarillo y Magenta, es decir, de estos tres colores se desprenden los otros:

  • Magenta + Cian = Azul
  • Amarillo + Cian = Verde
  • Magenta + Amarillo = Rojo

Como estamos modificando qué colores se absorben por el objeto, la suma de los tres colores resulta en Negro, porque no se reflejaría nada.

Este modelo es usado principalmente al manejar objetos que no emiten luz, sólo la reflejan. Ejemplo de esto es la impresión de fotografías a color, tintes para el cabello y pinturas.

Síntesis Aditiva

En este modelo, se explica la obtención del color por la suma de diferentes luces. Esta nos permite ver la separación de colores y reproducirlos en pantallas.

En este caso, se consideran como colores primarios el Rojo, Verde y Azul, cuyas sumas generan un color secundario:

  • Rojo + Verde = Amarillo
  • Verde + Azul = Cian 
  • Rojo + Azul = Magenta

Dado que ahora mezclamos luces, la suma de los tres colores primarios da paso a la Luz Blanca.

El principal uso de este modelo es en representación de colores en televisores y monitores.

¿Y cómo es en un monitor?

Como mencionamos antes, el modelo usado por un monitor es la Síntesis Aditiva, dado que el monitor emite luz, no la refleja.

Un monitor está compuesto de millones de LED muy pequeñitos que se agrupan de a tres, cada uno con un color primario. Entonces para representar un color específico, lo que se hace es prender cada LED en cierta intensidad, mezclando las luces y formando un color. ¡Esto se hace para cada pixel de la pantalla!

Construir

Vamos a crear un prototipo que permita cambiar el color de una luz.

Necesitamos 4 dispositivos: 1 luz, y 3 mandos giratorios (uno para cada color primario).

1

Presiona  Agregar dispositivo , selecciona  Lámpara  y presionar  Abrir en esta ventana  para abrir la lampara en el mismo computador.

2

Presiona  Dispositivos  →  Agregar dispositivo  y selecciona  Perilla  escaneando el códigos  QR  con el primer smartphones para poder controlar el color rojo.

3

Abre otros dos dispositivos de tipo  Perilla  en otros dos smartphone, para poder controlar los colores verde y azul.

¡Estamos listos para empezar a prototipar!

Composición del código

Haz click en question circle icon para abrir los comentarios que explican el código.

agsdi-bulb-options

Reflexionar

Ahora que ya sabes cómo funcionan los colores, pregúntate:

¿Qué colores debo mezclar para formar mi color favorito?
¿En qué contexto se puede usar la Síntesis Aditiva?
¿En qué contexto se puede usar la Síntesis Sustractiva?

plus square icon

Desafío: ¡Hagamos una lámpara que cambie de color gradualmente sin que sea controlada por una o mas perillas!

Pista: Se puede usar un bucle para incrementar una variable desde 0 a 100 (usando un temporizador) y usar esta variable como valor de color. Podría jugar con diferentes variables para diferentes colores primarios.

En la próxima actividad ¡vamos a crear un sensor de inclinación para colgar cuadros!