Eu transformei o comando dos retangulos em uma função, o que acharam?
<canvas width="600" height="400"> </canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
function retangulo (cor, x_inicial, y_inicial, x_final, y_final){
pincel.fillStyle = cor;
pincel.fillRect(x_inicial, y_inicial, x_final , y_final);
}
retangulo("green", 75, 50, 350, 300)
retangulo("black", 125, 100, 90, 90)
retangulo("black", 285, 100, 90, 90)
retangulo("black", 215, 190, 70, 100)
retangulo("black", 175, 240, 40, 110)
retangulo("black", 285, 240, 40, 110)
</script>esse é só um topico pra gente conversar sobre o canvas, se quiserem dar algumas dicas ou sugestões, fiquem avontate :)
