Más sobre color

2030814
Hasta el momento hemos visto varios tipos de datos:

  • int: número entero
  • float: número decimal
  • String: cadena de texto
  • PImage: imagen

Bien, pues también tenemos el tipo de dato (datatype) color.

Puede llamar a confusión porque existe una función con el mismo nombre, que toma como parámetros los valores de cada canal según el modo de color: rojo, verde y azul en modo RGB; y tono, saturación y brillo en modo HSB (ej. color(255, 50, 30)).

Vamos a usarlos en un programa que dibuje formas de diferente color dependiendo de su posición:

  1. //declaramos tres variables del tipo 'color'
  2. color verde = #30B247;
  3. color rojo = #C10600;
  4. color blanco = 255;
  5. //esta última la definimos con una función 'color'
  6. color fondo = color(random(100), random(100), random(100));
  7. float x = 0;
  8. float y = 0;
  9.  
  10. void setup(){
  11.   size(300, 300);
  12.   rectMode(CENTER);
  13.   background(fondo);
  14. }
  15.  
  16. void draw(){
  17.   //coordenadas x e y aleatorias
  18.   x = random(width);
  19.   y = random(height);
  20.   //si estás a más de 50px del borde, rojo
  21.   if(x > 50 && x < 250 && y > 50 && y < 250){
  22.     fill(rojo);
  23.   //si no, verde
  24.   } else {
  25.     fill(verde);
  26.   }
  27.   modulo(x, y);
  28. }
  29.  
  30. void modulo(float mx, float my) {
  31.   translate(mx, my);
  32.   rotate(random(100));
  33.   stroke(fondo);
  34.   rect(0, 0, 15, 15, 10, 10, 10, 0);
  35. }

Leave a Comment.