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.
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>