será necessário fazer muitos cálculos? | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

fiz o código de uma maneira mais simples:

<canvas width="600" height="400"></canvas>

<script>
var tela = document.querySelector('canvas')
var pincel = tela.getContext('2d');

function desenhaEsquadro(x, y, a, b, c, d, cor, cor2) {
pincel.fillStyle = cor
pincel.beginPath()
pincel.moveTo(x, y)
pincel.lineTo(a, b)
pincel.lineTo(c, d)
pincel.fill()
pincel.fillStyle = cor2
pincel.beginPath()
pincel.moveTo(x + 50, y + 125)
pincel.lineTo(a + 50, b - 50)
pincel.lineTo(c -125, d - 50)
pincel.fill()
}
desenhaEsquadro(50, 50, 50, 400, 400, 400, 'black', 'white')
</script>

escrevi o código da maneira mais simples possível para ajudar no entendimento, mas me pergunto se será necessário me aprofundar nos cálculos a partir de agora?

Oi Paulo, tudo bem?

Agradeço a paciência em aguardar uma resposta!

Parabéns pelo raciocínio utilizado para resolver o desafio apresentado no curso. Gostaria de dar duas dicas para que você desenvolva mais as boas práticas em relação a escrita dos comandos.

Sempre é bom, ao final da escrita dos comandos, colocar um ponto e virgula (;). Exemplo:

desenhaEsquadro(50, 50, 50, 400, 400, 400, 'black', 'white');

Mantenha uma boa indentação para que a hierarquia dos comandos seja respeitada e para proporcionar uma leitura direcionada e facilitada.

Com relação aos estudos sobre cálculo, é interessante que você entenda como a matemática se aplica à lógica de programação. No caso do desenho de um esquadro é necessário saber como a figura que será traçada através de comandos se comporta em tela. A estrutura poderia ser mais longa e com menos expressões matemáticas, contudo seria algo dispendioso e não muito prático, por isso, para evitar estruturas de comandos ainda mais longas é necessário utilizar conceitos matemáticos que agregam novas formas de criar os mesmos desenhos.

No seu código, por meio de expressões matemáticas simples, você conseguiu escrever um código funcional, claro e de fácil compreensão. O importante é conseguir ler nas entrelinhas do código e entender a real necessidade dos comandos e das funções que estão descritas.

Continue se empenhando nos seus estudos e caso tenha dúvidas, estarei à disposição para te ajudar.

Grande abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado! ✓.

Mergulhe em programação