Transformaes 2D

Soraia Raupp Musse

1
Transformaes 2D - Translao

Posio inicial
Translao
Posio final

2
 Transformaes 2D - Translao
x' = x + t x
Cada vrtice modificado
y' = y + t y

r tx
Utiliza-se vetores para representar t =
a transformao ty
Um ponto p(x,y) torna-se um vetor r x
p=
y
Assim, a translao torna-se uma
mera soma de vetores
r r r
p' = p + t
3
 Transformaes 2D - Escala
Coordenadas so multiplicadas pelos
fatores de escala x' = x.s x

y ' = y.s y
Tipos de Escala
Uniforme:
sx = sy
No-Uniforme
sx <> sy
Escala uma multiplicao de matrizes

x' s x 0 x x.s x + 0. y x.s x

y ' = 0 . = =
s y y 0.x + y.s y y.s y


4
 Transformaes 2D - Rotao
Como chegar matriz de rotao?

5
 Transformaes 2D - Rotao
Como chegar matriz de rotao?

x = r. cos y = r. sin
x' = r. cos( + ) y ' = r. sin( + )

6
 Transformaes 2D - Rotao
Como chegar matriz de rotao?
x = r. cos y = r. sin
x' = r. cos( + ) y ' = r. sin( + )

x' = r. cos . cos r. sin . sin

y ' = r. cos . sin + r. cos . sin

x' = x. cos y. sin sin( + ) = cos . sin + sin . cos

cos( + ) = cos . cos sin . sin
y ' = x. sin + y. cos

x' cos sin x

y ' = sin .
cos y

7
 Transformaes 2D Reflexo
Ocorre ao longo de uma linha
Ao longo do eixo X
1 0 x x
0 1. y = y

Ao longo do eixo Y
1 0 x x
0 1. y = y

Ao longo dos 2 eixos: XY

1 0 x x
0 1. y = y

8
 Transformaes 2D Deslizamento
Shearing uma
transformao que distorce o
objeto
Distoro na direo x
1 Shx x x + Shx . y
0 1 . y = y

Distoro na direo y
1 0 x x
Sh =
1 y Shx .x + y
.
y

9
 Resumo Transformaes 2D
Applet Transformaes 2D
Notao Vetor-Matriz simplifica escrita
Translao expressa como uma soma de vetores
Escala e Rotao expressas como multiplicao Matriz-
Vetor
Porm, interessante uma notao uniforme e
consistente
Permitir que se expresse as trs operaes de maneira
idntica
Permitir que se expresse a combinao destas trs
operaes tambm de maneira idntica
Como fazer isso?

10
 Matriz Transformao
Produzir uma matriz que seja o resultado da
multiplicao das transformaes a serem
aplicadas no objeto
Problema: Todas as operaes bsicas devem ser
escritas em forma matricial
Para isto, escreva as notaes matriciais das
transformaes:
x' = x.s x x' = x. cos y. sin x' = x + t x
y ' = y.s y y ' = x. sin + y. cos y' = y + t y

11
 Coordenadas Homogneas
Introduzida em Matemtica
x
Adiciona uma terceira coordenada w y
Um ponto 2D passa a ser um vetor com 3
w
coordenadas
2 pontos so iguais se e somente se: x' x y' y
= e =
Homogeneizar: dividir por w w' w w' w
Pontos homogeneizados:
x
y

1

12
 Translao Coord. Homogneas
r r r
p' = p + t
x
y =
1
0
0 t x x
1 t y y
xw = wx + t x

w

0
y y
0 1 w
w = w + t y
x = x + wt x

y = y + wt y
w = w

13
 Escala Coord. Homogneas

x s x 0 x

0
xw = s x x
w
y = 0

w 0
sy 0 y

1 w
y y
0
w = sy w

x = sx x

y = sy y

w = w

14
 Rotao Coord. Homogneas

x cos sin 0 x
y = sin cos 0 y

w 0 0 1 w xw = cos wx sin y

y
w

w = sin wx + cos y
w

x = cos x sin y

y = sin x + cos y
w = w

15
 Composio de Transformaes

Para realizar composio de transformaes, basta

efetuar uma multiplicao de matrizes
Ex: Composio de uma rotao e uma translao
M = R.T
Rotao ao redor de um ponto Q:
translada Q para origem (TQ),
rotaciona ao redor da origem (R)
translada de volta para Q (- TQ).

P=(-TQ)RTQ P

16
 Composio de Transformaes

Observaes
Multiplicao de Matrizes no comutativa
Ordem das operaes influencia diretamente
Rotao seguida de translao muito diferente de translao
seguida de rotao.

17
 Matriz de Transformao

Multiplicao de todas as matrizes que

compem as operaes a serem sofridas
pelo(s) objeto(s).

18
 Animao

T1=(tx1,ty1) T8=(tx8,ty8)
dx = tx8 tx1
1 0 dx
0 1 dy

0 0 1
dx
x =
number _ of _ frames
dy
y =
number _ of _ frames
19
 Animao

S1=(sx1,sy1) Sx = S 8 S1
Sx 0 0 S8=(sx8,sy8)
0 Sy 0

0 0 1
Sx
x =
number _ of _ frames
Sy
y =
number _ of _ frames

20
Fsica

21
 Pipeline de Visualizao

Em 2D as coisas so mais simples que em 3D

Simplesmente especificar uma janela do mundo 2D e
uma viewport na superfcie de visualizao
A complexidade comea em 3D, pelo fato de termos uma
dimenso a mais, mas tambm pelo fato do dispositivo
de exibio ser 2D
Y

X
2D

22
 Pipeline 2D

SRO
SRU
SRW
(recorte 2D)
SRV
SRD

23
 Exerccio:

Translade em (2,-3) a figura abaixo:

(8,6)

(2,4)

Quais as coordenadas dos 4 vrtices da figura

transladada?

24
 Resposta:

Translade em (2,-3) a figura abaixo:

(10,3)

(0,1)

Quais as coordenadas dos 4 vrtices da figura

transladada? (4,1), (4,3), (10,3) e (10,1)

25
 Exerccio:
Monte a matriz e rotacione em (45 graus) o ponto
abaixo:

(2,4)

26
 Resposta:
Monte a matriz e rotacione em (45 graus) o ponto
abaixo:

x cos 45 sin 45 0 2
(-1,4;4,2) (2,4) y = sin 45 cos 45 0 4

w 0 0 1 1

27
Instanciamento: Coordenadas

28
 Instanciamento: Coordenadas

Considere que todas as figuras geomtricas

necessrias na casinha tem coordenadas do
seu vrtice inicial (esq-abaixo) como (0,0).
Considere que a escala e rotao esto ok,
Quais operaes devem ser feitas para
modelar a casa acima?
29