Desenhando o Creeper.

O meu ficou igualzinho o seu, deu uma trabalheira hein. hahahahaha

<canvas width="600" height="400"></canvas>

<script>
  var tela = document.querySelector('canvas');
  var pincel = tela.getContext('2d');

  pincel.fillStyle = 'lightgrey';
  pincel.fillRect(0, 0, 600, 400);

  pincel.fillStyle = 'darkgreen';
  pincel.fillRect(125, 50, 350, 300);

  pincel.fillStyle = 'black';
  pincel.fillRect(175, 100, 90, 90);

  pincel.fillStyle = 'black';
  pincel.fillRect(335, 100, 90, 90);

  pincel.fillStyle = 'black';
  pincel.fillRect(265, 190, 70, 100);

  pincel.fillStyle = 'black';
  pincel.fillRect(225, 240, 40, 110);

  pincel.fillStyle = 'black';
  pincel.fillRect(335, 240, 40, 110);
</script>

As minhas coordenadas ficaram um pouco diferentes mais achei que ficou bom, mas utilizei o "pincel.fillStyle = "black "" uma vez só.

<canvas width="600" height="400"></canvas>

<script>

  var tela = document.querySelector("canvas");
  var pincel = tela.getContext("2d");


  pincel.fillStyle = "lightGrey";
  pincel.fillRect(0, 0, 600, 400);

  pincel.fillStyle = "darkgreen";
  pincel.fillRect(125, 50, 350, 300);

  pincel.fillStyle = "black";
  pincel.fillRect(170, 115, 90,90);
  pincel.fillRect(325, 115, 90,90);
  pincel.fillRect(257, 200, 70,100);
  pincel.fillRect(226, 240, 40,110);
  pincel.fillRect(326, 240, 40,110);



</script>