Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Projeto] "Quebrei" um pouco a cabeça porque quis centralizar o creeper com o fundo do Canvas, mas creio ques está tudo ok! Exercício bem legal.

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

<script type="text/javascript">
    
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);
    
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(116.6, 50, 350, 300);

    pincel.fillStyle = 'black';
    
    pincel.fillRect(160, 110, 90, 90);

    pincel.fillRect(320, 110, 90, 90);

    pincel.fillRect(250, 200, 70, 100);

    pincel.fillRect(210, 240, 40, 110);

    pincel.fillRect(320, 240, 40, 110);

</script>
1 resposta

Olá, Matheus! Tudo joia?

Parece que você está se divertindo com o desafio de desenhar o Creeper! Isso é ótimo!

Parabéns pelo resultado, ficou ótimo! Também agradeço por compartilhar seu código com os demais estudantes, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!