var portName = '/dev/tty.usbmodem144101'; // fill in your serial port name here

var inData;                            // for incoming serial data

var outByte = 0;                       // for outgoing data

function setup() {

  createCanvas(400, 300);          // make the canvas

  serial = new p5.SerialPort();    // make a new instance of the serialport library

  serial.on('data', serialEvent);  // callback for when new data arrives

  serial.on('error', serialError); // callback for errors

  serial.on('list', printList);       // set a callback function for the serialport list event

  serial.list();                   // list the serial ports

  serial.open(portName);           // open a serial port

}

​

// get the list of ports:

function printList(portList) {

  // portList is an array of serial port names

  for (var i = 0; i < portList.length; i++) {

    // Display the list the console:

    console.log(i + portList[i]);

  }

}

​

function serialEvent() {

  // read a byte from the serial port:

  var inByte = serial.read();

  console.log("Received: " + inByte);

  // store it in a global variable:

  inData = inByte;

}

function serialError(err) {

  println('Something went wrong with the serial port. ' + err);

}

​

function draw() {

  // black background, white text:

  background(0);

  fill(255);

  // display the incoming serial data as a string:

  text("incoming value: " + inData, 30, 50);

}

​

function mouseDragged() {

  // map the mouseY to a range from 0 to 255:

  outByte = int(map(mouseY, 0, height, 0, 255));

  // send it out the serial port:

  serial.write(outByte);

}

​

function keyPressed() {

  if (key >= 0 && key <= 9) { // if the user presses 0 through 9

    outByte = byte(key * 25); // map the key to a range from 0 to 225

    serial.write(outByte); // send it out the serial port

    console.log('sending key: ' + (key * 25) + ' representing ' + key);

​

  }

}