1
respuesta

[Proyecto] esta es mi solución

1 respuesta

Te Comparto como quedo el código que desarolle. Saludos!

<<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Poster de Creeper</title>
</head>
<body>

</body>
</html>

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

<script>

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

    //Cabeza de Creeper
    pincel.fillStyle = "Darkgreen";
    pincel.fillRect(0,0,350,300);

    //Ojo izquierdo del Creeper
    pincel.fillStyle = "Black";
    pincel.fillRect(50,60,90,90);

    //Ojo derecho del Creeper
    pincel.fillStyle = "Black";
    pincel.fillRect(210,60,90,90);

    //Nariz del Creeper
    pincel.fillStyle = "Black";
    pincel.fillRect(140,150,70,110);

    //Parte de la boca (derecha) del Creeper
    pincel.fillStyle = "Black";
    pincel.fillRect(100,190,40,110);

    //Parte de la boca (izquierda) del Creeper
    pincel.fillStyle = "Black";
    pincel.fillRect(210,190,40,110);


</script>

![](Screenshot de como quedo la cabeza del creeper )