​

let brightness = 0; 

let val=50;

​

​

​

function setup() {

  createCanvas(600, 600);

  //create slider

}

​

function draw() {

  background(255);

  //image(img,215,130,150,180); 

  //image(img2,50,160,100,160);

  if(val>255){

    val=255;

  }

  if(val<0){

    val=0;

  }

  brightness = val;

  // instructions

  textAlign(CENTER,CENTER);

  textSize(20);

    text("press arrow UP to increase LED brightness",width/2,height/2);

  text("press arrow DOWN to decrease LED brightness",width/2,height/2+40)

​

  //connects serial port

  if (!serialActive) {

    textSize(10);

    text("Press Space Bar to select Serial Port", 100, 30);

  } else {

    textSize(10);

    text("Connected",100,30);

  }

}

​

function keyPressed() {

  if (key == " ") {

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

    setUpSerial();

  }

  if(keyCode==UP_ARROW){

    val+=50;

  }

  if(keyCode==DOWN_ARROW){

    val-=50;

  }

}

​

​

function readSerial(data) {

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

  //READ FROM ARDUINO HERE

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

  if (data != null) {

    // if there is a message from Arduino, continue

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

    //SEND TO ARDUINO HERE (handshake)

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

    let sendToArduino = brightness + "\n";

    writeSerial(sendToArduino);

  }

}

​

// int LED = 11;

// void setup() {

//   Serial.begin(9600);

//   pinMode(LED, OUTPUT);

//   // start the handshake

//   while (Serial.available() <= 0) {

//     Serial.println("Wait");  // send a starting message

//     delay(300);               // wait 1/3 second

//   }

// }

// void loop() {

//   // wait for data from p5 before doing something

//   while (Serial.available()) {

//     int brightness = Serial.parseInt(); 

//     if (Serial.read() == '\n') {

//       analogWrite(LED, brightness); // turn on LED and adjusts brightness

//       Serial.println("LIT"); 

//     }

//   }

// }

​