Boa noite pessoal! Estou maravilhado com os cursos aqui da alura, atualmente estou na parte 2 do curso logica de programação 2. Aprendi a fazer a bandeira do Brasil no curso, e logo me desafiei a fazer a dos EUA, e finalmente consegui fazer.
Fica ai pra vocês o anexo do programa e tambem lanço um desafio de que alguem faça a bandeira da Coreia do Sul.
Lembrando que só se pode utilizar do conhecimento aprendido até a pt2 do curso Logica de programação 2.
OBS: o intuito do desafio é estimular, a programação de forma geral, criatividade e um leve espirito competitivo e saudavel.
OBS:Caso consiga concluir o desafio, lance o proximo desafio da bandeira, com uma bandeira dificil e possivel de se fazer com o conhecimento atual.
QUE OS JOGOS COMEÇEM.
<canvas width="600" height="390" ></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
function quadradoazul(){
pincel.fillStyle = 'darkblue';
pincel.fillRect(0,0,300,210);
};
function faixaverm() {
for(var y = 0; y <= 360; y = y +60 ){
pincel.fillStyle = 'darkred';
pincel.fillRect(0,y,600,30);
};
};
function estrela1(){
for (var y = 0; y <=160; y = y + 40){
for (var x = 0; x <=250; x = x + 50){
pincel.fillStyle = 'white'
pincel.beginPath();
pincel.moveTo(15+ x,18+ y);
pincel.lineTo(23+ x,18+ y);
pincel.lineTo(25+ x,10+ y);
pincel.lineTo(27+ x,18+ y);
pincel.lineTo(35+ x,18+ y);
pincel.lineTo(29+ x,23+ y);
pincel.lineTo(31+ x,30+ y);
pincel.lineTo(25+ x,25+ y);
pincel.lineTo(19+ x,30+ y);
pincel.lineTo(21+ x,23+ y);
pincel.lineTo(15+ x,18+ y);
pincel.fill();
};
};
};
function estrela2(){
for (var y = 20; y <=140; y = y + 40){
for (var x = 25; x <=225; x = x + 50){
pincel.fillStyle = 'white'
pincel.beginPath();
pincel.moveTo(15+ x,18+ y);
pincel.lineTo(23+ x,18+ y);
pincel.lineTo(25+ x,10+ y);
pincel.lineTo(27+ x,18+ y);
pincel.lineTo(35+ x,18+ y);
pincel.lineTo(29+ x,23+ y);
pincel.lineTo(31+ x,30+ y);
pincel.lineTo(25+ x,25+ y);
pincel.lineTo(19+ x,30+ y);
pincel.lineTo(21+ x,23+ y);
pincel.lineTo(15+ x,18+ y);
pincel.fill();
};
};
};
faixaverm();
quadradoazul();
estrela1();
estrela2();
</script> 
