1
resposta

Creeper usando Canvas

Tentei fazer o mais próximo possível do modelo. 50 minutos fazendo até sair alguma coisa

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

<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');
    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0,0,600,400    );


    pincel.fillStyle = "darkgreen";

    pincel.fillRect(125,50,350,300); 

    pincel.fillStyle = "black";

    pincel.fillRect(175,100,90,90);    // olho esquerdo
    pincel.fillRect(335,100,90,90);    // olho direito

    pincel.fillRect(265,190,70,100); // nariz    

    pincel.fillRect(225,240,40,110); // boca esquerda
    pincel.fillRect(335,240,40,110); // boca direita    


</script>
1 resposta

Oi, Cyro! Tudo bem?

Excelente resolução! Parabéns pelo empenho na atividade, seu Creeper ficou ótimo!

Qualquer dúvida, estamos sempre por aqui!

Ótima semana e bons estudos!