let bg, fg;

​

let grid;

let num_rows, num_cols;

let gridSize;

let smallGridSize;

​

let player;

let score;

​

let state;

const STATES = {

  game: 0,

  dead: 1,

  pause: 2,

};

​

function setup() {

  bg = color("#9bca1d");

  fg = color("#203d04");

​

  createCanvas(624, 384);

​

  gridSize = 24;

  smallGridSize = 6;

​

  num_rows = int(height / gridSize);

  num_cols = int(width / gridSize);

​

  grid = [];

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

    grid[r] = [];

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

      if (r == 0 || r == num_rows - 1) grid[r][c] = { cell: "#", alpha: 255 };

      else grid[r][c] = { cell: ".", alpha: random(50, 100) };

    }

  }

​

  player = {

    row: int(num_rows / 2),

    col: 1,

  };

​

  score = 0;

​

  grid[player.row][player.col] = { cell: "@", alpha: 255 };

​

  textSize(18);

  frameRate(14);

​

  state = STATES.game;

}

​

function movePlayer(d) {

  nextRow = player.row + d[1];

  nextCol = player.col + d[0];

​

  if (

    nextCol >= 0 &&

    nextCol <= num_cols - 1 &&

    nextRow > 0 &&

    nextRow < num_rows - 1 &&

    grid[nextRow][nextCol].cell != "#" &&

    grid[nextRow][nextCol].cell != "!"

  ) {

    grid[player.row][player.col] = { cell: ".", alpha: random(50, 100) };

​

    player.row += d[1];

    player.col += d[0];

    grid[player.row][player.col] = { cell: "@", alpha: 255 };

  } else {

    state = STATES.dead;

  }

}

​

function keyPressed() {

//   if (keyCode == UP_ARROW) movePlayer([0, -1]);

//   else if (keyCode == DOWN_ARROW) movePlayer([0, 1]);

//   else if (keyCode == LEFT_ARROW) movePlayer([-1, 0]);

//   else if (keyCode == RIGHT_ARROW) movePlayer([1, 0]);

  if (keyCode == 32) {

    if (state != STATES.dead) {

      if (state == STATES.pause) state = STATES.game;

      else state = STATES.pause;

    }

  }

}

​

function draw() {

  background(bg);

​

  if (state == STATES.game) {

    // update

​

    // - shift everything left - unintelligently

    let shifter = [];

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

      if (grid[r][0].cell == "@" || grid[r][0].cell == "!")

        shifter.push({ cell: ".", alpha: random(50, 100) });

      else shifter.push(grid[r][0]);

    }

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

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

        if (grid[r][c].cell != "@") {

          grid[r][c - 1] = grid[r][c];

        } else {

          grid[r][c - 1] = { cell: ".", alpha: random(50, 100) };

        }

      }

    }

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

      if (random() > 0.99 && r > 0 && r < num_rows - 1)

        if (random() > 0.5)

          grid[r][num_cols - 1] = { cell: "!", alpha: random(50, 100) };

        else grid[r][num_cols - 1] = { cell: "p", alpha: random(50, 100) };

      else grid[r][num_cols - 1] = shifter[r];

    }

​

    // check collision before updating

    if (grid[player.row][player.col].cell == "!") state = STATES.dead;

    if (grid[player.row][player.col].cell == "p") score += 100;

​

    grid[player.row][player.col] = { cell: "@", alpha: 255 };

​

    if (keyIsDown(UP_ARROW)) movePlayer([0, -1]);

    if (keyIsDown(DOWN_ARROW)) movePlayer([0, 1]);

    if (keyIsDown(LEFT_ARROW)) movePlayer([-1, 0]);

    if (keyIsDown(RIGHT_ARROW)) movePlayer([1, 0]);

​

    // draw

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

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

        if (grid[r][c].cell == "#") {

          noStroke();

        } else if (

          grid[r][c].cell == "@" ||

          grid[r][c].cell == "!" ||

          grid[r][c].cell == "p"

        ) {

          strokeWeight(5);

          stroke(fg);

        } else {

          // .

          noStroke();

        }

        fg.setAlpha(grid[r][c].alpha);

​

        if (grid[r][c].cell == "!") fill(color(255, 0, 0));

        else if (grid[r][c].cell == "p") fill(color(0, 0, 255));

        else fill(fg);

        rect(c * gridSize, r * gridSize, gridSize, gridSize);

      }

    }

​

    fill(255);

    textSize(18);

    text(score, 6, 18);

    score++;

    text("arrow keys move, space pauses", 6, height - 6);

  } else {

    textSize(48);

    if (state == STATES.dead) text("u ded", 10, 40);

    text("score: " + score, 10, 80);

  }

}

​