//PROCESSING
import controlP5.*;
import processing.serial.*; //import the Serial library
Serial myPort; //the Serial port object
boolean firstContact = false;

int xPos;
int yPos;
float zButton;
float zButtonCount = 0;
int red = 255;
int green = 0;
int blue = 0;
PImage img;
String url;

ControlP5 cp5;



void setup() {

cp5 = new ControlP5(this);
cp5.addKnob("blue").setPosition(displayWidth/2 + 150, 50).setRange(0,255);
cp5.addKnob("red").setPosition(displayWidth/2 - 150, 50).setRange(0,255);
cp5.addKnob("green").setPosition(displayWidth/2, 50).setRange(0,255);
url = "https://maps.googleapis.com/maps/api/streetview?size=680x680&location=52.514305,13.239712&fov=90&heading=375&pitch=10";
img = loadImage(url, "JPG");
size(img.width, img.height);


size(displayHeight,displayWidth);
myPort = new Serial(this, Serial.list()[0], 9600);
myPort.bufferUntil('\n');
background(0);
frameRate(30);
fill(red,green,blue);

}

void serialEvent(Serial myPort) {

  String inputString = myPort.readStringUntil('\n');

  if(inputString != null)
  {
     inputString = trim(inputString);


     int[] values = int(split(inputString, ","));

     if(values.length >= 2){
           xPos = values[0];
           yPos = values[1];
           zButton = values[2];
     }

  }

}


void draw() {
  noStroke();
  ellipse(xPos, yPos, 1,1);

  if(zButton == 0){
   background(0);
  }

  color c = img.get(xPos, yPos);

  fill(c);

  serialEvent(myPort);


}