Creeper Diabolico

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

<script>

    // width es largo (Y)
    // height es ancho (X)

    //conectare a la etiqueta HTML
    var pantalla = document.querySelector("canvas");

    //traerme todo el contenido de la pantalla en "2d" alto y ancho
    var pincel = pantalla.getContext("2d")

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

    // Cara
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(0,0,350,300);

    // Ojo izquierdo
    pincel.fillStyle = "black";
    pincel.fillRect(50,55,90,90);
    // Ojo derecho
    pincel.fillRect(210,55,90,90);
    // Boca lado izquierdo
    pincel.fillRect(70,190,70,110);
    // Boca lado derecho
    pincel.fillRect(200,190,70,110);
    // Nariz
    pincel.fillRect(140,145,70,100);

    pincel.fillStyle = "red";
    pincel.beginPath();
    pincel.arc(250,100,20,0,2*10)
    pincel.arc(100,100,20,0,2*10)
    pincel.fill();


</script>