let grid, tiles, num_rows, num_cols, cell_size;

let entities;

let spd = 2;

let MAX_W, MAX_H;

​

let bgcolor, fgcolor;

​

function setup() {

  new Canvas(800, 600);

  world.gravity.y = 9.8;

  world.allowSleeping = true;

  bgcolor = 20;

  fgcolor = 220;

  background(bgcolor);

  cell_size = 24;

  num_rows = 100;

  num_cols = 100;

​

  MAX_W = num_cols * cell_size;

  MAX_H = num_rows * cell_size;

​

  player = new Sprite(); //cell_size*2, cell_size*2, cell_size, cell_size);

  // player.textSize = cell_size;

  // player.text = "@";

  player.x = 100; //(num_cols*cell_size)/2;

  player.y = 100; //(num_rows*cell_size)/2;

  player.w = cell_size;

  player.h = cell_size;

  player.color = fgcolor;

  player.stroke = bgcolor;

  player.textColor = fgcolor;

  player.bounciness = 0.5;

  // player.collider = 'static'

​

  env_solid = new Group();

  env_solid.w = cell_size;

  env_solid.h = cell_size;

  env_solid.tile = "#";

  // env_solid.text = '#';

  // env_solid.textSize = cell_size;

  env_solid.collider = 'static';

  env_solid.color = fgcolor;

  env_solid.stroke = bgcolor;

  env_solid.diameter = 50;

  // env_solid.textColor = fgcolor;

//   env_solid = new Group();

//   env_solid.w = cell_size;

//   env_solid.h = cell_size;

//   env_solid.tile = "^";

//   env_solid.text = '.';

//   env_solid.textSize = cell_size;

//   env_solid.collider = 'none';

//   env_solid.color = bgcolor;

//   env_solid.stroke = bgcolor;

//   env_solid.textColor = fgcolor;

  walls = new Group();

  walls.x = 0;

  walls.y = 0;

  let left_wall = new walls.Sprite(-cell_size,MAX_H/2,cell_size, cell_size*3+cell_size*num_rows, 'static');

  left_wall.color = fgcolor;

  left_wall.stroke = fgcolor;

  let right_wall = new walls.Sprite(cell_size*num_cols+cell_size,MAX_H/2,cell_size, cell_size*3+cell_size*num_rows, 'static');

  right_wall.color = fgcolor;

  right_wall.stroke = fgcolor;

  let top_wall = new walls.Sprite(MAX_W/2, -cell_size, cell_size*3+cell_size*num_cols, cell_size,'static');

  top_wall.color = fgcolor;

  top_wall.stroke=fgcolor;

  let bottom_wall = new walls.Sprite(MAX_W/2, cell_size*num_rows+cell_size, cell_size*3+cell_size*num_cols, cell_size,'static');

  bottom_wall.color = fgcolor;

  bottom_wall.stroke=fgcolor;

  grid = [];

  for (let r = 0; r < num_rows; r++) {

    // grid[r] = [];

    let s = "";

    for (let c = 0; c < num_cols; c++) {

      if (r == 0 || c == 0 || r == num_rows - 1 || c == num_cols - 1) {

        // grid[r][c] = "#";

        ;

        // s += "#";

        // let w = new env_solid.Sprite();

        // w.text = "#";

        // w.textSize = cell_size;

        // w.w = cell_size;

        // w.h = cell_size;

        // w.x = c * cell_size;

        // w.y = r * cell_size;

        // w.collider = "static";

      } else {

        // grid[r][c] = ".";

        if (random() > 0.05)

        s += ".";

        else

          s += "#";

      }

    }

    grid.push(s);

  }

  tiles = new Tiles(grid,0,0,cell_size,cell_size);//, 0, 0, 0, 0);

  for (let tile of tiles) {

    tile.sleeping = true;

  }

  entities = [];

​

  // floor = new Sprite(250, 200, 500, 40, 'static');

​

  frameRate(60);

  player.collides(tiles, tile_collide);

  player.score = 0;

}

function tile_collide(player, tile) {

  // console.log("bonk");

  tile.color = color(random(255),random(255),random(255));

  player.score++;

}

​

function draw() {

  background(bgcolor);

  // if (mouse.presses()) {

  //    player.vel.y = -4;

  //    player.vel.x = 3;

  // }

​

  // if (player.colliding(tiles)) {

  //   // player.vel.y *= -1.5;

  //   player.vel.y = -9;

  // }

  // console.log(player.vel.y)

  if (keyIsDown(74) || keyIsDown(83) || keyIsDown(DOWN_ARROW)) {

    player.vel.y += spd;

    player.vel.y = constrain(player.vel.y, -1, 1);

  }

  if (keyIsDown(75) || keyIsDown(87) || keyIsDown(UP_ARROW)) {

    player.vel.y -= spd;

  }

  if (keyIsDown(72) || keyIsDown(65) || keyIsDown(LEFT_ARROW)) {

    player.vel.x -= spd;

  }

  if (keyIsDown(76) || keyIsDown(68) || keyIsDown(RIGHT_ARROW)) {

    player.vel.x += spd;

  }

​

  // camera.x = player.x;

  // camera.y = player.y;

​

  let cx = -player.x + 400;

  let cy = -player.y + 300;

  // camera.x += (cx - camera.x) * 0.06

  // camera.y += (cy - camera.y) * 0.06;

  camera.x = player.x;

  camera.y = player.y;

  // camera.x = max(-(camera.w-800), min(0,player.x));

  // camera.y = max(-(camera.h-600), min(0, player.y));

  // camera.x = max(-(800-MAX_W), min(0, camera.x));

  // camera.y = max(-(600-MAX_H), min(0, camera.y));

​

  // console.log(camera.x, camera.y);

  // # we want to center target_rect

  // x = -target_rect.center[0] + WIN_WIDTH/2

  // y = -target_rect.center[1] + WIN_HEIGHT/2

  // # move the camera. Let's use some vectors so we can easily substract/multiply

  // camera.topleft += (pygame.Vector2((x, y)) - pygame.Vector2(camera.topleft)) * 0.06 # add some smoothness coolnes

  // # set max/min x/y so we don't see stuff outside the world

  // camera.x = max(-(camera.width-WIN_WIDTH), min(0, camera.x))

  // camera.y = max(-(camera.height-WIN_HEIGHT), min(0, camera.y))

  // fill(255);

  // text(`${frameRate()}`, 10, 10);

  // console.log(player.vel)

  renderStats();

  fill(220);

  noStroke();

  text(`Score: ${player.score}`, 10, height-24);

  if (frameCount > 10 && player.vel.x > -0.001 && player.vel.x < 0.001 && player.vel.y > -0.001 && player.vel.y < 0.001) {

    textSize(48);

    textAlign(CENTER);

    text("GAME OVER", width/2, height/2);

    noLoop();

  }

}

​

function keyPressed() {

  if (key == " ") saveGif("peglin-rl.gif", 10);

  // if (key == "l") player.x += cell_size;

  // if (key == "h") player.x -= cell_size;

  // if (key == "k") player.y -= cell_size;

  // if (key == "j") player.y += cell_size;

}

​