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");

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

    pincel.fillStyle = "black";
    pincel.fillRect(47,40,90,90);

    pincel.fillStyle = "black";
    pincel.fillRect(205,40,90,90);

    pincel.fillStyle = "black";
    pincel.fillRect(135,130,70,100);

    pincel.fillStyle = "black";
    pincel.fillRect(100,200,40,100);

    pincel.fillStyle = "black";
    pincel.fillRect(200,200,40,100);
</script>