Creeper - exercício comentado

Olá, Cheguei no desenho do Creeper com o seguinte código:

<canvas width="600" height="400"></canvas> <!--Definição do tamanho do Canvas-->

<script>

//Script da tela e do pincel//
var tela=document.querySelector('canvas');
var pincel=tela.getContext('2d');

//Preenchendo o canvas na cor branca//
pincel.fillStyle='white'; // seleção de cor de preenchimento//
pincel.fillRect(0, 0, 600, 400); // ponto inicial eixo x, ponto inicial eixo y, o "quanto preenche" no eixo x, o "quanto preenche" no eixo y//

//retangulo1 - cabeça//
pincel.fillStyle='darkgreen';
pincel.fillRect(0, 0, 350, 300);

//retangulo2 - olho esquerdo//
pincel.fillStyle='black';
pincel.fillRect(50, 50, 90, 90);

//retangulo3 - olho direito//
pincel.fillStyle='black';
pincel.fillRect(210, 50, 90, 90);

//retangulo4 - nariz//
pincel.fillStyle='black';
pincel.fillRect(140, 140, 70, 100);

//retangulo5 - boca-esquerda//
pincel.fillStyle='black';
pincel.fillRect(100, 190, 40, 110);

//retangulo6 - boca-direita//
pincel.fillStyle='black';
pincel.fillRect(210, 190, 40, 110);





</script>