``` <canvas width="600" height="400"> </canvas> <script> var pantalla = document.querySelector("canvas"); var pincel = pantalla.getContext("2d");

La cara de Creeper | Lógica de programación: Practicando con juegos y animaciones | Alura Latam

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

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

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


    //ojos
    pincel.fillStyle = "black"
    pincel.fillRect(50,25,90,90);
    pincel.fillStyle = "black"
    pincel.fillRect(210,25,90,90);

    //nariz
    pincel.fillStyle = "black"
    pincel.fillRect(140,115,70,100);

    //boca
    pincel.fillStyle = "black"
    pincel.fillRect(100,180,40,110);
    pincel.fillStyle = "black"
    pincel.fillRect(210,180,40,110);


</script>