Inertia Prototype

by ElijahCirioli

HTML

<canvas id="myCanvas" width="500" height="500" style="border:1px solid #000000;"></canvas>

JavaScript

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

var tileSize = 64;
var x = 0;
var y = 0; 
var dir = 0;

var map = [
[1,1,1,1,1,1,1,1,1,1,1],
[1,0,0,0,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,0,0,0,1],
[1,0,0,1,1,1,0,0,0,0,1],
[1,0,0,1,1,1,0,0,0,0,1],
[1,0,0,1,1,1,0,0,0,0,1],
[1,0,0,0,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,0,1,1,1],
[1,0,0,0,0,0,0,0,1,1,1],
[1,1,1,1,1,1,1,1,1,1,1]
];

function gameCycle() {
	drawMap();
  move();
  drawPlayer();
}

function drawMap() {
  context.fillStyle = "white";
  context.fillRect(0, 0, canvas.width, canvas.height);
  for (var i = 0; i < map.length; i++) {
    for (var j = 0; j < map[i].length; j++) {
      if (map[i][j] === 1) {
        context.fillStyle = "black";
        context.fillRect(j * tileSize, i * tileSize, tileSize, tileSize);
      }
    }
  }
}

function move() {

}

function drawPlayer() {

}

var thread = setInterval(gameCycle, 1000 / 30);