let portName = '/dev/tty.usbmodem14601'; 

let main = 128; 

let opp = 128; 

let up = 300;

let down = 300;

​

​

function setup() {

  createCanvas(800, 600);

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

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

  serial.on('connected', serverConnected); // callback for connecting to the server

  serial.on('open', portOpen); // callback for the port opening

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

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

  serial.on('close', portClose); // callback for the port closing

  colorMode(HSB, 360, 100, 100)

​

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

}

​

​

function draw() {

background(main, 100, 100);

  fill(opp, 100, 100);

  noStroke();

  for(let i = 60; i < width-50; i = i+120){

    ellipse(i, up, 50);

​

  }

    for(let i = 120; i < width-50; i = i+120){

    ellipse(i, down, 50);

​

  }

​

}

​

​

​

​

​

​

​

function serialEvent() {

  let data = serial.read();

     main = map(data, 0, 255, 0, 360)

  main = int(data);

    opp = map(data, 0, 255, 360, 0)

  opp = int(opp);

  up = map(data, 0, 255, 60, 540)

  up = int(up);

  down = map(data, 0, 255, 540, 60)

  down = int(down);

}

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​