Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] Plano Cartesiano

Boa tarde, pessoal!

Estou na dúvida sobre o valor da posição do objeto no eixo y.

No artigo "P5 JS: Plano cartesiano" está descrito que "quanto maior o valor do y, mais para baixo ele estará. Quanto menor o valor de y, mais para cima ele estará" e, de fato, no exemplo da execução do código no artigo é isso que acontece com a posição da bolinha.

Porém, no plano cartesiano, não é o inverso que acontece? Valores de y POSITIVOS ficam ACIMA do ponto de origem zero e valores NEGATIVOS ficam ABAIXO do ponto de origem zero? Não deveria estar escrito "quanto MENOR o valor do y, mais para baixo ele estará e quanto MAIOR o valor de y, mais para cima ele estará"?

Obrigada!

link do artigo: https://www.alura.com.br/artigos/p5-plano-cartesiano

4 respostas
solução!

Olá, Tainá! Tudo certo?

Você tem razão mas o ponto é que a biblioteca do p5.js funciona com o quarto quadrante do plano cartesiano e por isso os valores são invertidos, observe a imagem abaixo para visualizar a posição do quarto quadrante do plano cartesiano.

A imagem mostra um plano cartesiano , que é uma cruz. a parte de cima apresenta da direita para a esquerda as palavras 1 quadrante, 2 quadrante. Abaixo, também da direita para a esquerda, há o 4 quadrante e 3 quadrante.

Espero que as informações tenham ajudado.

Bons estudos!

Oi, Camila!

Eu estou bem e espero que vc também! Agora eu entendi! A figura deixou super clara sua explicação.

Muito obrigada!!

Boa tarde! Ainda não consegui entender como os valores abaixo do ponto (0,0) podem ser positivos...

Oi, Iuri!

Estou iniciando em programação e não sei se a minha explicação está correta, mas, após pesquisar mais, eu entendi que o fato de o Y ser positivo neste caso é uma característica do próprio p5.js, e não devemos levar em consideração apenas as regras de matemática (onde o Y realmente seria negativo no quarto quadrante).

Vi em um outro tópico de dúvidas por aqui o seguinte: "para mostrar os elementos na tela, o p5.js ao fazer o desenho na tela, consome um Canvas, que é uma API JavaScript que pode ser chamada com uma tag html" (referência: https://cursos.alura.com.br/forum/topico-plano-cartesiano-do-js-180543). Fui pesquisar sobre esse tal de Canvas e encontrei que "uma canvas é composta por pixels como em um plano cartesiano que começam em x = 0 e y =0 no canto superior esquerdo onde x é crescente para a direita e y é crescente para baixo", o que então explica o motivo do Y ser positivo no p5.js (referência: https://www.devmedia.com.br/html5-a-tag-canvas/25413).

Ficou clara minha explicação?

Não sei se os instrutores ficam de olho em tópicos já marcados como solucionados. Talvez seja interessante você abrir um novo tópico de dúvida caso queira uma explicação com mais detalhes (acredito que a resposta é mais rápida nesses casos do ficar aguardando por aqui).