Procurei fazer de forma mais simples meu código utilizando algumas funções e etc. Mas não está funcionando, epós algum tempo analisando não consegui encontrar o erro. O objetivo era fazer uma imagem quadriculada.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Procurei fazer de forma mais simples meu código utilizando algumas funções e etc. Mas não está funcionando, epós algum tempo analisando não consegui encontrar o erro. O objetivo era fazer uma imagem quadriculada.
Olá Claúdio, poderia postar seu código para podermos ajudar?
<meta charset="utf-8">
<canvas width="600" height="600"></canvas>
<script>
var cor = prompt("Escolha uma cor para o quadrado: (Escreva em inglês)");
var corBorda = prompt("Escolha uma cor para a borda: (Escreva em inglês)");
var quadrado = parseInt(prompt("Escolha o tamanho do quadrado: (Máximo 100)"));
function desenhaQuadrado(x, y, larg, alt) {
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
pincel.fillStyle = cor;
pincel.fillRect(x, y, larg, alt);
pincel.strokeStyle = corBorda;
pincel.strokeRect(x, y, larg, alt);
}
while(n <= 5) {
var n = 0;
var n1 = 2;
var n2 = 4;
if(n == 0) {
desenhaQuadrado(0*n, 0, quadrado, quadrado);
desenhaQuadrado(0*n, quadrado*n1, quadrado, quadrado);
desenhaQuadrado(0*n, quadrado*n2, quadrado, quadrado);
n++
n1++
n2++
} else if(n2 == 3 || n3 == 5) {
desenhaQuadrado(quadrado*n, quadrado, quadrado, quadrado);
desenhaQuadrado(quadrado*n, quadrado*n1, quadrado, quadrado);
desenhaQuadrado(quadrado*n quadrado*n2, quadrado, quadrado);
n1 = n1 - 1
n2 = n2 - 1
} else {
desenhaQuadrado(quadrado*n, 0, quadrado, quadrado);
desenhaQuadrado(quadrado*n, quadrado*n1, quadrado, quadrado);
desenhaQuadrado(quadrado*n, quadrado*n2, quadrado, quadrado);
n1++
n2++
}
n++;
}
/*desenhaQuadrado(quadrado, quadrado, quadrado, quadrado);
desenhaQuadrado(quadrado, quadrado*3, quadrado, quadrado);
desenhaQuadrado(quadrado, quadrado*5, quadrado, quadrado);
desenhaQuadrado(quadrado*2, 0, quadrado, quadrado);
desenhaQuadrado(quadrado*2, quadrado*2, quadrado, quadrado);
desenhaQuadrado(quadrado*2, quadrado*4, quadrado, quadrado);
desenhaQuadrado(quadrado*3, quadrado, quadrado, quadrado);
desenhaQuadrado(quadrado*3, quadrado*3, quadrado, quadrado);
desenhaQuadrado(quadrado*3, quadrado*5, quadrado, quadrado);
desenhaQuadrado(quadrado*4, 0, quadrado, quadrado);
desenhaQuadrado(quadrado*4, quadrado*2, quadrado, quadrado);
desenhaQuadrado(quadrado*4, quadrado*4, quadrado, quadrado);
desenhaQuadrado(quadrado*5, quadrado, quadrado, quadrado);
desenhaQuadrado(quadrado*5, quadrado*3, quadrado, quadrado);
desenhaQuadrado(quadrado*5, quadrado*5, quadrado, quadrado);*/
</script>