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

<meta charset = "utf-8">

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

<script>

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

    pincel.fillStyle = "green";
    pincel.fillRect(125,50,350,300);

    pincel.fillStyle = "black";
    pincel.fillRect(175,125,90,90);

    pincel.fillStyle = "black";
    pincel.fillRect(335,125,90,90);

    pincel.fillStyle = "black";
    pincel.fillRect(265,215,70,100);

    pincel.fillStyle = "black";
    pincel.fillRect(225,240,40,110);

    pincel.fillStyle = "black";
    pincel.fillRect(335,240,40,110);

</script>