Creeper

<h1 style="text-align: center; color: rgb(154, 203, 154); background: darkgreen;">Hi! I'm Creeper of Minecraft</h1><br>
<canvas width="600" height="400">

</canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d"); // trae todo el contenido que esta en pantalla

    // canvas principal
    pincel.fillStyle = "rgb(154, 203, 154)";
    pincel.fillRect(0,0,600,400);

    // cabeza
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(120, 40, 350, 300)

    // ojos
    pincel.fillStyle = "black";
    pincel.fillRect(170, 100, 90, 90);

    pincel.fillStyle = "black";
    pincel.fillRect(330, 100, 90, 90);

    // nariz
    pincel.fillStyle = "black";
    pincel.fillRect(260, 190, 70, 100);

    // boca
    pincel.fillStyle = "black";
    pincel.fillRect(220, 230, 40, 110);

    pincel.fillStyle = "black";
    pincel.fillRect(330, 230, 40, 110);

</script>