09/10/2023

Universidade Federal do Piauí

Centro de Ciências da Natureza Tarefa da Aula Anterior
Departamento de Computação
1. Faça um cisalhamento no eixo x com fator de cisalhamento igual a 2 no quadrilátero ABCD
(A(1,1), B(4,1), C(4,4), D(1,4)), seguido de uma reflexão sobre os eixos x e y. Realize as
operações mantendo o quadrilátero na posição original. Esboce o gráfico. (Centróide =
(2.5,2.5))

é 1 0 0 ù é1 0 0 ù é - 1 0 0 ù é 1 0 0ù

Projeções Geométricas ê 0
ê 1 0 ú ê 2 1 0ú ê 0 - 1 0ú ê 0
úê úê
êë- 2.5 - 2.5 1úû êë0 0 1úû êë 0
úê 1 0úú =
0 1û ë2.5 2.5 1úû
ú ê

é - 1 0 0ù
[x' y ' 1] = [x y 1]êê- 2 - 1 0úú
Prof. Dr. Laurindo de Sousa Britto Neto êë 10 5 1úû

[x' y ' 1] = [- x - 2 y + 10 - y + 5 1]
2

1 2

Tarefa da Aula Anterior Tarefa da Aula Anterior

1. Faça um cisalhamento no eixo x com fator de cisalhamento igual a 2 no quadrilátero ABCD 2. Exiba a matriz de transformação final utilizando o sistema de coordenadas homogêneas
(A(1,1), B(4,1), C(4,4), D(1,4)), seguido de uma reflexão sobre os eixos x e y. Realize as para concatenar uma translação 3D de 3 unidades no eixo x, uma rotação 3D de 45° no eixo
operações mantendo o quadrilátero na posição original. Esboce o gráfico. (Centróide = z e uma escala 3D com fator 2. (sen45° = cos45° ≈ 0.7).
(2.5,2.5))
[
A' = x A'
]
y A = [- x A - 2 y A + 10 - y A + 5]
'
0 0ù é cos 45° sen45° 0 0ù é 2 0
0 0ù
é1 0
A' = [- 1 - 2 ×1 + 10 - 1 + 5] ê0 1 0 0úú êê- sen45° cos 45° 0 0úú êê0 2
0 0úú
ê =
A' = [7 4] ê0 0 1 0ú ê 0 0 1 0ú ê0 0
2 0ú
ê úê úê ú
B' = [- 4 - 2 ×1 + 10 - 1 + 5] = [4 4] ë3 0 0 1û ë 0 0 0 1 û ë0 0
0 1û

C ' = [- 4 - 2 × 4 + 10 - 4 + 5] = [- 2 1]
B’ C A’ é 0.7 0.7 0 0ù é2 0 0 0ù é 1.4 1.4 0 0ù
D ê- 0.7 0.7 0 0úú êê0 2 0 0úú êê- 1.4 1.4 0 0úú
D' = [- 1 - 2 × 4 + 10 - 4 + 5] = [1 1] ê =
ê 0 0 1 0ú ê0 0 2 0ú ê 0 0 2 0ú
ê úê ú ê ú
ë 2.1 2.1 0 1û ë0 0 0 1û ë 4.2 4.2 0 1û
C’ A D’ B

-2 -1 0 1 2 3 4 5 6 3 4

3 4

1
 09/10/2023

Classificação das Projeções

Projeções Geométricas
Geométricas
• Conceito: processo de geração de imagens de
Projeções Geométricas Planares
um objeto 3D, em que as coordenadas 3D são
convertidas em coordenadas 2D, que Paralelas Perspectivas
correspondam a uma visão do objeto de uma
posição específica; Oblíquas Ortográficas 1 pt. Fuga 2 pt. Fuga 3 pt. Fuga

• Permitem a visualização bidimensional de Cavaleira Cabinet Axonométrica Planta ou Elevação

objetos tridimensionais.
Isométrica Diamétrica Trimétrica

5 6

5 6

Classificação das Projeções Classificação das Projeções

Geométricas Geométricas
• As projeções são classificadas de acordo com as • Ex.:
relações entre os elementos básicos da projeção;
• Elementos básicos da projeção:
– Plano de Projeção: superfície onde o objeto será
representado em 2D.
– Centro de Projeção: ponto fixo de onde partem os
raios de projeção.
– Raios de Projeção: retas que saem do centro de
projeção, passam por cada vértice do objeto e cruzam
o plano de projeção.

7 8

7 8

2
 09/10/2023

Classificação das Projeções Classificação das Projeções

Geométricas Geométricas
• Diferenças entre projeções: • Ex.:
a) Paralela:
– preserva as dimensões relativas do objeto;
– é usada para obter vistas precisas dos lados do objeto;
– não dá uma representação real da aparência do objeto;

b) Perspectiva:
– simula a visão do olho humano/câmera fotográfica;
– objetos distantes ao plano de projeção são projetados
menores;
– objetos mais próximos ao plano de projeção são Paralela Perspectiva
projetados maiores;
– não preserva as dimensões relativas do objeto;
9 10

9 10

1. Projeções Paralelas 1.1. Projeções Paralelas Ortográficas

• Planta ou Elevação:
• Características: – projeção ortográfica mais comum;
– projeção por elevações:
• planta baixa (topo);
– centro de projeção no infinito; • elevação frontal (frente);
• elevação lateral (lado);
– raios de projeção paralelos entre si; – direção dos raios de projeção é paralela a um dos
eixos (x, y, z);
– plano de projeção é perpendicular a um dos eixos
(x, y, z);
11 12

11 12

3
 09/10/2023

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Planta ou Elevação: • Se um objeto estiver posicionado no espaço com

seus eixos principais paralelos aos eixos do sistema
de coordenadas e quisermos sua projeção
ortográfica, planta ou elevação, basta fazer o
Cálculo da Projeção Planta ou Elevação:
a) Projeção planta ou elevação no plano xy (plano
vertical) com z = 0: 1 0 0 0é ù
ê0 1 0 0 ú
[x' y' z ' 1] = [x y z 1]ê ú
ê0 0 0 0 ú
ê ú
ë0 0 0 1 û
13 14

13 14

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Cálculo da Projeção Planta ou Elevação: • Cálculo da Projeção Planta ou Elevação:

b) Projeção planta ou elevação no plano xy com z = c) Projeção planta ou elevação no plano yz com x =
Tz: Tx:

é1 0 0 0ù
ê0 é0 0 0 0ù
0úú ê0 1 0 0úú
1 0
[x' y ' z ' 1] = [x y z 1]ê
[x' y ' z ' 1] = [x y z 1]ê
ê0 0 0 0ú
ê ú ê0 0 1 0ú
ë0 0 Tz 1û ê ú
ëTx 0 0 1û

15 16

15 16

4
 09/10/2023

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Cálculo da Projeção Planta ou Elevação: • Axonométricas:

d) Projeção planta ou elevação no plano xz com y = – plano de projeção não é perpendicular a um dos
Ty : eixos (x, y, z);
– direção dos raios de projeção é igual à direção da
normal do plano de projeção;
é1 0 0 0ù
ê0 0 0 0úú
– mostra várias faces do objeto ao mesmo tempo;
[x' y ' z ' 1] = [x y z 1]ê
ê0 0 – é preservado o paralelismo entre as arestas;
1 0ú
ê ú – não são preservados ângulos entre arestas;
ëê0 T y 0 1ûú

17 18

17 18

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Axonométricas: • Vetor Normal

19 20

19 20

5
 09/10/2023

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Axonométricas: • Isométrica: jogos 2D com aspecto 3D.

Clash of Clans Diablo

Age of Empires Bastion

21 22

21 22

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Cálculo da Projeção Isométrica: • Cálculo da Projeção Isométrica:

– é necessário o cálculo de operações de rotação no écos a 0 - sena 0ù é1 0 0 0ù é1 0 0 0ù
objeto e, em seguida, o cálculo de uma projeção [x' y ' z ' 1] = [x y
ê 0
z 1]ê
1 0 0úú êê0 cos b senb 0úú êê0 1 0 0úú

planta ou elevação, geralmente, no plano xy (z=0) ê sena

ê
0 cos a 0ú ê0 - senb
úê
cos b 0 ú ê0
úê
0 0 0ú
ú
ë 0 0 0 1 û ë0 0 0 1 û ë0 0 0 1û

écos a sena × senb 0 0ù

ê 0 cos b 0 0úú
[x' y ' z ' 1] = [x y z 1]ê
ê sena - cos a × senb 0 0ú
ê ú
ë 0 0 0 1û

23 24

23 24

6
 09/10/2023

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Cálculo da Projeção Isométrica: • Cálculo da Projeção Isométrica:
2
– Para obter os ângulos α e β utilizamos os vetores: – Tamanho, norma ou magnitude: u = x 2 + y + z 2
• X = [1 0 0 1] – Esses vetores têm seus comprimentos iguais a:
• y = [0 1 0 1] • ||x’|| = (cos2α + sen2β.sen2α)1/2
• z = [0 0 1 1] • ||y’||= (cos2β)1/2
– Ao serem transformados pela matriz de projeção • ||z’|| = (sen2α + sen2β.cos2α)1/2
isométrica, resultam em:
• x' = (cosα senβ.senα 0 1) – Como os ângulos devem ter todas as mesmas
• y’ = (0 cosβ 0 1) medidas, pois são isométricos, igualando os
• z’ = (senα –senβ.cosα 0 1) valores ||x’||=||y’|| e ||x’||=||z’||;

25 26

25 26

1.1. Projeções Paralelas Ortográficas 1.1. Projeções Paralelas Ortográficas

• Cálculo da Projeção Isométrica: • Cálculo da Projeção Dimétrica:

– Obtém-se sen2β =1/3 e sen2α = 1/2. O que resulta – Para encontrar os ângulos na projeção dimétrica é
em ângulos α = 45° e β ≈ 35,26°. só igualar os ângulos de apenas dois eixos:
– Assim, obtemos a matriz de projeção isométrica ou ||x’|| = ||y’|| ou ||x’|| = ||z’|| ou ||y’|| = ||z’||.
pela substituição dos valores:

é0,707 0,408 0 0ù
• Cálculo da Projeção Trimétrica:
ê 0 0,816 0 0úú – Na Projeção trimétrica pode ser usado qualquer
[x' y ' z ' 1] = [x y z 1]ê
ê0,707 - 0,408
ê
0 0ú
ú
ângulo;
ë 0 0 0 1û

27 28

27 28

7
 09/10/2023

1.2. Projeções Paralelas Oblíquas 1.2. Projeções Paralelas Oblíquas

• Características:

– direção dos raios de projeção é diferente da α

direção da normal do plano de projeção;

– o plano de projeção é perpendicular a um dos

planos dos eixos;

29 30

29 30

1.2. Projeções Paralelas Oblíquas 1.2. Projeções Paralelas Oblíquas

• Projeções oblíquas típicas:

– cavalier: α = 45° (tg α = 1)
– cabinet: α = 63.4° (tg α = 2)
• Quando α = 90° retornamos para a projeção
paralela ortográfica.

31 32

31 32

8
 09/10/2023

2. Projeção Perspectiva ou Cônica 2. Projeção Perspectiva ou Cônica

• Características:
– Tamanho da projeção de um objeto varia
inversamente com a distância ao centro de
projeção;
– Linhas paralelas, em geral, não são projetadas
paralelamente;
– Ângulos só são preservados nas faces paralelas ao
plano de projeção;
– Distâncias não são preservadas.

33 34

33 34

2. Projeção Perspectiva ou Cônica 2. Projeção Perspectiva ou Cônica

• Classificação: • Classificação:
– A projeção perspectiva é classificada em relação à
quantidade de pontos de fuga;
– Pontos de Fuga: ponto para o qual duas linhas
paralelas convergem quando usando projeção
perspectiva;
– A quantidade de pontos de fuga corresponde ao
número de eixos interceptados pelo plano de
projeção.

35 36

35 36

9
 09/10/2023

2. Projeção Perspectiva ou Cônica 2.1. Cálculo da Projeção Perspectiva

• Classificação: • Supondo que o centro de projeção coincide

com a origem do sistema cartesiano:
(x,y,z)
y f

(x’,y’,z’)
y
r
x y'
r'
x
x'
z
xz

2pts. Fuga 3pts. Fuga

37 38

37 38

2.1. Cálculo da Projeção Perspectiva 2.1. Cálculo da Projeção Perspectiva

• Por semelhança de triângulos, temos que as • Combinando as expressões temos:

coordenadas (x’,y’,z’) são obtidas de:
f r' x' f
=
e y' f
=
=
z r x z y z
• A posição do ponto (x’,y’,z’) é dado pelas
• Logo, temos: equações:
x' y ' r ' f f
= = x' = x y' = y z' = f
x y r z z
• A relação f/z representa um fator de escala;
39 40

39 40

10
 09/10/2023

2.1. Cálculo da Projeção Perspectiva 2.1. Cálculo da Projeção Perspectiva

• Fazendo a translação do sistema de eixos em • Com a translação, todas as coordenadas do

“fz” unidades na direção z teremos o plano xy ponto projetado poderão ser obtidas por
em z=0 e o centro de projeção passará para o relações como as demonstradas anteriores,
ponto (0,0,-fz). sendo que z’ = 0. Logo, temos as relações
y
(x,y,z)
anteriores:
-f

(x’,y’,z’) y
- fz - fz
y' x
r
x' = x y' = y
r'
x' x
z
z z
x z

41 42

41 42

2.1. Cálculo da Projeção Perspectiva 2.1. Cálculo da Projeção Perspectiva

• Logo, a projeção perspectiva sobre o plano xy,

• A matriz de projeção perspectiva é obtida com z=0 é dada por:
usando a coluna genérica das coordenadas é1
ê0
0 0 0 ù é1 0 0 0ù é1 0 0 0 ù
1 0 0 úú ê0 ê
1 0 0úú ê0 1 0 0 úú
homogêneas, em que a matriz perspectiva é ê
ê0
1 ê =ê 1
0 1 - ú ê0 0 0 0ú 0 0 0 - ú
multiplicada pela matriz de projeção ê
êë0 0 0
fz úê
0 úû ë0
ú ê
0 0 1 û ê0 0 0
fz ú
0 úû
ë
ortográfica para indicar por qual plano será a
projeção. é1
ê0
0 0 0 ù
ê 1 0 0 úú é zù
[x' y ' z ' 1] = [x y z 1]ê
0
1 = x
0 0 - ú êë
y 0 - ú
fz û
ê fz ú
êë0 0 0 0 úû
43 44

43 44

11
 09/10/2023

2.1. Cálculo da Projeção Perspectiva 2.1. Cálculo da Projeção Perspectiva

• Convertendo as coordenadas homogêneas

para cartesianas temos: • Para calcular a projeção perspectiva com o
centro de projeção em qualquer posição
(fx,fy,fz), basta transladar o ponto para origem,
x f y f usar a matriz de projeção e depois retornar a
x' = =- z x y' = =- z y
z z
- -
z z posição anterior.
fz fz

45 46

45 46

2.1. Cálculo da Projeção Perspectiva 2.1. Cálculo da Projeção Perspectiva

• A concatenação de matrizes definida para o – Projeção perspectiva sobre o plano yz, com x=0:
centro de projeção (fx,fy,fz) é dada por: é
0 0 -
1ù
ê0 fx ú
ê ú
[x' y ' z ' 1] = [x y z 1]ê0 1 0 0 ú
ê0 0 ú
é 1 0 0 0ù é1 0 0 0 ùé 1 0 0 0ù ê
0 1
ú
ê 0 ê 0 úú ê 0
0úú ê0 0 0úú ëê0
1 0 0 0 0 ûú
ê 1 0 1
1 ê
ê 0 0 1 0 ú ê0 0 0 - úê 0 0 1 0ú – Projeção perspectiva sobre o plano xz, com y=0:
ê úê fz úê ú
ëê- f x - fy 0 1ûú ê0
ë 0 0 0 ûú ëê f x fy 0 1ûú é1 0 0 0 ù
ê 1ú
ê0 0 0 -
[x' y ' z ' 1] = [x y z 1]ê fy ú
ú
ê0 0 1 0 ú
ê0 0 0 0 úû
47 ë 48

47 48

12
 09/10/2023

2.1. Cálculo da Projeção Perspectiva 2.1. Cálculo da Projeção Perspectiva

– Para obter a matrizes perspectivas com 2 ou 3 • Projeção Perspectiva com três pontos de fuga
pontos de fuga, definimos os elementos da coluna sobre o plano xy:
genérica e fazemos a multiplicação por uma
matriz de projeção ortográfica no plano desejado.
é 1ù
ê1 0 0 -
fx ú
é 1ù é 1 ù é1 0 0 0 ù ê ú
- ê1 0 0 - 1
ê1 0 0 fx ú fx ú ê 1ú ê0 1 0 - ú
ê ú ê
1 ú
ú ê0 1 0 -
fy ú [x '
y' ]
z ' 1 = [x y z 1]ê fy ú
ê0 1 0 0 ú ê0 1 0 - ê ú ê 1ú
ê fy ú ê0 1 ê0 0 0 - ú
ê0 0 1 1
- ú ê0 0 1 - ú ê fz ú
ê fz ú 0 1 0 ú ê fz ú êë0
ê ú ê0 0 0 0 úû
ê0 0 0
ë 0 úû ëê0 0 0 0 úû ë 0 0 0 úû

49 50

49 50

Tarefa
• Responda as questões de 09 a 12 da Lista de
Exercícios #01.

51

51

13