Decomposição Vetorial com Trigonometria

Vetores, Direção e Componentes

Em física e computação gráfica, um vetor é uma entidade que possui tanto magnitude (tamanho ou intensidade) quanto direção (o ângulo para onde aponta). Pense na velocidade de um carro: 50 km/h (magnitude) para nordeste (direção).

No nosso projeto de raycasting, representaremos a posição e a direção do jogador usando vetores. A direção em que o jogador está olhando será um vetor. Quando ele se move, adicionamos um vetor de deslocamento à sua posição atual.

Para que o computador possa trabalhar com esses vetores, é muito mais fácil representá-los não por sua magnitude e ângulo, mas por suas componentes cartesianas: um valor para o eixo x e um valor para o eixo y. Decompor um vetor significa exatamente isso: pegar um vetor diagonal e descobrir "o quanto" dele aponta na direção horizontal (x) e "o quanto" aponta na direção vertical (y).

O vídeo a seguir, do canal "Felipe Sampaio - Física", introduz essa ideia de forma muito clara. Ele apresenta a decomposição como a operação inversa da soma de vetores, que é uma ótima maneira de pensar sobre o assunto.

A Matemática da Decomposição

Como podemos calcular os valores exatos dessas componentes? A resposta está no triângulo retângulo que o vetor forma com os eixos.

Olhando para o triângulo retângulo na imagem, podemos usar as definições básicas de seno e cosseno que você já conhece (SOH-CAH-TOA):

• Cosseno = Cateto Adjacente / Hipotenusa
  $\cos (\varphi )=\frac{a_x}{|a|}\to a_x=|a|\cos (\varphi )$
• Seno = Cateto Oposto / Hipotenusa
  $\sin (\varphi )=\frac{a_y}{|a|}\to a_y=|a|\sin (\varphi )$

Essas são as fórmulas fundamentais para a decomposição de vetores. A componente x está associada ao cosseno do ângulo, e a componente y está associada ao seno.

O recurso a seguir, do site Physics LibreTexts, formaliza essas equações.

Agora, vamos assistir ao restante do vídeo do Felipe Sampaio, onde ele aplica exatamente essas fórmulas em dois exemplos práticos. Preste atenção em como ele identifica o cateto oposto e o adjacente para decidir se usa seno ou cosseno.

O Caso Especial: Vetores de Direção (Vetores Unitários)

No nosso raycaster, muitas vezes estaremos interessados apenas na direção, não na magnitude. Por exemplo, a direção para a qual o jogador está virado. Nesses casos, usamos um tipo especial de vetor chamado vetor unitário — um vetor cuja magnitude é exatamente 1.

A beleza de um vetor unitário é que as fórmulas de decomposição se simplificam enormemente:

• Componente x: $|\vec{v}|\cos (\theta )=1\cdot \cos (\theta )=\cos (\theta )$
• Componente y: $|\vec{v}|\sin (\theta )=1\cdot \sin (\theta )=\sin (\theta )$

Isso nos leva de volta à aula anterior! As componentes x e y de um vetor de direção unitário são simplesmente o cosseno e o seno do seu ângulo. O vetor de direção pode ser escrito como $\vec{d}=(\cos \theta ,\sin \theta )$.

Sebastian Lague, um desenvolvedor de jogos muito conhecido, tem um vídeo excelente que demonstra essa ideia no contexto de programação de jogos.

Resumo Prático para o Raycasting

Vamos consolidar tudo. No seu projeto de raycasting, você terá:

1. A Posição do Jogador: Um vetor de posição, pos = (posX, posY).
2. A Direção do Jogador: Um vetor de direção unitário, dir = (dirX, dirY). Ele é calculado a partir do ângulo angle em que o jogador está olhando:
   • dirX = cos(angle)
   • dirY = sin(angle)
     (Lembre-se de converter angle para radianos antes de usar cos e sin!)

Quando o jogador se move para frente com uma certa velocidade moveSpeed, o deslocamento dele em um quadro (frame) será:

• newPosX = posX + dirX * moveSpeed
• newPosY = posY + dirY * moveSpeed

Acabamos de derivar a base para o movimento em primeira pessoa!

Para uma referência rápida, a Khan Academy tem uma "cheat sheet" que resume perfeitamente o que aprendemos.

Conclusão

Nesta lição, conectamos a trigonometria abstrata do círculo unitário a uma aplicação concreta e fundamental para a computação gráfica. Agora você sabe como transformar uma direção (um ângulo) em componentes x e y, que são as "instruções" que o computador pode usar para mover objetos em um plano 2D.

Pontos-chave da aula:

• Decomposição de Vetores: É o processo de quebrar um vetor em suas componentes horizontais (x) e verticais (y).
• Fórmulas da Decomposição: Para um vetor $\vec{v}$ com magnitude $|\vec{v}|$ e ângulo $\theta$:
  • Componente x: $v_x=|\vec{v}|\cos (\theta )$
  • Componente y: $v_y=|\vec{v}|\sin (\theta )$
• Vetor de Direção (Unitário): Um vetor com magnitude 1. Suas componentes são simplesmente $(\cos \theta ,\sin \theta )$. Esta é a forma como representaremos a direção do jogador e dos raios no nosso motor.

Até agora, passamos de um ângulo para as componentes. Na próxima aula, faremos o caminho inverso: usaremos a função atan2(y, x) para determinar o ângulo de um vetor a partir de suas componentes cartesianas. Isso é útil em várias situações, como por exemplo, calcular o ângulo que um inimigo precisa ter para estar virado na direção do jogador.