let backg;

let y1 = 0;

let y2;

let bluePlat;

let brownPlat;

let greenPlat;

let whitePlat;

​

let gameStart = false;

​

function preload() {

  android = loadImage("android.png");

  backg = loadImage("background.png");

  bluePlat = loadImage("blue_platform.png");

  brownPlat = loadImage("brown_platform.png");

  greenPlat = loadImage("green_platform.png");

  whitePlat = loadImage("white_platform.png");

}

​

class Background{

  constructor(game){

    this.game = game;

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

    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 +=3;

    }

  }

}

​

class Platform{

  constructor(lowerY,upperY){

    this.width = 90;

    this.height = 15

    this.platforms = [];

    this.platform_gap = 85;

    this.x = floor(random() * ((532 - this.width) - 0 + 1)) + 0;

    this.y = this.calc_Y(upperY,lowerY);

    this.add_platforms(0,this.height-15);

    this.add_platforms(-this.height,-15);

    this.img = greenPlat;

  }

  draw(){

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

  }

  update(){

    this.y += 3;

  }

  calc_Y(upperY,lowerY){

    if(!this.platforms.length){

      return floor(random() * (upperY - (upperY -100) +1)) + (upperY - 100);

    }

    else{

      return(this.platforms[0].y - (floor(random() * (this.platform_gap - (this.platform_gap - 30) + 1)) + (this.platform_gap - 30)))

    }

  }

  add_platforms(lowerY,upperY){

    while(this.platforms[0].y >= lowerY);

  }

}

​

​

class Game{

  constructor(width,height){

    this.width = width;

    this.height = height;

    this.background = new Background(this);

  }

  draw(){

    this.background.draw();

  }

  update(){

    this.background.update();

  }

}

let game;

let background;

let platform;

​

function setup() {

  createCanvas(532, windowHeight);

  game = new Game();

  background = new Background();

  platform.unshift = new Platform(platform.lowerY,platform.upperY);

}

​

function draw() {

  if (gameStart == false){

    textAlign(CENTER);

      textFont("Helvetica", 20);

      fill("black");

      stroke(254, 177, 109);

      strokeWeight(6);

      text("Press Enter To Start", 200, 200);

  }

  if (gameStart == true){

    background.update();

    platform.forEach(platform => {

      platform.update();

    })

  }

    else{

      platform.forEach(platform => {

        platform.draw()

      })

    }

  // game.update();

  // game.draw();

}

​

function keyPressed(){

  if (keyCode === UP_ARROW) {

    gameStart = true;

  }

}