//   Platform breaking

//   Game Over Screen

//   Change graphics (optional)

//   Add Sound

//   Fix blue botton

// Add enemy (optional)

​

let bluebut = 0;

let greenbut = 0;

​

let score = 0;

let android;

let backg;

let y1 = 0;

let y2;

let bluePlat;

let brownPlat;

let greenPlat;

let whitePlat;

let title;

​

let gameStart = false;

let arrow;

​

function preload() {

  android = loadImage("android.png");

  backg = loadImage("background1.png");

  bluePlat = loadImage("blue_platform.png");

  brownPlat = loadImage("brown_platform.png");

  greenPlat = loadImage("green_platform.png");

  whitePlat = loadImage("white_platform.png");

  title = loadImage("titlehop.PNG");

}

​

class Title{

   constructor() {

    this.width = 532;

    this.height = windowHeight;

    this.img = title;

    this.x = 0;

    this.y = 0;

    this.vy = 0;

  }

​

  draw() {

    image(this.img, this.x, this.y, this.width, this.height);

    image(this.img, this.x, this.y - this.height, this.width, this.height);

  }

}

class Player {

  constructor() {

    this.width = 50;

    this.height = 50;

    this.x = 100;

    this.y = 570;

​

    this.img = android;

​

    this.vx = 4;

    this.v = 0;

  }

​

  draw() {

    image(this.img, this.x, this.y, this.width, this.height);

  }

​

  update() {

    player.draw();

    this.v += 0.2;

    this.y += this.v;

    if (greenbut == 1){

        this.x -= this.vx;

        print("k");

      }

      else if (bluebut == 1) {

        this.x += this.vx

      } 

      else {

        player.vx = 0;

      }

  }

}

​

class Enemy {

}

class Background {

  constructor() {

    this.width = 532;

    this.height = windowHeight;

    this.img = backg;

    this.x = 0;

    this.y = 0;

    this.vy = 0;

  }

​

  draw() {

    image(this.img, this.x, this.y, this.width, this.height);

    image(this.img, this.x, this.y - this.height, this.width, this.height);

  }

​

//   update() {

//     this.draw();

​

//     if (this.y > this.height) {

//       this.y = 0;

//     } else {

//       this.y += this.vy;

//       score = score + 1;

//     }

//   }

}

​

class greenPlatform {

  constructor(x,y) {

    // this.x = x;

    // this.y = y;

    this.width = 90;

    this.height = 15;

    this.num_plat = 5;

    this.platlist = [];

    this.image = greenPlat;

    this.vy = 0;

    this.platGap=0;

    this.newY=0;

  }

​

  draw() {

    image(this.image, this.x, this.y, this.width, this.height);

  }

​

  setUpPlatforms() {

    this.draw();

  for (let i=0; i < num_plat; i++) {

    this.platGap = windowHeight / this.num_plat;

    this.newY = i * this.platGap;

    this.plat = new Platform()

  }

  }

}

​

class bluePlatform {

  constructor() {

    this.x = random(532);

    this.y = random(windowHeight);

    this.width = 90;

    this.height = 15;

    this.vx = 3;

    this.image = bluePlat;

    this.vy = 0;

  }

​

  draw() {

    image(this.image, this.x, this.y, this.width, this.height);

  }

​

  update() {

    this.draw();

​

    if (this.x < 0 || this.x > 532 - this.width) {

      this.vx *= -1;

    }

    this.x += this.vx;

    if (this.y > windowHeight) {

      this.y = 0;

    } else {

      this.y += this.vy;

    }

  }

}

​

class whitePlatform {

  constructor() {

    this.x = random(532);

    this.y = random(windowHeight);

    this.width = 90;

    this.height = 15;

    this.chance = 50;

    this.image = whitePlat;

    this.vy = 0;

  }

​

  draw() {

    image(this.image, this.x, this.y, this.width, this.height);

  }

​

  update() {

    this.draw();

​

    if (this.y > windowHeight) {

      this.y = 0;

    } else {

      this.y += this.vy;

    }

  }

}

​

class brownPlatform {

  constructor() {

    this.x = random(532);

    this.y = random(windowHeight);

    this.width = 90;

    this.height = 15;

    this.chance = 50;

    this.image = brownPlat;

    this.vy = 0;

  }

​

  draw() {

    image(this.image, this.x, this.y, this.width, this.height);

  }

​

  update() {

    this.draw();

​

    if (this.y > windowHeight) {

      this.y = 0;

    } else {

      this.y += this.vy;

    }

  }

}

​

class Ground {

  constructor() {

    this.x = 100;

    this.y = 575;

    this.width = 90;

    this.height = 15;

    this.image = greenPlat;

    this.vy = 0;

  }

​

  draw() {

    image(this.image, this.x, this.y, this.width, this.height);

  }

​

  update() {

    this.draw();

​

    if (this.y > windowHeight) {

      this.y = 0;

    } else {

      this.y += this.vy;

    }

  }

}

​

let background;

let platform = [];

let blueplatform = [];

let whiteplatform = [];

let player;

let ground;

let title1;

​

let gap = 50;

​

function setup() {

  createCanvas(532, windowHeight);

​

  background = new Background();

  ground = new Ground();

  title1 = new Title();

  // ground.draw();

​

  // for (let i = 0; i < 20; i++) {

  //   platform.push(new greenPlatform(random(532),random(windowHeight)));

  // }

​

  for (let i = 0; i < 20; i++) {

    blueplatform[i] = new bluePlatform();

  }

​

  for (let i = 0; i < 20; i++) {

    whiteplatform[i] = new whitePlatform();

  }

​

  player = new Player();

}

​

function draw() {

  if (!serialActive) {

    if (gameStart == false) {

      title1.draw()

    }

  } 

    if (gameStart == true) {

      // print(currentString);

      background.draw();

      ground.update();

      textAlign(CENTER);

      textFont("Helvetica", 20);

      fill("black");

      stroke(254, 177, 109);

      strokeWeight(6);

      text(score, 30, 30);

      player.update();

​

      for (let i = 0; i < 5; i++) {

        platform.push(new greenPlatform(random(532),random(windowHeight)));

        platform[i].update();

      }

​

      for (let i = 0; i < 1; i++) {

        blueplatform[i].update();

      }

​

      for (let i = 0; i < 3; i++) {

        whiteplatform[i].update();

      }

​

      if (player.y < 450) {

        player.y += player.vy;

        //player.vy += player.v;

​

        ground.vy = 3;

​

        //  moves the platform down to create the illusion of scrolling

        platform.forEach((platform) => {

          platform.vy = 3;

        });

​

        blueplatform.forEach((blueplatform) => {

          blueplatform.vy = 3;

        });

​

        whiteplatform.forEach((whiteplatform) => {

          whiteplatform.vy = 3;

        });

      }

​

​

      if (greenbut == 0) {

        player.vx = 0;

      } 

      if (greenbut == 1){

        player.vx = 5;

        print("k");

      }

      if (bluebut == 0) {

        player.vx = 0;

      } 

      else {

        player.vx = -5;

        print('a');

      }

    }

​

    //   if (keyIsDown(LEFT_ARROW)) {

    //     player.vx = -5;

    //   } else if (keyIsDown(RIGHT_ARROW)) {

    //     player.vx = 5;

    //   } else {

    //     player.vx = 0;

    //   }

    // }

  if (

        player.y + player.height <= ground.y &&

        player.y + player.height + player.vy >= ground.y &&

        player.x + player.height >= ground.x &&

        player.x <= ground.x + ground.width

      ) {

        player.vy = 0;

        player.vy = -20;

      }

​

    platform.forEach((platform) => {

      if (

        player.y + player.height <= platform.y &&

        player.y + player.height + player.vy >= platform.y &&

        player.x + player.height >= platform.x &&

        player.x <= platform.x + platform.width

      ) {

        player.vy = 0;

        player.vy = -20;

      }

    });

​

    blueplatform.forEach((blueplatform) => {

      if (

        player.y + player.height <= blueplatform.y &&

        player.y + player.height + player.vy >= blueplatform.y &&

        player.x + player.height >= blueplatform.x &&

        player.x <= blueplatform.x + blueplatform.width

      ) {

        player.vy = 0;

        player.vy = -20;

      }

    });

​

    whiteplatform.forEach((whiteplatform) => {

      if (

        player.y + player.height <= whiteplatform.y &&

        player.y + player.height + player.vy >= whiteplatform.y &&

        player.x + player.height >= whiteplatform.x &&

        player.x <= whiteplatform.x + whiteplatform.width

      ) {

        player.vy = 0;

        player.vy = -20;

      }

    });

  }

​

​

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

      // only store values here

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

      bluebut = fromArduino[0];

      greenbut = fromArduino[1];

    }

  }

}

​

function keyPressed() {

  if (keyCode === 13) {

    gameStart = true;

  }

  if (key == " ") {

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

    setUpSerial();

  }

}

​