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,45,90,90);
    pincel.fillStyle = "black"; 
    pincel.fillRect(200,45,90,90); 
    //nariz
    pincel.fillStyle = "black"; 
    pincel.fillRect(130,130,70,100);
    //parte de la boca
    pincel.fillStyle = "black"; 
    pincel.fillRect(200,190,40,110);
    pincel.fillStyle = "black"; 
    pincel.fillRect(90,190,40,110);  


</script>