Entrar Ainda não tem acesso?
1
resposta

Muito Divertido! ;)

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Desenhando gráficos com Canvas e atividade A cara do Creeper

por Tales Loran Machado
| 70.4k xp | 4 posts
atendente

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

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

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

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

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

pincel.fillStyle = 'black';
pincel.fillRect(265, 180, 70, 100);

pincel.fillStyle = 'black';
pincel.fillRect(225, 250, 40, 100);

pincel.fillStyle = 'black';
pincel.fillRect(335, 250, 40, 100);
1 resposta
por Akemi Alice
| 852.4k xp | 2192 posts
Alura Scuba Team Monitora no Scuba Team

Oi, Morgana! Tudo bem com você?

Excelente! Seu creeper ficou ótimo, parabéns!

Uma dica, não há necessidade de escrever pincel.fillStyle='black'; cada vez que for desenhar um novo elemento preto, declarando uma vez a cor, os próximos desenhos ficarão com a cor escolhida. Veja:

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

pincel.fillStyle = 'black';
pincel.fillRect(250, 110, 90, 90);
pincel.fillRect(410, 110, 90, 90);
pincel.fillRect(340, 200, 70, 100);
pincel.fillRect(300, 240, 40, 110);
pincel.fillRect(410, 240, 40, 110);

Parabéns pela resolução! Qualquer dúvida, estamos à disposição.

Uma ótima semana e bons estudos!