Strategic Game of Life(thomashunter.name)

    function drawArena() {
    	for (var y = 0; y < CELLS_Y; y++) {
    		for (var x = 0; x < CELLS_X; x++) {
    			if (goal.x == x && goal.y == y) {
    				context.fillStyle = "rgb(0,127,255)";
    				if (arena[y][x] && !generations_until_beaten) {
    					winLevel();
    				}
    			} else if (arena[y][x]) {
    				context.fillStyle = "rgb(0,0,0)";
    			} else {
    				context.fillStyle = "rgb(255,255,255)";
    			}
    			context.fillRect(x * TILE_WIDTH, y * TILE_HEIGHT, TILE_WIDTH, TILE_HEIGHT);
    		}
    	}

    // Draw playable zone (if applicable)
    	if (playable.width && playable.height) {
    		context.fillStyle = "rgba(255,127,0, 0.3)";
    		context.fillRect(
    			playable.x * TILE_WIDTH,
    			playable.y * TILE_HEIGHT,
    			playable.width * TILE_WIDTH,
    			playable.height * TILE_HEIGHT
    		);
    	}
    }