let connectBtn; // Button to connect/disconnect from Arduino

let brightness = 0; // Variable to store the brightness value to send

let cityData;

let row = 1;

​

function setup() {

  createCanvas(400, 400);

  background(220);

​

  cityData = loadStrings("megacities.csv");

  clickSfx = loadSound("old-computer-click-152513.mp3");

​

  port = createSerial();

​

  // Creates a connect button for user to open/close the serial port connection

  connectBtn = createButton("Connect to Arduino");

  connectBtn.position(20, 360);

  connectBtn.mousePressed(connectBtnClick);

​

  sendBtn = createButton("Send one more line");

  sendBtn.position(200, 360);

  sendBtn.mousePressed(sendBtnClick);

}

​

function draw() {

  background(0);

​

  // Update button label based on connection status

  connectBtn.html(port.opened() ? "Disconnect" : "Connect to Arduino");

}

​

function connectBtnClick() {

  // Toggle connection to Arduino

  if (!port.opened()) {

    port.open("Arduino", 9600); // Open serial port at 9600 baud

  } else {

    port.close(); // Close serial port

  }

}

​

function sendBtnClick() {

  port.write(cityData[row] + "\n");

  console.log(cityData[row] + "\n");

  row++;

  if (row > cityData.length) {

    row = 0;

  }

}

​