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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Creeper</title>
</head>
<body>
    <canvas class ="lienzo" width="600px" height="400px"></canvas>
    <script>
        const canvas = document.querySelector(".lienzo");
        const ctx = canvas.getContext("2d");

        ctx.fillStyle = "gray";
        ctx.fillRect(0,0,600,400);

        ctx.fillStyle = "darkgreen";
        ctx.fillRect(125,50,350,300);

        ctx.fillStyle = "black";
        ctx.fillRect(175,110,90,90);

        ctx.fillStyle = "black";
        ctx.fillRect(335,110,90,90);

        ctx.fillStyle = "black";
        ctx.fillRect(265,200,70,100);

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

        ctx.fillStyle = "black";
        ctx.fillRect(335,240,40,110);
    </script>

</body>
</html>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad