More small changes

js/canvas.class.js

@@ -15,11 +15,15 @@ var Canvas = function(game, canvasId) {
 Canvas.prototype.drawAll = function() {
 	for (var h = 0; h < this.game.grid.height; h++) {
 		for (var w = 0; w < this.game.grid.width; w++) {
+			// this.context.shadowBlur = 0;
+			// this.context.shadowColor = this.color;
 			this.context.fillStyle = this.color;
 			this.context.fillRect(w * this.game.gridSize, h * this.game.gridSize, this.game.gridSize, this.game.gridSize);
 			
 			for (var i in this.game.snake.locations) {
 				if (this.game.snake.locations[i][0] === w && this.game.snake.locations[i][1] === h) {
+					// this.context.shadowBlur = 60;
+					// this.context.shadowColor = "purple";
 					this.context.fillStyle = "purple";
 					this.context.fillRect(w * this.game.gridSize, h * this.game.gridSize, this.game.gridSize, this.game.gridSize);
 				}
@@ -31,27 +35,43 @@ Canvas.prototype.drawAll = function() {
 Canvas.prototype.setTile = function(type, x, y) {
 	switch (type) {
 		case ('board'):
+			// this.context.shadowBlur = 0;
+			// this.context.shadowColor = this.color;
 			this.context.fillStyle = this.color;
 			break;
 		case ('snake'):
+			// this.context.shadowBlur = 60;
+			// this.context.shadowColor = "purple";
 			this.context.fillStyle = "purple";
 			break;
 		case ('food'):
+			// this.context.shadowBlur = 60;
+			// this.context.shadowColor = "green";
 			this.context.fillStyle = "green";
 			break;
 		case ('death'):
+			// this.context.shadowBlur = 60;
+			// this.context.shadowColor = "red";
 			this.context.fillStyle = "red";
 			break;
 		case ('faster'):
+			// this.context.shadowBlur = 60;
+			// this.context.shadowColor = "#708BF4";
 			this.context.fillStyle = "#708BF4";
 			break;
 		case ('slower'):
+			// this.context.shadowBlur = 60;
+			// this.context.shadowColor = "#3135C4";
 			this.context.fillStyle = "#3135C4";
 			break;
 		case ('bonus'):
+			// this.context.shadowBlur = 60;
+			// this.context.shadowColor = "gold";
 			this.context.fillStyle = "gold";
 			break;
 		default:
+			// this.context.shadowBlur = 0;
+			// this.context.shadowColor = this.color;
 			this.context.fillStyle = this.color;
 			break;
 	}
@@ -59,6 +79,8 @@ Canvas.prototype.setTile = function(type, x, y) {
 }
 
 Canvas.prototype.prep = function() {
+	// this.context.shadowBlur = 0;
+	// this.context.shadowColor = this.color;
     this.context.fillStyle = this.color;
     this.context.fillRect(0, 0, this.canvas.width, this.canvas.height);
 }