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

ControlP5 cp5;
PFont font;

Serial port;

void setup(){
 
  size(300, 400);

  printArray(Serial.list());
  
  port = new Serial(this, "COM41", 9600);
  
  cp5 =  new ControlP5(this);
  font = createFont("calibri light bold", 20);
  
  cp5.addButton("red")
    .setPosition(100, 50)
    .setSize(100,50)
    .setFont(font)
    ;
    
   cp5.addButton("blue")
    .setPosition(100, 120)
    .setSize(100,50)
    .setFont(font)
    ;
    
   cp5.addButton("green")
    .setPosition(100, 190)
    .setSize(100,50)
    .setFont(font)
    ;
    
   cp5.addButton("off")
    .setPosition(100, 260)
    .setSize(100,50)
    .setFont(font)
    ;
    
}

void draw(){
 
  background(150, 0, 150);
  textFont(font);
  fill(0,255,0);
  text("LED Controls", 100, 30); 
  
}

void red(){
 port.write('r'); 
}

void green(){
 port.write('g'); 
}

void blue(){
 port.write('b'); 
}

void off(){
 port.write('o'); 
}