let gravity;

let position;

let acceleration;

let wind;

let value = 0;

let drag = 1;

let mass = 50;

​

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);

}

​

function draw() {

  background(255);

  stroke(0);

  fill(0);

  if (!serialActive) {

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

  } else {

    text("Connected", 20, 30);

    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;

        value = 1;

      }

    else {

      value = 0;

    }

  }

}

​

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==UP_ARROW){

    mass=random(15,80);

    position.y=-mass;

    velocity.mult(0);

  }

  if (key == " ") {

    // 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) {

    if (int(trim(data)) >= 511) {

      wind.x = 3;

    }

    else {

      wind.x = -3;

    }

​

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

    //SEND TO ARDUINO HERE (handshake)

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

    let sendToArduino = value + "\n";

    writeSerial(sendToArduino);

  }

}

​

​