2
respostas

Desenhando o creeper

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

<script>

    var tela = document.querySelector('canvas');

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

    pincel.fillStyle = 'white';
    pincel.fillRect(0, 0, 600, 400);


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

    pincel.fillStyle = 'black';

        //olhos
    pincel.fillRect(200, 50, 90 ,90);
    pincel.fillRect(360, 50, 90 ,90);

        //nariz
    pincel.fillRect(290, 140, 70 ,100);

        //boca
    pincel.fillRect(360, 190, 40,110);
    pincel.fillRect(250, 190, 40 ,110);


</script>
2 respostas

Olá, Gustavo! Tudo bem?

Ficou ótimo! Parabéns :)

Aproveito para deixar uma dica para as próximas vezes que for compartilhar seus códigos aqui no fórum. A melhor forma de colocar seu código aqui é clicando no botão </> na barra superior da sua mensagem. Dessa forma, dois conjuntos de três crases irão aparecer e você pode escrever seu código entre elas. Uma outra opção é colocar as três crases repetidas no início e no fim do seu código, sem utilizar o botão </>. Com os dois casos você verá:

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

Qualquer dúvida estamos à disposição!

Continue praticando e bons estudos.

Abraços!