cell.js

function Cell(row, column, width, height) {
	this.visited = false;
	this.row = row;
	this.column = column;
	this.width = width;
	this.height = height;
	this.walls = [true, true, true, true];


	var canvas = document.getElementById("drawArea");
	this.ctx = canvas.getContext('2d');
}

Cell.prototype.draw = function () {
	var x = this.column * this.width;
	var y = this.row * this.height;

	this.ctx.beginPath();

	this.ctx.moveTo(x, y);
	//Top Wall
	if (this.walls[0])
		this.ctx.lineTo(x + this.width, y);
	else
		this.ctx.moveTo(x + this.width, y);
	//Right Wall
	if (this.walls[1])
		this.ctx.lineTo(x + this.width, y + this.width);
	else
		this.ctx.moveTo(x + this.width, y + this.width);
	//Bottom Wall
	if (this.walls[2])
		this.ctx.lineTo(x, y + this.width);
	else
		this.ctx.moveTo(x, y + this.width);
	//Left Wall
	if (this.walls[3])
		this.ctx.lineTo(x, y);
	else
		this.ctx.moveTo(x, y);

	this.ctx.strokeStyle = "#CCC";
	this.ctx.stroke();

	if (this.visited) {
		this.ctx.fillStyle = "#7d4ec2";
		this.ctx.fillRect(x, y, this.width, this.width);
	}
};

Cell.prototype.getNextNeighbor = function () {
	var neighbours = [];

	var top = grid[getGridIndex(this.row - 1, this.column)];
	var right = grid[getGridIndex(this.row, this.column + 1)];
	var bottom = grid[getGridIndex(this.row + 1, this.column)];
	var left = grid[getGridIndex(this.row, this.column - 1)];

	if (top && !top.visited)
		neighbours.push(top);
	if (right && !right.visited)
		neighbours.push(right);
	if (bottom && !bottom.visited)
		neighbours.push(bottom);
	if (left && !left.visited)
		neighbours.push(left);

	if (neighbours.length > 0) {
		var nextIndex = Math.floor(Math.random() * (neighbours.length));
		return neighbours[nextIndex];
	} else
		return undefined;
};

Cell.prototype.collapseWall = function (relativeTo) {
	console.log("Current");
	console.log(this);
	console.log("Next");
	console.log(relativeTo);
	var xDirection = this.column - relativeTo.column;
	if (xDirection === 1) {
		//the neighbor is to the left
		this.walls[3] = false;
		relativeTo.walls[1] = false;
	} else if (xDirection === -1) {
		//the neighbor is to the left
		this.walls[1] = false;
		relativeTo.walls[3] = false;
	}

	var yDirection = this.row - relativeTo.row;
	if (yDirection === 1) {
		//the neighbor is above
		this.walls[0] = false;
		relativeTo.walls[2] = false;
	} else if (yDirection === -1) {
		//the neighbor is below
		this.walls[2] = false;
		relativeTo.walls[0] = false;
	}
};

Cell.prototype.highlight = function () {
	var x = this.column * this.width;
	var y = this.row * this.height;
	this.ctx.fillStyle = "#5a1480"
	this.ctx.fillRect(x, y, this.width, this.height);
};