1
resposta

Solução: A cara do Creeper

Olá pessoal, segue abaixo o meu creeper.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Deu um pouco de trabalho para fazer, mas acho que consegui chegar onde queria rs.

Segue abaixo meu código.

<canvas width = "1000" height = "1000" ></canvas>

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    //cabeça
    pincel.fillStyle = 'black';
    pincel.fillRect(200, 50, 350, 300);

    //olhos
    pincel.fillStyle = 'red';
    pincel.fillRect(250, 110, 90, 90);
    pincel.fillRect(410, 110, 90, 90);

    //nariz
    pincel.fillRect(340, 200, 70, 100);


    //boca
    pincel.fillRect(300, 240, 40, 110);
    pincel.fillRect(410, 240, 40, 110);

    //corpo
    pincel.fillStyle = 'black';
    pincel.fillRect(260, 350, 240, 400);

    //pe
    pincel.fillRect(260, 750, 70, 100);
    pincel.fillRect(430, 750, 70, 100);

    //braços
    pincel.fillRect(500, 360, 100, 60);
    pincel.fillRect(160, 360, 100, 60);
</script>
1 resposta

Olá! Como vai?

Mandou bem demais, sua solução ficou muito bacana, parabéns!

Qualquer dúvida estamos à disposição.

Continue praticando e bons estudos!

Até mais!