Автоматическое заполнение сетки ячеек

var size = 20; 
for (var i = 0; i < size; i++) { 
  var row = $('<div class="row"></div>'); 
  $("#art").append(row); 
  for (var j = 0; j < size; j++) { 
    row.append('<div class="pixel white"></div>'); 
  } 
} 
 
 
var timerFind = null; 
var convert = []; 
$(".pixel").click(function() { 
  $(this).removeClass("white"); 
  $(this).addClass("black"); 
  if (timerFind) 
    return;       
 
  function FindPixels() { 
    var matrix = []; 
    $(".row").each(function(iRow, row){ 
      matrix[iRow] = []; 
      $(row).find(".pixel").each(function(iPix, pix){ 
        matrix[iRow].push($(pix)); 
      }); 
    }); 
   
    var blacks = []; 
    for (var iRow = 0; iRow < matrix.length; iRow++) { 
      for (var iPix = 0; iPix < matrix[iRow].length; iPix++) { 
        if (matrix[iRow][iPix].hasClass("black")) 
          blacks.push({ row: iRow, col: iPix }); 
      }   
    } 
 
    for (var iB = 0; iB < blacks.length; iB++) { 
      for (var i = Math.max(0, blacks[iB].row-1);  
          i <= Math.min(matrix.length-1, blacks[iB].row+1); i++) { 
        for (var j = Math.max(0, blacks[iB].col-1);  
            j <= Math.min(matrix[0].length-1, blacks[iB].col+1); j++) { 
          if ((i == blacks[iB].row || j == blacks[iB].col) &&  
              matrix[i][j].hasClass("white") &&  
              convert.indexOf(matrix[i][j]) == -1) { 
            convert.push(matrix[i][j]); 
            $("#convert").text(convert.length); 
          } 
        } 
      } 
    } 
 
    if (convert.length > 0) { 
          var index = Math.floor(Math.random() * convert.length) 
          convert[index].removeClass("white"); 
          convert[index].addClass("black"); 
          convert = []; 
          $("#convert").text(convert.length); 
    } 
 
    if ($(".pixel.white").length == 0) { 
      console.log("done"); 
    } else { 
      timerFind = setTimeout(FindPixels, 100); 
    } 
  } // FindPixels 
 
  timerFind = setTimeout(FindPixels, 100); 
}); 
 
$(".row").last().find(".pixel").last().click();

#art { 
  width: 181px; 
  height: 181px; 
  display: table; 
  border-spacing: 1px; 
  background-color: #d8d8d8; 
} 
 
.row { 
  display: table-row; 
} 
 
.pixel { 
  display: table-cell; 
} 
 
.black { 
  background-color: black; 
} 
 
.white { 
  background-color: white; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<span id="convert">0</span> 
<div id="art"> 
</div>