CONCEITOS BÁSICOS

PROGRAMAÇÃO GRÁFICA II
Prof.Herculano De Biasi
UNOESC
Tópicos

 Conceitos Gerais
 Visualização 2D
Conceitos Gerais (1)

 Computação Gráfica: Conjunto de métodos e técnicas computacionais para a

representação de forma gráfica, através de um computador, de objetos do mundo
real (ou virtual)

 Frame buffer: Memória de vídeo; memória especial capaz de armazenar e

transferir para a tela os dados de um quadro de imagem completo

 Display list (display file): Série de comandos gráficos (primitivas) que definem a
imagem de saída
Conceitos Gerais (2)

 Representação: Utilização de uma lista circular

Visualização 2D (1)

 Quatro elementos
 Lista de objetos ou comandos gráficos
 Área do mundo que queremos mostrar (janela), definida em coordenadas de mundo
 Área física do vídeo onde mostraremos essa parte do mundo (viewport), definida em
coordenadas de dispositivo
 Transformação entre esses dois sistemas de coordenadas
Visualização 2D (2)

 Sistemas
Visualização 2D (3)

 Window (estrutura de dados - janela)

 Uma área (recorte) do mundo selecionada para ser mostrada
 Está armazenado no display list
 Utiliza coordenadas cartesianas
 Tamanho variável (zoom)
 Deve ser representado por uma estrutura de dados: Xwmin, Ywmin, Xwmax, Ywmax

 Viewport (estrutura de dados - área de desenho da tela)

 Uma área em um dispositivo de display para a qual o conteúdo de uma window é
mapeado
 Representado num sistema de coordenadas parcialmente invertido, onde o eixo Y
aponta para baixo
 Tamanho fixo ou não controlado pela aplicação
 Deve ser representado por uma estrutura de dados: Xvpmin, Yvpmin, Xvpmax, Yvpmax
Visualização 2D (4)

 Transformação de visualização
 Mapeamento de uma parte de uma cena em coordenadas do mundo para coordenadas
de dispositivo
 Executado pela transformada de viewport

 Para encontrar o valor de x na viewport xvp, realizamos a seguinte transformação

linear
𝑋𝑤 − 𝑋𝑤𝑚𝑖𝑛
𝑋𝑣𝑝 = 𝑋𝑣𝑝𝑚𝑖𝑛 + × 𝑋𝑣𝑝𝑚𝑎𝑥 − 𝑋𝑣𝑝𝑚𝑖𝑛
𝑋𝑤𝑚𝑎𝑥 − 𝑋𝑤𝑚𝑖𝑛

 O valor de y pode ser encontrado da seguinte forma, levando em consideração a

inversão do eixo y
𝑌𝑤 − 𝑌𝑤𝑚𝑖𝑛
𝑌𝑣𝑝 = 𝑌𝑣𝑝𝑚𝑎𝑥 − × 𝑌𝑣𝑝𝑚𝑎𝑥 − 𝑌𝑣𝑝𝑚𝑖𝑛
𝑌𝑤𝑚𝑎𝑥 − 𝑌𝑤𝑚𝑖𝑛
Visualização 2D (5)

 Transformação
Visualização 2D (6)

 Transformada de viewport
Visualização 2D (7)

 Trabalho – Implementar o sistema básico 2D, contendo

 Interface Gráfica (GUI)
 Display list 2D capaz de representar pontos, retas e polígonos (listas de pontos
interconectados); cada objeto deve possuir um nome, um tipo e cada objeto e sua lista
de coordenadas de tamanho variável dependendo de seu tipo
 Transformação de viewport em 2D
 Funções de navegação 2D (movimentação do window)
 Função de zoom (modificação do tamanho do window)
Visualização 2D (8)

 Exemplo