createCanvas(640, 480);

  textSize(18);

}

function draw() {

​

  background(240);

  fill('rgb(134,126,126)');

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

​

​

  // click on one side of the screen, one LED will light up

  // click on the other side, the other LED will light up

  if (mouseIsPressed) {

    if (mouseX <= width / 2) {

      left = 1;

    } else {

      right = 1;

    }

  } else {

    left = right = 0;

  }

}

// NEED

function keyPressed() {

  if (key == " ") {

    // important to have in order to start the serial connection!!

    setUpSerial();

  }

}

​

// This function will be called by the web-serial library

// with each new *line* of data. The serial library reads

// the data until the newline and then gives it to us through

// this callback function

function readSerial(data) {

  ////////////////////////////////////

  //READ FROM ARDUINO HERE

  ////////////////////////////////////

​

  if (data != null) {

    // make sure there is actually a message

    // split the message

    let fromArduino = split(trim(data), ",");

    // if the right length, then proceed

    if (fromArduino.length == 2) {

      // only store values here

      // do everything with those values in the main draw loop

      // We take the string we get from Arduino and explicitly

      // convert it to a number by using int()

      // e.g. "103" becomes 103

      rVal = int(fromArduino[0]);

      alpha = int(fromArduino[1]);

    }

​

    //////////////////////////////////

    //SEND TO ARDUINO HERE (handshake)

    //////////////////////////////////

    let sendToArduino = left + "," + right + "\n";

    writeSerial(sendToArduino);

  }

}

​

​

​