Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Fiz diferente do Instrutor e deu correto!

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

<script>

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

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

    pincel.fillStyle = 'black';
    pincel.fillRect(49, 50, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect(209, 50, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect (139, 140, 70, 100);

    pincel.fillStyle = 'black';
    pincel.fillRect(99, 190, 40, 110);

    pincel.fillStyle = 'black';
    pincel.fillRect(209, 190, 40, 110);


</script>
2 respostas

Oi Matheus,

Ficou bem próximo da solução do instrutor :)

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

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

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

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

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

    // boca ou barba
    pincel.fillRect(300, 240, 40, 110);
    pincel.fillRect(410, 240, 40, 110);    
</script>
solução!

Boa noite, Matheus! Como vai?

O que vc acabou de descobrir é que no mundo da programação muitas vezes temos mais de uma solução para o mesmo problema!

Só uma pequena observação sobre o seu código:

Veja que depois que vc faz a primeira vez pincel.fillStyle = 'black' a cor do pincel é sempre preta! Então não seria necessário repetir essa instrução como foi feito por vc. O fillStyle só precisa ser utilizado quando vc for trocar a cor do pincel!

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!