//   Platform breaking

//   Game Over Screen

//   Change graphics (optional)

//   Add Sound

//   Fix blue botton

// Add enemy (optional)

​

let bluebut = 0;

let greenbut = 0;

let gravity = 0.1;

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 Player {

  constructor() {

    this.width = 50;

    this.height = 50;

    this.x = windowWidth / 2-20;

    this.y = windowHeight / 2;

    this.weight = 0.5;

​

    this.img = android;

    this.v = 0;

    this.g = 0.1;

    this.jump = 9;

    // this.vx = 0;

    // this.vy = -5;

    // this.g = 1.5;

    // this.xg =0;

  }

​

  draw() {

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

  }

​

    update(platforms) {

    if (this.x + this.width < 0) this.x = width;   // add this screen wrapping

    if (this.x > width) this.x = -this.width;

    if (this.velocity < -9) this.velocity = -9;

    this.velocity += this.gravity; 

    this.y += this.velocity;

​

    if (keyIsDown(LEFT_ARROW)) {

      this.x -= 4;

    } 

    if (keyIsDown(RIGHT_ARROW)) {

      this.x += 4;

    }

     for (let platform of platforms) {

      if (this.y + this.height >= platform.y && this.y + this.height <= platform.y + platform.height) {

        let minX = platform.x - this.width;

        let maxX = platform.x + platform.width;

        if (this.x >= minX && this.x <= maxX) {

          this.jump();

        }

      }

     }

    }

       jump() {

    this.velocity -= this.jumpForce;

  }

}

​

​

​

​

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.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 doodler;

​

let gap;

let platforms = [];

​

​

let bg;

let doodlerLeft;

let doodlerRight;

let platformImg;

​

function setup() {

  createCanvas(400, 600);

​

  platforms = [];

  score = 0;

  bg = loadImage('background1.png'); // add this to load the background

  doodler = new Player();

​

  let platformCount = 4;

  gap = height / platformCount;

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

    platforms.push(new greenPlatform(random(width), (height * 1.5) - i * gap, platformImg))

  }

​

}

​

function draw() {

  background.draw();

  if (doodler.v > 10) {

    noLoop();

    gameOver();

  } else {

   translate(0, windowWidth / 2 - doodler.y);

​

    push();

    fill(0)

    textSize(30);

    textAlign(CENTER);

    text(score, windowWidth / 2, doodler.y - 150);

    pop();

​

    doodler.draw();

    doodler.update(platforms);

​

​

​

​

    for (let platform of platforms) {

      platform.draw();

    }

​

​

    // create more platforms as the doodler moves up the screen

    if (doodler.y < platforms[platforms.length - 1].y + 200) {

      platforms.push(new Platform(random(width), platforms[platforms.length - 1].y - gap));

    }

​

    if (platforms[0].y > doodler.y + 400) {

      platforms.splice(0, 1);

      score++;

    }

​

​

  }

​

​

}

function gameOver() {

  textSize(30);

  image(bg, 0, 0);

  textAlign(CENTER);

  text(`You scored ${score}`, windowWidth / 2, windowHeight / 2);

  textSize(25);

  text(`Hit space to play again`, windowWidth / 2, windowHeight / 2 + 100);

}

​

​

function keyPressed() {

  if (key == ' ') {

    setup();

    loop();

  }

}

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

//   constructor() {

//     this.x = 100;

//     this.y = 650;

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

​

// function setup() {

//   createCanvas(532, windowHeight);

​

//   background = new Background();

//   ground = new Ground();

//   gap = windowHeight / 7;

​

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

//      platform.push(new greenPlatform(random(width), (windowHeight) - i * gap));

//    }

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

//   //   blueplatform[i] = new bluePlatform();

//   // }

​

​

//   player = new Player();

// }

​

// function draw() {

//   if (!serialActive) {

//     if (gameStart == false) {

//     }

//   } 

//     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 < 7; i++) {

//         platform[i].update();

//       }

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

//       //   blueplatform[i].update();

//       // }

​

​

//       if (player.y < 300) {

//         player.y += player.vy;

//         // player.vy += player.v;

//         score += 1

//         ground.vy = 2;

​

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

//         platform.forEach((platform) => {

//           platform.vy = 2;

//         });

​

//        // blueplatform.forEach((blueplatform) => {

//        //    blueplatform.vy = 2;

//        //  });

//       }

​

//       if (keyIsDown(LEFT_ARROW)){

//         player.vx = 5;

//         print("k");

//       }

//       else if (keyIsDown(RIGHT_ARROW)) {

//         player.vx = -5;

//         print('a');  

//       } 

//       else {

//         player.vx = 0;

//       }

// //       if (greenbut == 1){

// //         player.vx = 5;

// //         print("k");

// //       }

// //       else if (bluebut == 1) {

// //         player.vx = -5;

// //         print('a');

// //       } 

// //       else {

// //         player.vx = 0;

// //       }

//     }

​

//     //   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 = -25;

//       }

​

//     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 = -15;

//   //     }

//   //   });

​

//   }

​

​

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

//   }

// }

​