import controlP5.*;           // utilizar la libreria controlp5
import processing.serial.*;    // utilizar la liberia processing.serial
ControlP5 cp5;               // definir la variable cp5 del tipo ControlP5
// definir las variables R, G y B de tipo slider
Slider R;
Slider G;
Slider B;
Serial serial; // definir la variable serial del tipo Serial

void setup()
{
  size (400,300); // Tamaño de la ventana
  cp5 = new ControlP5(this); //definimos la variable puerto de tipo cadena
  // crear el Slider para el color rojo
  R= cp5.addSlider("R",0,255,128,40,40,300,40);
  R.setColor (new CColor (0xFFAA0000, 0xFF550000, 0xFFFF0000, 0xFFFF0000, 0x00000000));
  // crear el Slider para el color verde
  G= cp5.addSlider("V",0,255,128,40,120,300,40);
  G.setColor (new CColor (0xFF00AA00, 0xFF005500, 0xFF00FF00,0xFF00FF00, 0x00000000));
  // crear el Slider para el color azul
  B= cp5.addSlider("A",0,255,128,40,200,300,40);
  B.setColor (new CColor (0xFF0000AA, 0xFF000055, 0xFF0000FF,0xFF0000FF, 0x00000000));
  String puerto = Serial.list()[0]; //definimos la variable puerto de tipo cadena
  serial= new Serial (this, puerto,9600); // inicializamos el puerto serial a 9600
}


void draw()
{
    background(0xFFFFFFFF); // color de fondo de la ventana
}

void controlEvent (ControlEvent theEvent)
{
  String nombre = evento.getController().getName(); // recoje el nombre del slider y lo convierte en cadena
  int valor = int(evento.getController().getValue()); // recoje el valor del slider y lo convierte en entero
  serial.write (nombre + valor); // envia por el puerto serial el nombre y el valor
}