1
resposta

Criei um código pra fazer um campo de xadrez usando loops e funções ao invés de fazer quadrado por quadrado, alguma dica de como deixar ele melhor ?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<canvas width="1000" height="1000"></canvas>
    <script>
    var tela = document.querySelector('canvas')
    pincel = tela.getContext('2d')


    function quadrado(cor, xQ, yQ){

    pincel.fillStyle = cor;
    pincel.fillRect(xQ, yQ, 100, 100);
    pincel.strokeStyle = 'black';
    pincel.strokeRect(xQ, yQ, 100, 100)
}



function repetirQuadrados(x, y){

    var contador = 0
    var xQ = x
    var yQ = y

    while(contador < 5){

   quadrado('black', xQ, yQ)


   xQ = xQ + 200

   contador++
}
}
   function xadrez(){
       var y = 0
       var z = 0
       while(z < 5){
    repetirQuadrados(0, y)
    y = y + 100
    repetirQuadrados(100, y)
    y = y + 100
    z++
       }   
}
 xadrez()


</script>
</body>
</html>
1 resposta

Olá Ariel, tudo bem? espero que sim

Desde já gostaria de agradecer a paciência por uma resposta.

Muito legal sua iniciativa em entender o código e buscar um meio muito mais prático e eficiente de repetir um mesmo passo que demora muito mais de fato super funciona, meus parabéns.

Analisando seu código ele é bem limpo e legível, muito importante lembrar que caso insira texto em seus projeto colocar a tag em pt-br <html lang="pt-br", mas no geral achei muito legal a dica, uma ótima ideia , depois de algumas pesquisadas pela WEB, percebo o quanto é legal o jogo de xadrez e observo a complexidade do mesmo, vou deixar uns links para fins de estudos.

Nesse CodePen, o criador do projeto além de implementar o jogo por inteiro, como suas respectivas funções que cada peça tem, ele coloca o modo de duas pessoas mas é claro que ficou bem complexo, mas fica a dica a fim de ver e tentar entender, acredito que podemos aprender também desta forma.

Além disso, se você se sentir confortável, deixo aqui a recomendação de que entre na nossa comunidade no Discord e compartilhe o que desenvolveu, assim você pode aprender mais, colaborar no aprendizado de outras pessoas e até fazer novos amigos. Segue os links para um artigo e um Alura+ que falam um pouquinho sobre essa comunidade do Discord da Alura:

Mais uma vez, meus parabéns pelo empenho! Continue assim!

Obs: Caso você não saiba o que é o CodePen fica o link para o artigo da Alura+ para aprender mais e mais.

Ariel um grande abraço, até mais!