let rVal = 0;

let alpha = 255;

let left = 0;

let right = 0;

let buttonState = 0;

let index = 0;

let cpallete = [['00','00','128'],['00','00','00'],['9','46','32']]

let clrbutton = 0;

let color= 0;

​

​

​

// let xPosition = 1023 / 2;

// let yPosition = 1023 / 2;

​

// let mapX = 200;

// let mapY = 200;

​

// function preload() {

//   // Song = loadSound("Run-Amok.mp3");

// }

​

​

function setup() {

  createCanvas(600, 400);

  textSize(18);

  background(190)

  frame();

  // Song.play(); 

  // Song.loop();

}

 let i = 0;

​

function draw() {

  while(i<1){

    buttonState=1;

    i++

  }

  // ellipse(rVal, alpha, 50); 

  // one value from Arduino controls the background's red color

  // background(map(rVal, 0, 1023, 0, 255), 255, 255, 0);

​

  // the other value controls the text's transparency value

  // this.col = color(cpallete[index]);

  //   index++;

​

//   if (color<cpallete.length && clrbutton){

//     color++;

//   } else {

//     color = 0;

// }

​

//   print(color);

​

  // fill(cpallete[color][0])

  // } else if (clrbutton==1) {

  //   fill(cpallete[color][2], 0,0, map(alpha, 0, 1023, 0, 255));

  // }

​

​

​

​

​

  if (clrbutton==0) {

  fill(cpallete[0][0], cpallete[0][1], cpallete[0][2], map(alpha, 0, 1023, 0, 255));

} else if (clrbutton==1) {

  fill(cpallete[1][0], cpallete[1][1], cpallete[1][2], map(alpha, 0, 1023, 0, 255));

} else {

  fill(cpallete[2][0], cpallete[2][1], cpallete[2][2], map(alpha, 0, 1023, 0, 255));

}

   ellipse(map(rVal, 0, 1023, 70, width-90), map(alpha,  0, 1023, 70, height-100), 5);

  // map(value, start1, stop1, start2, stop2, [withinBounds])

  if (buttonState == 1){

    // print("hehe")

    // background(map(rVal, 0, 1023, 0, 255), 255, 255);

    // background (190)

    frame();

  }

​

  // if (!serialActive) {

  //   text("Press Space Bar to select Serial Port", 20, 30);}

//    else {

//     text("Connected", 20, 30);

​

//     // Print the current values

//     text('rVal = ' + str(rVal), 20, 50);

//     text('alpha = ' + str(alpha), 20, 70);

​

//   }

​

​

}

​

function keyPressed() {

  if (key == " ") {

    // important to have in order to start the serial connection!!

    setUpSerial();

  }

  // Song.play();

}

​

function readSerial(data) {

  ////////////////////////////////////

  //READ FROM ARDUINO HERE

  ////////////////////////////////////

​

  if (data != null) {

    // make sure there is actually a message

    // split the message

    let fromArduino = split(trim(data), ",");

    // if the right length, then proceed

    if (fromArduino.length >= 3) {

      // only store values here

      // do everything with those values in the main draw loop

      rVal = fromArduino[0];

      alpha = fromArduino[1];

      buttonState = fromArduino[2];

      clrbutton = fromArduino[5];

    }

    // console.log(fromArduino);

​

    //////////////////////////////////

    //SEND TO ARDUINO HERE (handshake)

    //////////////////////////////////

     let sendToArduino = left+ "," + right + "\n";

    writeSerial(sendToArduino);

  }

}

​

function frame() {

  strokeWeight(120);

  noFill();

  stroke(191, 26, 20);

  rect(0, 0, 600, 400);

  fill(230, 219, 222);

​

  fill(230, 219, 222);

  strokeWeight(30);

  stroke(230, 219, 222);

  strokeJoin(ROUND);

  rect(70, 70, 460, 260);

​

  noStroke();

  fill(234, 196, 165);

  textAlign(CENTER);

  textSize(30);

  textFont("Brush Script MT");

  text("Etch A Sketch", 300, 40);

​

  noStroke();

  fill(255);

  ellipse(30, 365, 50, 50);

  ellipse(570, 365, 50, 50);

​

}