​

function setup() {

  createCanvas(400, 400);

  background(220);

  fill(255,0,0);

}

​

function draw() {

  if(mouseX >= 0 && mouseX <= 100){

      brightnessVal = 0;

  }else if(mouseX > 100 && mouseX <= 200){

      brightnessVal = 50;

  }else if(mouseX > 200 && mouseX <= 300){

      brightnessVal = 150;

  }else if(mouseX > 300 && mouseX <= 400){

      brightnessVal = 250;

  }

  // console.log(brightnessVal);

}

​

function keyPressed() {

  if (key == " ") {

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

    setUpSerial();

  }

}

​

function readSerial(data) {

  let SentData = brightnessVal + ", \n";

  writeSerial(SentData);  

}