// Importamos las librerías de ControlP5 y Serial
import controlP5.*;
import processing.serial.*;

// Creamos las variables para ControlP5, el Slider y el puerto Serial
ControlP5 cp5;
Slider slider1;
Slider slider;
Serial serial;

// Solo se ejecuta una vez, al iniciar el Sketch
void setup() {
  // Tamaño de la Ventana
  size(600, 400);
  // Creamos el objeto de ControlP5
  cp5 = new ControlP5(this);
  // Creamos el objeto Slider
  slider1 = cp5.addSlider("valor1", 0, 255, 128, 40, 40, 300, 40);
  // Creamos el objeto del puerto Serial
  slider = cp5.addSlider("valor2", 0, 255, 128, 40, 100, 300, 40);
  serial = new Serial(this, Serial.list()[0], 9600);
}

// Se ejecuta N frames por segundo
void draw() {
  // En este caso no debe dibujar nada
}

// Cuando ocurra un evento, aquí lo procesamos
void controlEvent(ControlEvent evento) {
  // Obtenemos el nombre y el valor del evento
  String nombre = evento.getController().getName();
  int valor = int(evento.getController().getValue());
  // Envíamos el valor al Arduino a través del Serial
  serial.write(valor);
  // Imprimimos en la consola, para ver que todo va Ok
  println(nombre + ":" + valor);
}