​

let bluebut = 0;

let greenbut = 0;

let gap;

let platforms = [];

​

let score;

let backg;

let doodlerLeft;

let doodlerRight;

let platformImg;

let title;

let bluePlat;

let brownPlat;

let whitePlat;

let sound;

​

function preload() {

  android = loadImage("android.png");

  doodlerLeft = loadImage("doodler-left.png");

  doodlerRight = loadImage("doodler-right.png");

  platformImg = loadImage("platforms.png");

  backg = loadImage("background1.png");

  bluePlat = loadImage("blue_platform.png");

  whitePlat = loadImage("white_platform.png");

  title = loadImage("titlehop.PNG");

  sound = loadSound("jump1.mp3");

}

​

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

  }

}

​

class Player {

  constructor(left, right) {

    this.x = 100;

    this.y = windowHeight / 2;

    this.height = 60;

    this.width = 60;

​

    this.velocity = 0;

    this.gravity = 0.1;

    this.jumpForce = 10;

​

    this.left = doodlerLeft;

    this.right = doodlerRight;

​

    this.goingLeft = true;

  }

​

  draw() {

    if (this.goingLeft) {

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

    } else {

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

    }

  }

​

  update() {

    //Allows screen wrapping (player comes from other side of the screen)

    if (this.x + this.width < 0) this.x = width;

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

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

​

    this.velocity += this.gravity;

    this.y += this.velocity;

  }

}

​

class Enemy {

  constructor(x, y) {

    this.x = random(532);

    this.y = y;

​

    this.height = 60;

    this.width = 60;

    this.vx = 3;

    this.img = android;

  }

​

  draw() {

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

  }

​

  update() {

    this.draw();

​

    // Has enemy bounce of the wall and travel back

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

      this.vx *= -1;

    }

    this.x += this.vx;

  }

}

​

class Platform {

  constructor(x, y) {

    this.x = random(532);

    this.y = y;

​

    this.height = 20;

    this.width = 70;

​

    this.img = platformImg;

  }

​

  draw() {

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

  }

}

​

// class whitePlatform {

//   constructor(x, y) {

//     this.x = random(532);

//     this.y = y;

​

//     this.height = 20;

//     this.width = 70;

​

//     this.img = whitePlat;

//   }

​

//   draw() {

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

//   }

// }

​

class bluePlatform {

  constructor(x, y) {

    this.x = random(532);

    this.y = y;

​

    this.height = 20;

    this.width = 70;

    this.vx = 3;

    this.img = bluePlat;

  }

​

  draw() {

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

  }

​

  update() {

    this.draw();

​

    //Blue platform bounces back

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

      this.vx *= -1;

    }

    this.x += this.vx;

  }

}

​

class Background {

  constructor() {

    this.width = 532;

    this.height = windowHeight;

    this.img = backg;

    this.x = 0;

    this.y = 0;

  }

​

  draw() {

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

  }

}

​

let player;

platforms = [];

blueplatform = [];

whiteplatform = [];

enemy = [];

let title1;

function setup() {

  createCanvas(532, windowHeight);

​

  background = new Background();

​

  score = 0;

​

  player = new Player(doodlerLeft, doodlerRight);

​

  title1 = new Title();

​

  let platformCount = 6;

​

  let whitecount = 2;

​

  let bluecount = 1;

​

  // creates gap between platforms

  gap = height / platformCount;

  bluegap = height / 3;

  whitegap = height / whitecount;

  bluegap = height / bluecount;

  enemygap = height / 1;

​

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

    platforms.push(new Platform(random(width), height * 1.5 - i * gap));

  }

​

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

  //   whiteplatform.push(new whitePlatform(random(width), height * 1.5 - i * whitegap));

  // }

​

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

    blueplatform.push(

      new bluePlatform(random(width), height * 1.5 - i * bluegap)

    );

  }

​

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

    enemy.push(new Enemy(random(width), height * 1.5 - i * enemygap));

  }

}

​

function draw() {

  if (!serialActive) {

    if (gameStart == false) {

      title1.draw();

    }

  }

​

  if (gameStart == true) {

    background.draw();

    //if player falls game ends

    if (player.velocity > 10) {

      noLoop();

      gameOver();

    } else {

      translate(0, width / 2 - player.y);

​

      push();

      fill(0);

      textSize(30);

      textAlign(CENTER);

      text(score, width / 2, player.y - 150);

      pop();

​

      player.draw();

      player.update();

​

      // buttons from arudino allows player to  move

      if (greenbut == 1) {

        player.x += 4;

        player.goingLeft = false;

      } else if (bluebut == 1) {

        player.x -= 4;

        player.goingLeft = true;

      }

​

      // allows player to continously jump on platforms

      platforms.forEach((platforms) => {

        if (

          player.y + player.height >= platforms.y &&

          player.y + player.height <= platforms.y + platforms.height

        ) {

          let minX = platforms.x - player.width;

          let maxX = platforms.x + platforms.width;

​

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

            player.velocity -= player.jumpForce;

            sound.play();

          }

        }

      });

​

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

      //       if (

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

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

      //       ) {

      //         let minX = whiteplatform.x - player.width;

      //         let maxX = whiteplatform.x + whiteplatform.width;

​

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

      //           player.velocity -= player.jumpForce;

      //           sound.play();

      //         }

      //       }

      //     });

​

      blueplatform.forEach((blueplatform) => {

        if (

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

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

        ) {

          let minX = blueplatform.x - player.width;

          let maxX = blueplatform.x + blueplatform.width;

​

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

            player.velocity -= player.jumpForce;

            sound.play();

          }

        }

      });

​

      enemy.forEach((enemy) => {

        if (

          player.y + player.height >= enemy.y &&

          player.y + player.height <= enemy.y + enemy.height

        ) {

          let minX = enemy.x - player.width;

          let maxX = enemy.x + enemy.width;

​

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

            player.velocity -= player.jumpForce;

            //if enemy hits player, game ends

            noLoop();

            gameOver();

          }

        }

      });

​

      platforms.forEach((platforms) => {

        platforms.draw();

      });

​

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

      //   whiteplatform.draw();

      // });

​

      blueplatform.forEach((blueplatform) => {

        blueplatform.update();

      });

​

      enemy.forEach((enemy) => {

        enemy.update();

      });

​

      // create more platforms as player moves up the screen

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

        platforms.push(

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

        );

      }

​

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

        platforms.splice(0, 1);

        score++;

      }

​

      //     if (player.y < whiteplatform[whiteplatform.length - 1].y + 200) {

      //       whiteplatform.push(

      //         new whitePlatform(

      //           random(width),

      //           whiteplatform[whiteplatform.length - 1].y - whitegap

      //         )

      //       );

      //     }

​

      //     if (whiteplatform[0].y == player.y) {

      //       whiteplatform.splice(0, 1);

      //     }

​

      if (player.y < blueplatform[blueplatform.length - 1].y + 200) {

        blueplatform.push(

          new bluePlatform(

            random(width),

            blueplatform[blueplatform.length - 1].y - bluegap

          )

        );

      }

​

      if (blueplatform[0].y == player.y + 400) {

        blueplatform.splice(0, 1);

      }

​

      if (player.y < enemy[enemy.length - 1].y + 200) {

        enemy.push(

          new Enemy(random(width), enemy[enemy.length - 1].y - enemygap)

        );

      }

​

      if (enemy[0].y == player.y + 400) {

        enemy.splice(0, 1);

      }

    }

  }

}

​

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 gameOver() {

  textSize(30);

  textAlign(CENTER);

  text(`You scored ${score}`, width / 2, height / 2);

  textSize(25);

  text(`Hit Enter to play again`, width / 2, height / 2 + 100);

}

​

function keyPressed() {

  if (keyCode === 13) {

    gameStart = true;

    setup();

    loop();

  }

​

  if (key === UP_ARROW) {

    setup();

    loop();

  }

​

  if (key == " ") {

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

    setUpSerial();

  }

}

​

// // Arudino Code

// const int greenButton = 2;

// const int blueButton = 4;

​

// int GreenButtonState =0;

// int BlueButtonState = 0;

​

// // the setup function runs once when you press reset or power the board

// void setup() {

​

//   pinMode(greenButton, INPUT);

//   pinMode(blueButton,INPUT);

​

//   Serial.begin(9600);

​

// }

​

// // the loop function runs over and over again forever

// void loop() {

​

//   int GreenButtonState = digitalRead(greenButton);

//   int BlueButtonState = digitalRead(blueButton);

​

//   Serial.print(GreenButtonState);

//   Serial.print(',');

//   Serial.println(BlueButtonState);

​

// }

​