Universidad Católica Andrés Bello

Facultad de Ingeniería

Escuela de Ingeniería Informática

Computación Gráfica (Mar - Jul 2013, TERM201322)

Tarea 4: Conversión de colores

El objetivo de esta tarea es hacer un programa interactivo para convertir un valor de color en el esquema de colores RGB a un valor de color en el esquema de colores HSV. Recuerden que  las tareas son individuales.

 

Una vez instalado Processing, la mejor manera de sumergirse en el desarrollo con Processing es abriendo el menú de Ejemplos en File->Examples. También ayuda la página de aprendizaje de Processing, y posteriormente la página de referencia. Para este programa usaremos las funciones de Processing para obtener la imagen de una webcam y hacer procesamiento de imágenes.

 

Processing tiene una variedad de ejemplos relacionados con color, y puede consultar en Internet el algoritmo para convertir valores RGB a HSV.

Lineamientos de la tarea

1         El objetivo del sketch de Processing que va a hacer es un convertidor gráfico de valores de color RGB a HSV (Hue-Saturation-Value). El sketch va a dibujar 4 rectángulos y 4 círculos (sólo la línea). Los círculos servirán de apuntador a una posición dentro de los rectángulos. La posición será indicada por el centro del círculo.

El cuadrado de la esquina superior izquierda representa un segmento del cubo de valores de colores en el esquema RGB, en el plano Rojo-Verde, el eje horizontal representa los valores de rojo de 0 a 255, el eje vertical representa los valores de verde de 0 a 255). El rectángulo de la esquina inferior izquierda representa los valores de Azul de 0 255.

El cuadrado de la esquina superior derecha representa un segmento del cilindro de valores de colores en el esquema HSV, con el eje horizontal representan el Hue, y el eje vertical representando la saturación. El rectángulo de la esquina inferior derecha representa el Value, que son los valores de blanco a negro cuando la saturación es 0.

2         Este programa hacer interacción exclusivamente con el mouse. Cuando pase el cursor por el cuadrado de RGB, los círculos del lado derecho se posicionarán sobre el valor equivalente en HSV al color que esté debajo del cursor. Cuando pase el cursor sobre el cuadrado de HSV, los círculos del lado izquierdo se posicionarán sobre el valor equivalente en RGB del color que esté debajo del cursor. Cuando pase el cursor por los rectángulos, los cuadrados cambiarán de valor de acuerdo a los nuevos valores RGB o HSV donde corresponda el caso.

3         Usted entregará al correo electrónico ciro.duran@gmail.com un archivo comprimido en formato .ZIP o .RAR con el directorio que contiene el código fuente del sketch en Processing (de extensión .pde), nombrando el archivo con su nombre y el número de la tarea (ej. Ciro_Duran_Tarea_3a.pde). Escriba esto mismo en el asunto del correo.

4         Usted puede entregar la tarea hasta el jueves 20 de junio antes del inicio de clase. Las tareas recibidas después de la hora no serán corregidas.

5         Usaremos la versión más reciente de Processing para evaluar, es decir, la versión 2.0.

6         Cualquier pregunta puede hacerla al correo ciro.duran@gmail.com.