1

Computao Grfica
Prof. Dr. Jlio C. Klafke
UNIP-Objetivo
1-2007
2
Bibliografia
AZEVEDO, E. e CONCI, A. Computao
Grfica. Teoria e Prtica. Editora Campus, Rio
de Janeiro, 2003, 353p.
HETEM, A. Computao Grfica. Editora
LTC, Rio de Janeiro, 2006, 180p.
WIKIPEDIA!!!!!!
3
Computao Grfica UNIP
2007-2008
Programao do Curso: ~20 aulas (12 Mdulos)
1. Viso Geral. Conceitos Bsicos e Terminologia.
2. Primitivas Grficas em Duas Dimenses.
3. Sntese de Cores.
4. Formato de Arquivos de Imagens.
5. Transformaes Geomtricas em 2D.
6. Tpicos Avanados em 2D (opcional).
7. Primitivas Grficas em 3 Dimenses.
8. Representao e Modelagem de Primitivas em 3D.
9. Transformaes Geomtricas em 3D.
10. Taxinomia das Projees.
11. Luzes e Sombras.
12. Tpicos Avanados em 3D (opcional).
1

.

B
i
m
e
s
t
r
e

2

.

B
i
m
e
s
t
r
e

4
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia

a rea da Cincia da Computao que trata
a gerao, manipulao e interpretao de
modelos e imagens de objetos utilizando o
computador.

O conjunto de mtodos e tcnicas de
converter dados para um dispositivo grfico,
via computador.
5
Principais reas da C.G

Sntese de Imagens
Representao grfica da Informao (dados)
Produo de representaes visuais a partir de
especificaes geomtrica de seus componentes.
Processamento de Imagens
Tratamento da imagem em sua forma digital, suas
transformaes e melhoramentos.
Anlise de Imagens
Especificao dos componentes da imagem a partir de sua
representao visual.
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
6
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
Modelo Geomtrico
(Matemtico)
Imagem Digital
Sntese de
Imagens
Anlise de Imagens
Processamento
de Imagens
Imagem Digital
7
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
Aplicaes da C.G
Interfaces grficas (janelas, menus, cones)
Traado interativos de grficos (cincia, tecnologia e
economia)
Projeto e desenho auxiliado por computador (CADs)
Simulao e animao para visualizao cientfica, arte,
lazer e publicidade
Controle de processos
Cartografia
Arte por computador
8
Sada

Entrada

Dados
Armazenados

Hardware Grfico
Computador
Hospedeiro

Link de Dados
(Alta Velocidade)
D
i
s
p
o
s
i
t
i
v
o
s

G
r

f
i
c
o
s

9
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
Pacotes Grficos (Softwares) e Bibliotecas
Conjunto de rotinas grficas bsicas
padronizadas e portveis
Requisitos X Utilidade quanto a construo
Simplicidade, Consistente, Completeza, Robustez,
Desempenho e Economia.
Bibliotecas (facilitam a implementao)
Exemplos: OpenGL, DirectX, PGPlot, Mongo...

10
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
Processo de Visualizao 2D
Mapeamento do objeto (rastering & rendering)
Recorte (viewport & clipping)
Curvas Paramtricas
Hermite
Bezier
B-Spline
Outras
11
RASTERIZAO
(rastering)
Vetores Matriz

X

RENDERIZAO
(rendering)
Estrutura de dados Imagens
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
12
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
Universo
X
Y
Tela
0,0
640,400
RASTERIZAO
Vetores Matriz
13
http://en.wikipedia.org/wiki/Computer_display_standard
14
Mdulo 1
Viso Geral. Conceitos Bsicos e Terminologia
RASTERIZAO
Vetores Matriz

&

RECORTE
(Clipping)
J anela de Visualizao
(viewport)
IMAGEM VETORIAL
IMAGEM MATRICIAL
(raster)
15
So os elementos bsicos que compe
um desenho (pontos, retas, polilinhas,
polgonos, crculos, elipses, etc);

.
Mdulo 02.
Primitivas Grficas em Duas Dimenses
16
Comandos e funes de um programa
que manipulam e alteram as
propriedades dos elementos grficos ou
do hardware grfico.

WritePixel(x,y,cor);
Form1.Canvas.Pixel[x,y]+RGB(r,g,b);
glViewport(0,0,w,h)
Mdulo 02.
Primitivas Grficas em Duas Dimenses
17
Mdulo 02.
Primitivas Grficas em Duas Dimenses
Fundamentos Matemticos
Sistemas de coordenadas
Posio de um ponto
Retas
Vetores
Matrizes
Primitivas Grficas
18
Sistemas de coordenadas
O sistema definido por uma origem e por
um par de eixos perpendiculares:
Y
X
O
19
Posio de um ponto
definida atravs de um par de
coordenadas P (X1,Y1).
Y
X
X1
Y1
P
20
Retas
O conjunto de pontos alinhados em
uma mesma direo.
Y
X
X1 X2
Y2

Y1
definida por dois pontos
A equao: Y = m.X + n
A constante m o coeficiente
angular (inclinao da reta em
relao ao eixo X)
A constante n a ordenada
quando X = 0
Posies entre duas retas:
Paralelismo, Interseco e
Perpendicularismo.
21
Mdulo 02.
Rasterizao de Primitivas Grficas
Sistema de Coordenadas Cartesianas
x
Sistema de Coordenadas do Dispositivo (tela)
PONTO
PIXEL
viewport
22
Sejam, portanto, XRMIN e XRMAX os valores mnimos e mximos horizontais da janela de
visualizao no espao cartesiano e XPMIN e XPMAX os valores correspondentes em pixel.
YRMIN, YRMAX, YPMIN e YPMAX sero os valores verticais (c.f. figura). A transformao
(XR,YR) (YP,YP) obtida por meio de um simples clculo de PROPORCIONALIDADE
(regra de trs simples!) :
XRMIN XRMAX
XPMIN XPMAX
XRMIN XR
XPMIN XP

Resolvendo XR em funo de XP e XP em funo de XR obtemos as relaes:
( )
( )

+ =
+ =
+

=
XRMIN SX XPMIN XP XR
XPMIN XRMIN XR SX XP
XPMIN XRMIN XR
XRMIN XRMAX
XPMIN XPMAX
XP
Escala de fator SX
/ ) (
) (


23
Mdulo 1 & Mdulo 2
Exerccios
1. Obtenha as relaes de YP em funo de YR e de YR em funo de YP.
2. Considere o ponto P, pertencente ao R2, cujas coordenadas (XR,YR) so P =
(1.45, 0.32). Se XRMIN = YRMIN = 2.0 e XRMAX = YRMAX = +2.0 qual o
valor correspondente das coordenadas (XP,YP) do pixel se XPMIN = YPMIN
= 0, XPMAX = 1023 e YPMAX = 767 ?
3. Escreva um pseudocdigo que leia os valores do domnio no espao real
(XRMIN, YRMIN, XRMAX, YRMAX), os valores da janela de visualizao na
matriz do dispositivo grfico de sada (XPMIN, YPMIN, XPMAX, YPMAX) e as
coordenadas de um ponto real (XR,YR) e imprime um pixel de colorao cor
(cor uma varivel/constante de tipo inteiro). No esquea de declarar os
tipos das variveis corretamente e use as funes INT( ) e PLOTA(xp, yp,
cor), respectivamente, para obter o valor inteiro de um nmero real e plotar
um pixel de cor cor na posio (xp, yp) da matriz do dispositivo grfico de
sada.