Entrar Ainda não tem acesso?
1
resposta

Resposta do Boneco creeper.

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 Romero Veloso Costa Filho
| 80.1k xp | 62 posts
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');

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

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

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

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

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

pincel.fillStyle = 'black'
pincel.fillRect(200,240,40,110);    

pincel.fillStyle = 'black'
pincel.fillRect(310,240,40,110);


pincel.fill();
1 resposta
por Akemi Alice
| 852.4k xp | 2192 posts
Alura Scuba Team Monitora no Scuba Team

Oi, Romero! Como vai?

Excelente, é isso aí! :)

Apenas faltou o <canvas width="600" height="400"></canvas>, mas creio que no seu código você adicionou!

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 = 'black';
pincel.fillRect(150,90,90,90);
pincel.fillRect(310,90,90,90);
pincel.fillRect(240,180,70,100);
pincel.fillRect(200,240,40,110);    
pincel.fillRect(310,240,40,110);

Qualquer dúvida, estamos sempre por aqui!

Ótima semana e bons estudos!