[Proyecto] Creeper terminado

Buen día a todos, les dejo mi aporte. Quiero aclarar que en principio tuve qué profundizar acerca de canvas en lo relacionado, por tanto, busqué en developer mozilla y w3schools, y con ejemplos entendí mejor cómo llevar a cabo el proyecto.

Acá dejo el código:

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


<script>

    document.write("Creeper, creado por Andrés Gómez");

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

    pincel.fillStyle = "lightgrey";    //color de fondo
    pincel.fillRect(0,0,600,400);    //función


    pincel.fillStyle = "darkgreen"; //color de piel
    pincel.fillRect(150,20,350,300);

    pincel.fillStyle = "black";         //color negro para las partes
    pincel.fillRect(200,80,90,90);        //Ojo izquierdo
    pincel.fillRect(350,80,90,90);        //Ojo derecho
    pincel.fillRect(285,160,70,100);    //Nariz
    pincel.fillRect(250,210,40,110);    //Boca izquierda
    pincel.fillRect(350,210,40,110);    //Boca derecho

//Fórmula de fillRect es (x posición, y posición, largo-ancho, alto)

</script>