let latestData = "waiting for data"; // variable to hold the 

let val =0;

function setup() {

  createCanvas(windowWidth, windowHeight);

  // serial constructor

  serial = new p5.SerialPort();

​

  // serial port to use - you'll need to change this

  serial.open('/dev/cu.usbmodem143201');

​

  // what to do when we get serial data

  serial.on('data', gotData);

​

}

​

// when data is received in the serial buffer

​

function gotData() {

  let currentString = serial.readLine(); // store the data in a variable

  trim(currentString); // get rid of whitespace

  if (!currentString) return; // if there's nothing in there, ignore it

  console.log(currentString); // print it out

  latestData = currentString; // save it to the global variable

}

​

function draw() {

  background(211, 215, 255);

  fill(102, 11, 229);

  text(latestData, 10, 10); 

  let rotDeg = map(latestData, 0, 1000, 0,10000);

  ellipse(width/2,height/2,rotDeg);

  ellipse(mouseX, mouseY, 10, 10);

   if (mouseIsPressed) {

    if (mouseX <= width / 2) {

      val = 1;

      serial.write(val);

      console.log("Left");

    } else{

      val = 0;

      serial.write(val);

      console.log("Right");

    }

  } 

​

}