import controlP5.*;
import processing.serial.*;

ControlP5 cp5;
Serial serial;


String Mensaje = "";

// configuración inicial
void setup() {

  serial = new Serial(this, Serial.list()[0], 9600);
  String puerto = Serial.list()[0];
  size(440, 140);
  noStroke();


  cp5 = new ControlP5(this);


  PFont font = createFont("arial", 20);
  textFont(font);

  cp5.addTextfield("Mensaje", 20,20, 400,40)
    .setFont(font)
    .setFocus(true)
    .setColor(color(255, 0, 0));

}


void draw()
{
  background(0xFF444444);
  text(Mensaje, 20, 100);
}


void controlEvent(ControlEvent theEvent) {

  String nombre = theEvent.getController().getName();
  String texto = theEvent.getController().getStringValue();

  println("evento: " + nombre + " / texto: "+texto);
  serial.write(texto);
}