//Serial 

let lastData;

let circleOne;

let circleTwo;

let circleThree;

let videoPlaying;

​

​

​

function serverConnected() {

  print("Connected to Server");

}

​

function gotList(thelist) {

  print("List of Serial Ports:");

​

  for (let i = 0; i < thelist.length; i++) {

    print(i + " " + thelist[i]);

  }

}

​

function gotOpen() {

  print("Serial Port is Open");

}

​

function gotClose() {

  print("Serial Port is Closed");

  latestData = "Serial Port is Closed";

}

​

function gotError(theerror) {

  print(theerror);

}

​

function gotData() {

  let serialData = serial.readLine();

  console.log(serialData);

  //do stuff

}

​

​

//---------------

//Rendering

​

function preload(){

    circleOne = createVideo("1_2.mp4")

    circleOne.hide();

    circleOne.loop()

​

    videoPlaying = circleOne;

    circleTwo = createVideo("2_1.mp4")

    circleTwo.hide();

    circleTwo.loop()

​

    circleThree = createVideo("3_2.mp4")

    circleThree.hide();

    circleThree.loop()

​

  print("loaded")

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  serial = new p5.SerialPort();

​

  serial.list();

  serial.open("/dev/tty.usbmodem144101");

​

  serial.on("connected", serverConnected);

​

  serial.on("list", gotList);

​

  serial.on("data", gotData);

​

  serial.on("error", gotError);

​

  serial.on("open", gotOpen);

​

  serial.on("close", gotClose);

​

}

​

function draw() {

  // background('black');

  image(videoPlaying, 0, 0, windowWidth, windowWidth)

​

}

​

function keyPressed() {

  if (keyCode === LEFT_ARROW) {

   videoPlaying = circleOne

    console.log("ONE")

  } else if (keyCode === UP_ARROW) {

   videoPlaying = circleTwo

     console.log("TWO")

  }

  else if (keyCode == RIGHT_ARROW) {

   videoPlaying = circleThree

     console.log("THREE")

  } 

}

​

​

​