​

function setup() 

{

  createCanvas(400, 400);  //create canvas

}

​

​

function textDisplay() //display text in the starting

{

  text("PRESS SPACE TO START SERIAL PORT", width/2 - 109, height/2 - 5);

}

​

function draw() 

{

  background(100);  //grey background

  if (serialActive) //if serial is active

  {

    text("CONNECTED!", width/2 - 27, height/2 - 5); //tell the user that it is connected

    text("PRESS RIGHT ARROW TO LOWER BRIGHTNESS!", width/2 - 130, height/2 + 15); //give instructions on how to control brightness

  }

  else

  {

    textDisplay(); //display instructions on how to start serial is not active

  }

}

​

​

function keyPressed() //built in function

{ 

  if (key == " ") //if space is pressed then

  {

    setUpSerial(); //setup the serial

  }

  else if (keyCode == LEFT_ARROW) //if left arrow pressed

  {

    if (dimnessCounter != 0) //check if brightness is not already at the lowest

    {

      dimnessCounter = dimnessCounter - 50; //if not then decrease by 50

    }

  }

  else if (keyCode == RIGHT_ARROW) //for the right key

  {

    if (dimnessCounter != 250) //check if dimness not at the maximum

    {

      dimnessCounter = dimnessCounter + 50; //increase dimness by 50

    }

  }

}

​

//callback function

function readSerial(data) 

{

    let sendToArduino = dimnessCounter + "\n"; //add the next line to dimness counter

    writeSerial(sendToArduino); //write serial and send to arduino

}