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>

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
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!