let connectBtn;

​

function setup() {

  createCanvas(400, 400);

  background(220);

​

  port = createSerial();

​

  // in setup, we can open ports we have used previously

  // without user interaction

​

  let usedPorts = usedSerialPorts();

  if (usedPorts.length > 0) {

    port.open(usedPorts[0], 115200);

  }

​

  // any other ports can be opened via a dialog after

  // user interaction (see connectBtnClick below)

​

  connectBtn = createButton('Connect to Arduino');

  connectBtn.position(80, 200);

  connectBtn.mousePressed(connectBtnClick);

​

  let sendBtn = createButton('Send test G-Code');

  sendBtn.position(220, 200);

  sendBtn.mousePressed(sendBtnClick);

}

​

function draw() {

  // this makes received text scroll up

  copy(0, 0, width, height, 0, -1, width, height);

​

  // reads in complete lines and prints them at the

  // bottom of the canvas

  let str = port.readUntil("\n");

  if (str.length > 0) {

    text(str, 10, height-20);

  }

​

  // changes button label based on connection status

  if (!port.opened()) {

    connectBtn.html('Connect to Arduino');

  } else {

    connectBtn.html('Disconnect');

  }

}

​

function connectBtnClick() {

  if (!port.opened()) {

    port.open('Arduino', 115200);

  } else {

    port.close();

  }

}

​

function sendBtnClick() {

  let gcode = '';

  gcode += 'F50\n';

​

  /*

  gcode += 'G1 X0 Y0\n';

  gcode += 'G1 X0.5 Y0\n';

  gcode += 'G1 X0.5 Y0.5\n';

  gcode += 'G1 X0 Y0.5\n';

  gcode += 'G1 X0 Y0\n';

  */

​

  gcode += 'G1 Z0.5\n';

  gcode += 'G1 Z0\n';

  port.write(gcode);

}