* Originally by Aaron Sherwood

 * Modified by Mangtronix

 *

 * Add this library to Sketch files

 *  https://github.com/mangtronix/IntroductionToInteractiveMedia/blob/master/code/p5.web-serial.js files

 *

 * You must include this line in your index.html (in Sketch Files) to load the

 * web-serial library

 *

 *     <script src="p5.web-serial.js"></script>

 *

 * Arduino code:

 * https://github.com/mangtronix/IntroductionToInteractiveMedia/blob/master/code/Week11Serial.ino

 */

let velocity;

let gravity;

let position;

let acceleration;

let wind;

let drag = 0.99;

let mass = 50;

​

let LED_STATE = 0;

​

function setup() {

  createCanvas(640, 360);

  noFill();

  position = createVector(width / 2, 0);

  velocity = createVector(0, 0);

  acceleration = createVector(0, 0);

  gravity = createVector(0, 0.5 * mass);

  wind = createVector(0, 0);

}

​

let connected = false;

​

function draw() {

  background(255);

  fill(255, 200, 0);

  if (!serialActive) {

    text("Press S to select Serial Port", 20, 30);

  } else {

    text("Connected", 20, 30);

  }

​

  if (connected === true) {

    applyForce(wind);

    applyForce(gravity);

    velocity.add(acceleration);

    velocity.mult(drag);

    position.add(velocity);

    acceleration.mult(0);

    ellipse(position.x, position.y, mass, mass);

    if (position.y > height - mass / 2) {

      velocity.y *= -0.9; // A little dampening when hitting the bottom

      position.y = height - mass / 2;

      LED_STATE = 0;

    } else {

      LED_STATE = 1;

    }

  }

}

​

function applyForce(force) {

  // Newton's 2nd law: F = M * A

  // or A = F / M

  let f = p5.Vector.div(force, mass);

  acceleration.add(f);

}

​

function keyPressed() {

  if (key == " ") {

    mass = random(15, 80);

    position.y = -mass;

    velocity.mult(0);

  }

  if (key == "s") {

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

    setUpSerial();

  }

}

​

// This function will be called by the web-serial library

// with each new *line* of data. The serial library reads

// the data until the newline and then gives it to us through

// this callback function

​

function readSerial(data) {

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

  //READ FROM ARDUINO HERE

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

​

  if (data != null) {

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

    if (fromArduino[0] < 512) {

      wind.x = map(fromArduino[0], 0, 512, -2, 0);

    } else {

      wind.x = map(fromArduino[0], 513, 1023, 0, 2);

    }

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

    //SEND TO ARDUINO HERE (handshake)

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

    let sendToArduino = LED_STATE + "\n";

    writeSerial(sendToArduino);

​

    connected = true;

  }

}

​

//Arduino Code

/*

// Week 11.2 Example of bidirectional serial communication

​

// Inputs:

// - A0 - sensor connected as voltage divider (e.g. potentiometer or light sensor)

// - A1 - sensor connected as voltage divider 

//

// Outputs:

// - 2 - LED

// - 5 - LED

​

int leftLedPin = 2;

int rightLedPin = 5;

​

void setup() {

  // Start serial communication so we can send data

  // over the USB connection to our p5js sketch

  Serial.begin(9600);

​

  // We'll use the builtin LED as a status output.

  // We can't use the serial monitor since the serial connection is

  // used to communicate to p5js and only one application on the computer

  // can use a serial port at once.

  pinMode(LED_BUILTIN, OUTPUT);

​

  // Outputs on these pins

  pinMode(leftLedPin, OUTPUT);

  pinMode(rightLedPin, OUTPUT);

​

  // Blink them so we can check the wiring

  digitalWrite(leftLedPin, HIGH);

  digitalWrite(rightLedPin, HIGH);

  delay(200);

  digitalWrite(leftLedPin, LOW);

  digitalWrite(rightLedPin, LOW);

​

​

​

  // start the handshake

  while (Serial.available() <= 0) {

    digitalWrite(LED_BUILTIN, HIGH); // on/blink while waiting for serial data

    Serial.println("0,0"); // send a starting message

    delay(300);            // wait 1/3 second

    digitalWrite(LED_BUILTIN, LOW);

    delay(50);

  }

}

​

void loop() {

  // wait for data from p5 before doing something

  while (Serial.available()) {

    digitalWrite(LED_BUILTIN, HIGH); // led on while receiving data

​

    int left = Serial.parseInt();

    int right = Serial.parseInt();

    if (Serial.read() == '\n') {

      digitalWrite(leftLedPin, left);

      digitalWrite(rightLedPin, right);

      int sensor = analogRead(A0);

      delay(5);

      int sensor2 = analogRead(A1);

      delay(5);

      Serial.print(sensor);

      Serial.print(',');

      Serial.println(sensor2);

    }

  }

  digitalWrite(LED_BUILTIN, LOW);

}

*/

​