[Proyecto] Creeper

Esta fue la solución que yo emplee, quien guste apoyarme en ver que puedo mejorar

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

<script>

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


    pincel.fillStyle = "grey";  //esto es una propiedad
    pincel.fillRect(0,0,600,400);//esto es una función

    //Cabeza
    pincel.fillStyle = "green";  
    pincel.fillRect(200,50,350,300);

    //Ojos
    pincel.fillStyle = "black";  
    pincel.fillRect(250,110,90,90);
    pincel.fillRect(410,110,90,90);

    pincel.fillStyle = "red";  
    pincel.beginPath();
    pincel.arc(295,150,30,0,2*3.14);
    pincel.arc(455,150,30,0,2*3.14);


    //Nariz
    pincel.fillStyle = "black";  
    pincel.fillRect(340,200,70,100);


    //Boca
    pincel.fillStyle = "black";  
    pincel.fillRect(410,240,40,110);
    pincel.fillRect(300,240,40,110);



    pincel.fill();


</script>