Ficha 3

    A lo largo de esta ficha he podido aprender a utilizar la gama de colores en Processing y asimismo, a cómo dar o asignarles un color a las figuras.

 

    Selector de colores

    Si se desea elegir un color específico para asignarlo a tu programa, puedes acceder a Herramientas y Selector de colores, donde te aparecerá una paleta de colores y podrás elegir tu preferido. A este color se le tendrá asignado determinados números, a tener en cuenta, en este caso, siguiendo el modelo RGB (red,green,blue), el cual deberemos utilizar a la hora de programar:

 

    Color de fondo

    Para dar color al fondo de una ventana, debemos seguir esta instrucción:

background(red, green, blue); 

    Color de una figura

    Si queremos cambiar el color de una figura (ya vistas en la Ficha 2), debemos poner la siguiente expresión justo ANTES de definir la figura:

fill(red,green,blue);

    Borde de una figura

    Para dibujar un borde alrededor de la figura, deberemos escribir el siguiente código ANTES de definir la figura:

strokeWeight(x);

x: tamaño del grosor del borde

    Color del borde

    Si lo que queremos es cambiar el color del borde que rodea la figura, también tenemos que escribir el código ANTES de definir la figura:

stroke(red, green, blue); 

 

    Ficha 3 

    En esta ficha hemos puesto en práctica todo o aprendido: como asignar colores al fondo, a las figuras; cómo dibujar un borde y darle color... De esta manera, hemos combinado lo estudiado en esta sesión con lo aprendido en la Ficha 2 (figuras). Hemos conseguido este código y el siguiente resultado:

void setup()
{
  size(500,500);
  background(0,255,236);
  fill(30,155,145);
  strokeWeight(5);
  stroke(150,250,245);
  rect(50,80,100,200);
}