​

let pic;

​

let serial;

let latestData = "waiting for data";

let inData;

let latestData1

let latestData2

let on = false;

let showText=false;

let showTheater = false;

​

function setup() {

  createCanvas(400, 400);

  createCanvas(windowWidth, windowHeight);

  serial = new p5.SerialPort();

  serial.list();

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

  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 preload() {

  pic = loadImage("images.jpeg");

}

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 currentString = serial.readLine();

  //   trim(currentString);

​

  //   if (!currentString) return;

  //   //console.log(currentString);

​

  //   latestData = currentString;

  var inString = serial.readStringUntil("\r\n");

​

  if (inString.length > 0) {

    var sensors = split(inString, ","); // split the string on the commas

    if (sensors.length > 1) {

      // if there are three elements

      latestData1 = sensors[0]; // element 0 is the locH

      latestData2 = sensors[1]; // element 1 is the locV

    }

  }

}

​

function draw() {

  background("black");

  fill("white");

  text(latestData, 10, 10);

​

  if (latestData1 >= 1) {

    on = true;

  }

  if (latestData2 >= 1) {

    showTheater = true;

    showText=true;

  }

​

  if (showTheater) {

    push()

    scale(5)

    image(pic, 0, 0);

    pop()

  }

   if (on) {

    push()

    fill(255);

    ellipse(200, 200, 50);

    pop()

  }

if(showText){

   text('wear', width/2, height/2)

 }

​

  if(frameCount %600 ==1){

   showText=false 

  }

  if (frameCount %600 ==1) {

    on = false;

  }

​

  if (frameCount % 3600==1) {

    showTheater = false;

  }

​

​

}

​