let backg;

let y1 = 0;

let y2;

let bluePlat;

let brownPlat;

let greenPlat;

let whitePlat;

​

let scrollSpeed = 1;

​

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.x = 0;

//      this.y = 0;

//      this.w = this.game.w

//      this.h = this.game.h;

//      this.img = backg;

//    }

//    draw(){

//     image(this.img, this.x, this.y, this.w, this.h);

//     image(this.img, this.x, this.y - this.h, this.w, this.h);

//    }

//    update(){

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

//        this.y = 0;

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

//     }

//      else{

//        this.y += 3;

//      }

//    }

//  }

​

class green_Platform{

  constructor(game, lowerY, upperY, type){

    this.game = game;

    this.w = 90;

    this.h = 15;

    this.type = type

    this.x = (Math.floor(Math.random() * ((this.game-this.w) -0 + 1)) + 0);

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

    this.img = greenPlat;

  }

  draw(){

    image(this.img, this.x, this.y, this.w, this.h);

  }

  update(){

    this.y += 3;

  }

  calc_Y(upperY,lowerY){

    if(!this.game.platforms.length){

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

    }

    else{

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

    }

  }

}

class Game{

  constructor(width, height){

    this.w = width;

    this.h = height;

    this.gameStart = false;

    this.platforms=[]

    this.platform_gap = 85;

    // this.blue_white_platform_chance = 50;

    this.add_platforms = (0,this.h-15);

    this.add_platforms = (-this.h,-15);

    // this.background = new Background(this);

  }

  draw(){

     // this.background.draw();

      if (this.gameStart == false){

      textAlign(CENTER);

      textFont("Helvetica",20);

      fill("black");

      stroke(254, 177, 109);

      strokeWeight(6);

    // text("FLOOR IS LAVA", width / 2, 200);

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

      }

      else{

        // rect(200,200,30,40);

      image(backg, 0, y1, width, height);

      image(backg, 0, y2, width, height);

      y1 += scrollSpeed;

      y2 += scrollSpeed;

​

    if (y1 < -height) {

      y1 = height;

    }

    if (y2 < -height) {

      y2 = height;

    }

        this.platforms.forEach(platforms => {

          platforms.draw()

        })

      }

  }

  update(){

    // this.background.update();

    this.platforms.forEach(platform => {

      platform.update()

​

    })

  }

  add_platform(lowerY,upperY){

    let type = 'green'

    this.platforms.unshift(new Plarform(this,lower,upper,type))

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

    }

  }

}

​

let game;

function setup() {

  createCanvas(532, windowHeight);

  game = new Game();

}

​

function draw() {

  // background(200);

  //scrolls background image

//     image(backg, 0, y1, width, height);

//     image(backg, 0, y2, width, height);

​

//     y1 += scrollSpeed;

//     y2 += scrollSpeed;

​

//     if (y1 < -width) {

//       y1 = width;

//     }

//     if (y2 < -width) {

//       y2 = width;

//     }

    game.draw(); 

   if (game.gameStart == true){

   game.update();

   }

   // }

}

​

function keyPressed(){

  if (keyCode === UP_ARROW) {

    game.gameStart = true;

  }

}