Universidade Federal do Vale do São Francisco

Curso de Engenharia da Computação

Computação Gráfica

Prof. Jorge Cavalcanti

jorge.cavalcanti@univasf.edu.br
www.univasf.edu.br/~jorge.cavalcanti
www.twitter.com/jorgecav
Revisão Matemática/Geometria
• Vetores
– Vetores são segmentos de retas, definidos por dois pontos no
espaço. Vetores não têm posição, eles são definidos pelo seu
comprimento e direção. Mais precisamente, eles são definidos
como a diferença entre os dois pontos que o definem.
– A direção do vetor pode ser determinada primeiro identificando
a cauda do vetor e, em seguida, medindo seus componentes ao
longo dos eixos x e y.

Página 2 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática/Geometria
• Vetores
– Às vezes é útil colocá-los na origem; se fizermos isso, então um
ponto, p = (x, y), pode ser representado pelo vetor v da origem
para p, v = (x – 0, y - 0) = (x, y)

Página 3 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática/Geometria
• Vetores
– A magnitude de um vetor r é expressa por ||r|| e é calculada
aplicando o teorema de Pitágoras a seus componentes.

Valores associados aos vetores mostrados na figura

Página 4 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática/Geometria
• Vetores 3D
– Os vetores 3D desempenham um papel muito importante na
animação por computador.

Página 5 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática/Geometria
• Manipulação de Vetores
– Multiplicação por um escalar

– Adição e Subtração

Página 6 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática/Geometria
• Vetores
– A área de uma forma poligonal é prontamente calculada a partir
de sua cadeia de coordenadas dos vetores que a compõem.
S=

Página 7 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Matrizes
– O uso de matrizes torna mais fácil a
manipulação de objetos gráficos, pois suas
operações envolvem aritmética simples.
– Matrizes são mais fáceis de usar e entender do
que as equações algébricas, por isso são mais
usadas.
– Matrizes e vetores são parecidos com o modelo
organizacional da memória dos computadores.
– Podem ser processadas por operações
aritméticas simples.

Página 8 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Matrizes - Adição e subtração
– Aplica-se a operação sobre os respectivos elementos;
– Só faz sentido em matrizes de mesma dimensão.

• Multiplicação por um valor constante

– Também chamada multiplicação por um escalar

Página 9 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Matriz transposta
– Troca os valores das linhas e colunas:

– Multiplicação
– Número de colunas da primeira igual ao número de linhas da
segunda;
– Soma do produto das linhas da primeira pelas colunas da
segunda;
– Resultado terá número de linhas da primeira e o número de
colunas da segunda.

Página 10 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Gráficos 2D X Gráficos 3D
– A principal diferença entre uma imagem 2D para um 3D é
a “sensação de profundidade” da tridimensional.
– Um imagem 3D nada mais é que uma projeção de objetos
3D numa imagem bidimensional, obtida através de
técnicas matemáticas e geométricas.
– As figuras abaixo, embora feitas em duas dimensões,
fazem nosso cérebro ter a “sensação” de que se tratam de
três dimensões.

Página 11 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Sistemas de Coordenadas
– Um sistema de coordenadas é composto por eixos
perpendiculares entre si, sendo um para cada dimensão
do espaço.
– O sistema mais simples é o cartesiano bidimensional,
cujos eixos são denominados pelo par ordenado (x,y).
Para três, dimensões, acrescenta-se o componente z.

Página 12 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Sistemas de Coordenadas
– Algumas representações são facilitadas se for utilizado o
sistema polar (r, ) – para plano; ou o sistema cilíndrico
(r, , z) ou esférico (r, , ) – para o espaço em 03
dimensões.

Página 13 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Conversão de Coordenadas
Polar X Cartesiana Esférica X Cartesiana

Cilíndrica X Cartesiana r = x2 + y2 + z2
=arc cos z2/ x2 + y2 + z2
=arc tan Y/X
Quanto vale Z?

Página 14 Computação Gráfica – Parte 02 25/09/2019

Revisão Matemática
• Sistemas de Coordenadas
– Tabela de conversão

2D 3D
Polar -> Cart Cart -> Polar Esf -> Cart Cil - > Cart

x = r cos  r = (x2 + y2)1/2 x = r cos sen x = r cos 

y= r sen   = arc tan y/x y = r sen cos y= r sen 
z = r cos  z=z

Página 15 Computação Gráfica – Parte 02 25/09/2019