Mi cara de creeper :D

Dejo mi creeper de paso por aca jajaja, me enfoque en dejar centrado la cabeza al inicio pero despues para el resto de partes fue ensayo y error, moviendo poco a poco los bloques en las coordenadas jajaja.

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

<script>
    var pantalla = document.querySelector("Canvas");
    var pincel = pantalla.getContext("2d");

    //cabeza
    pincel.fillStyle = "green" // propiedad
    pincel.fillRect(100,20,350,300) // funcion
    //ojo izquierdo
    pincel.fillStyle = "black"
    pincel.fillRect(145,90,90,90)
    //ojo derecho
    pincel.fillStyle = "black"
    pincel.fillRect(305,90,90,90)
    //nariz
    pincel.fillStyle = "black"
    pincel.fillRect(235,180,70,100)
    //boca izquierda
    pincel.fillStyle = "black"
    pincel.fillRect(195,210,40,110)
    //boca derecha
    pincel.fillStyle = "black"
    pincel.fillRect(305,210,40,110)

</script>