Dispositivos de Visualização
e Rasterização
Alex F. V. Machado
[email protected]
Dispositivos de Visualização
• Toda imagem criada através de recursos
computacionais deve ser representada em
algum dispositivo físico que permita a sua
visualização.
• Diversas tecnologias e diferentes tipos de
dispositivos são utilizados para gerar
representações visuais.
Dispositivos de Visualização
É possível classificar os dispositivos de exibição
(traçadores, impressoras e terminais de vídeo) em
duas principais categorias, segundo a forma pela
qual as imagens são geradas:
• Dispositivos vetoriais: traçadores digitais,
osciloscópio e monitor CRT (Cathode Ray Tube).
• Dispositivos matriciais: Impressoras e
Dispositivos de Vídeo de Varredura (Raster
Scanning VDUs)
Dispositivos de Visualização
• Dispositivo gráfico vetorial (osciloscópio)
Dispositivos de Visualização
• Dispositivo gráfico matricial
(Dispositivos de Vídeo de Varredura)
Dispositivos de Visualização
• Dispositivo gráfico matricial
(Dispositivos de Vídeo de Varredura)
Rasterização
Representação Vetorial x
Matricial
• Normalmente, gráficos são
definidos através de
primitivas geométricas
como pontos, segmentos de
retas, polígonos, etc
– Representação vetorial
• Dispositivos gráficos podem
ser pensados como matrizes
de pixels (rasters)
– Representação matricial
• Rasterização é o processo de
conversão entre
representações vetorial e
matricial
Representação Vetorial x
Matricial
Obs.:
•SRU - Sistema de Referência do Universo
•SRT - Sistema de Referência da Tela
•SRC - Sistema de Referência da Câmera (3D)
Considerações Gerais
• Rasterização é um processo de amostragem
– Domínio contínuo  discreto
– Problemas de aliasing são esperados
• Cada primitiva pode gerar um grande número de
pixels
– Rapidez é essencial
• Em geral, rasterização é feita por hardware
• Técnicas de antialiasing podem ser empregadas,
usualmente extraindo um custo em termos de
desempenho
Rasterização de Segmentos de Reta
• Segmento de reta entre P1= (x1, y1) e P2= (x2, y2)
– Já foi recortado com relação ao viewport
• Objetivo é pintar os pixels atravessados pelo segmento de reta
– Na verdade, nem todos, apenas os mais próximos
• Reta de suporte dada por a x + b y + c = 0
• Queremos distinguir os casos
– Linhas ~ horizontais  computar y como função de x
– Linhas ~ verticais  computar x como função de y
Rasterização de Segmentos de Reta
(algoritmo básico)
yi = m xi + b
onde:
m = Dy/Dx
b = y1 - m x 1
Rasterização de Segmentos de Reta
(algoritmo básico)
yi = m xi + b
onde:
m = Dy/Dx
b = y1 - m x 1
Rasterização de Segmentos de Reta
(algoritmo básico)
yi = m xi + b
onde:
m = Dy/Dx
b = y1 - m x1
void Line1(int x1, int y1, int x2, int y2, int color)
{
float m = (y2-y1)/(x2-x1);
float b = y1 - m*x1;
float y;
int x;
PutPixel(x1,y1,color);
}
for (x=x1+1; x<=x2; x++)
{
y = m*x + b;
PutPixel(x,ROUND(y), color);
}
Rasterização de Segmentos de Reta
(algoritmo básico)
void Line1(int x1, int y1, int x2, int y2, int color)
{
float m = (y2-y1)/(x2-x1);
float b = y1 - m*x1;
float y;
int x;
yi = m xi + b
onde:
m = Dy/Dx
b = y1 - m x1
PutPixel(x1,y1,color);
Exemplo
(x2,y2)
}
y=mx+b
b
for (x=x1+1; x<=x2; x++)
{
y = m*x + b;
PutPixel(x,ROUND(y), color);
}
(x1,y1)
(9,4)
y=(1/3)x+1
1
(3,2)
3
(3,2)
(4,2)
2
2
3
Calcula-se m e b
(5,3)
(4,2.33)
1a
iteração
2a
4
iteração
(5,2.66)
3a
5
iteração
Como melhorar o algoritmo?
void Line2(int x1, int y1, int x2, int y2, int color)
{
float m = (y2-y1)/(x2-x1);
float b = y1 - m*x1;
float y;
int x;
PutPixel(x1,y1,color);
}
for (x=x1+1; x<=x2; x++)
{
y = m*x + b;
PutPixel(x,ROUND(y), color);
}
① multiplication
Como tirar a multiplicação?
② addition
③ round operation
Rasterização de Segmentos de Reta
(outros algoritmos)
(Algoritmo de linha incremental)
(Algoritmo de Bresenham)
Rasterização de Segmentos de Reta
(algoritmo de linha incremental)
Se
xi+1 = xi + 1
m
então
yi+1 = yi + Dy/Dx
void LineDDA(int x1, int y1, int x2, int y2, int color)
{
float y;
float m = (y2-y1)/(x2-x1);
int x;
PutPixel(x1,y1, color);
y = y1;
}
for (x=x1+1; x<=x2; x++)
{
y = y+m;
PutPixel(x,ROUND(y), color);
}
Rasterização de Segmentos de Reta
(algoritmo de linha incremental)
Se
xi+1 = xi + 1
m
então
yi+1 = yi + Dy/Dx
void LineDDA(int x1, int y1, int x2, int y2, int color)
{
float y;
float m = (y2-y1)/(x2-x1);
int x;
PutPixel(x1,y1, color);
y = y1;
}
for (x=x1+1; x<=x2; x++)
{
y = y+m;
PutPixel(x,ROUND(y), color);
}
 Ainda são necessários uma adição de floats e uma round operation.
 É possível fazer um algoritmo apenas com somas de inteiros.
O nome desse algoritmo é: Bresenham’s algorithm.
Entendendo o prolema:
Desenho de linhas
Rasterização de Segmentos de Reta
(Algoritmo de Bresenham)
Rasterização de Segmentos de Reta
(Algoritmo de Bresenham)
Rasterização de Segmentos de Reta
(Algoritmo de Bresenham)
Rasterização de Segmentos de Reta
(Algoritmo de Bresenham)
void BresLine(int x1, int y1, int x2, int y2, int cor)
x = x1; y = y1;
dy = y2-y1; dx = x2-x1;
m = dy/dx;
e = m – 0.5;
for(i=1;i<=dx;i++){
WritePixel(x, y);
IF (e > 0) {
y = y+1;
e = e – 1;
}
e = e+m;
x = x+1;
PutPixel(x,ROUND(y), color);
}
Rasterização de Segmentos de Reta
(Algoritmo de Bresenham)
Outros Octantes
Rasterização de Segmentos de Reta
(Algoritmo de Bresenham)
Vantagens: