let latestData = "waiting for data";

let wood =0;

let concrete=0;

let biomaterial=0;

let felt=0;

​

let splitString;

 let x;

 let y;

 let xold;

 let yold;

let haddata = 0;

​

​

function setup() {

 createCanvas(windowWidth, windowHeight);

 background(255,255,255);

​

 serial = new p5.SerialPort();

​

 serial.list();

 serial.open('COM3');

​

 serial.on('connected', serverConnected);https://preview.p5js.org/3a2a131a-3d13-4f46-bbb2-598dbf1ce565:74:10

​

 serial.on('list', gotList);

​

 serial.on('data', gotData);

​

 serial.on('error', gotError);

​

 serial.on('open', gotOpen);

​

 serial.on('close', gotClose);

}

​

function serverConnected() {

 print("Connected to Server");

}

​

function gotList(thelist) {

 print("List of Serial Ports:");

​

 for (let i = 0; i < thelist.length; i++) {

  print(i + " " + thelist[i]);

 }

}

​

function gotOpen() {

 print("Serial Port is Open");

}

​

function gotClose(){

 print("Serial Port is Closed");

 latestData = "Serial Port is Closed";

}

​

function gotError(theerror) {

 print(theerror);

}

​

function gotData() {

 let currentString = serial.readLine();

  trim(currentString);

 if (!currentString) return;

 console.log("hello  " + currentString);

 let coma = match(currentString,",");

  if (coma == null){

    if (currentString == "wood"){

      ++wood;

    }

    else if (currentString == "concrete"){

      ++concrete;

    }

    else if (currentString == "biomaterial"){

      ++biomaterial;

    }

    else if (currentString == "felt"){

      ++felt;

    }

  }

  else{

    latestData = currentString;

  } 

}

​

function draw() {

 //background(255,255,255);

  fill(255)

  noStroke()

  rect(0,0,25,100)

 fill(0);

 let splitString = split(latestData, ',');

 let x = map(splitString[0], -1, 1, 0, height);

 let y = map(splitString[1], -1, 1, 0, width);

  text(wood,10,10);

  text(concrete,10,30);

  text(felt,10,50);

  text(biomaterial,10,70);

​

 strokeWeight(10);

  stroke(0);

  //line(0,0,x,y);

​

  if (haddata == 0){

    //line(0,0,x,y);

      //circle(x, y, 10);

     xold = x;

     yold = y;

     haddata = 1;

  }

  else{  

    line(xold,yold,x,y);

    xold = x;

    yold = y;

  }

​

}