1
resposta

creeper.html

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

<script>

    var tela = document.querySelector('canvas');
    // A var creeper é a mesma coisa do pincel da aula, porém quis fazer um legal pra mim, aproveite e crie tbm.
    var creeper = tela.getContext("2d");

    //cabeça, fundo verde.
    creeper.fillStyle = 'darkgreen';
    creeper.fillRect(0, 0, 350, 300);

    creeper.fillStyle = 'black';
    //retangulo 1 e 2
    creeper.fillRect(50, 60, 90, 90);
    creeper.fillRect(210, 60, 90, 90);
    //retangulo 3
    creeper.fillRect(140, 150, 70, 100);
    //retangulo 4 e 5
    creeper.fillRect(100, 190, 40, 110);
    creeper.fillRect(210, 190, 40, 110);

</script>
1 resposta

Oi, Matheus! Como vai?

Excelente, mandou muito bem!

Qualquer dúvida, estamos à disposição!

Uma ótima semana e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software