(cartoon rendering) - im.ufal.br · pdf filevisualização não foto...
TRANSCRIPT
![Page 1: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/1.jpg)
MATFEST2007
Visualização não foto realísticaVisualização não foto realística (cartoon rendering)(cartoon rendering)
Allan CarlosLeandro CarnaúbaRenata Thomaz
![Page 2: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/2.jpg)
- O resultado final não tem compromisso de está próximo da realidade.- Explora estilos de desenho.- Procura realçar pontos im-portantes para o entendimento do desenho.
O que é renderização não-fotorealistica?
![Page 3: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/3.jpg)
Não Realismo X RealismoNão Realismo X Realismo
![Page 4: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/4.jpg)
Situações em que o realismo não é prioridade:
- Cartoons
- Pinturas Artísticas
- Desenhos Técnicos
- Visualização Científica
![Page 5: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/5.jpg)
Renderização de 2D para 3D Renderização de 2D para 3D
- Desenhos feitos à mão e posteriormente digitalizados.- Não há informações 3D nos desenhos.- Uma grande variedade de efeitos pode ser obtida usando apenas diferentes modelos de iluminação.
![Page 6: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/6.jpg)
Renderização de 3D para 2DRenderização de 3D para 2D
- As partes mais significativas para a obtenção do resultado desejado são evidenciadas.
- Pode facilitar a visualização de detalhes .
![Page 7: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/7.jpg)
É possível gerar uma imagem que seja confundida com um É possível gerar uma imagem que seja confundida com um desenho feito a mão por uma pessoa?desenho feito a mão por uma pessoa?
Técnicas de renderização
Cel ShadingPen-and-Ink
Pintura a óleo
Aquarela
![Page 8: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/8.jpg)
Cartoon 3D - 2DCartoon 3D - 2D
- Detecção de silhuetas - Detecção de arestas vivas- Cálculo de iluminação - Aplicação do efeito desejado
Etapas envolvidas
![Page 9: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/9.jpg)
Detecção de silhuetasDetecção de silhuetas- Arestas que formam o contorno de um objeto para
um certo observador.- Delimita os modelos e torna evidente quais
estão em primeiro plano e quais não estão.- Relação OBJETO – MUNDO- Compartilham uma face cuja normal aponta para o
observador e uma face cuja normal aponta na direção oposta ao observador.
![Page 10: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/10.jpg)
Detecção de arestas vivasDetecção de arestas vivas
- São arestas onde o ângulo entre as duas faces adjacentes é menor que um limite mínimo ou maior que um limite máximo
- Relação OBJETO - OBJETO
![Page 11: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/11.jpg)
Cálculo de sombreamentoCálculo de sombreamento
- Escolha de um modelo de iluminação adequado
- Phong- Cartoon
- Plastic
![Page 12: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/12.jpg)
AplicaAplicação doção do efeito desejado efeito desejado- Iluminação convencional x iluminação baseada em Cartoon
S hade
![Page 13: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/13.jpg)
Cartoon 2Cartoon 2D - 3DD - 3D- Processos para obtenção de características 3D a partir de imagens 2D
- Digitalização - Esqueletonização - Detecção de Regiões - Extração de Curva - Orientação da Curva - Normais às Curvas - Suavização - Interpolação
![Page 14: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/14.jpg)
Digitalização
- Captura da imagem - Aplicão de filtros para remoção de ruídos- Restrições de entrada
![Page 15: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/15.jpg)
Esqueletonização
- Algoritmo de Thinning (Zang-Suen) - Remove pixels do "foreground" de imagens binárias - Preserva a topologia
![Page 16: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/16.jpg)
![Page 17: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/17.jpg)
![Page 18: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/18.jpg)
Detecção de Regiões (Rotulamento)Detecção de Regiões (Rotulamento)
- Identificação da imagen de acordo com as regiões I = R(i), i = 1, 2, ..., N - Algoritmo de Flood-Fill
![Page 19: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/19.jpg)
![Page 20: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/20.jpg)
Extração e Orientação da Curva Extração e Orientação da Curva - Processo de vetorização da imagem - Algoritmo de chain-code * Verificação dos vizinhos - Importância da orientação da curva
![Page 21: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/21.jpg)
Normais à Curva Normais à Curva
- Vetor perpendicular ao vetor direção da curva- Obtenção da coordenada 3D, (x,y) profundidade Z- Necessárias para o calculo de iluminação
![Page 22: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/22.jpg)
InterpolaçãoInterpolação
- Interpolação das normais à curva (Suavização)- Obtenção das normais internas
![Page 23: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/23.jpg)
Outras aplicações:Outras aplicações:
![Page 24: (cartoon rendering) - im.ufal.br · PDF fileVisualização não foto realística (cartoon rendering) ... observador e uma face cuja normal aponta na direção ... Bruno,Silva, Alessandro,](https://reader033.vdocuments.net/reader033/viewer/2022042611/5a78bdde7f8b9a21538cb6cd/html5/thumbnails/24.jpg)
Referências:Referências:- Bezerra, Hedlena. Colorização 3D para Animação 2D. Rio de Janeiro : PUC-Rio, Departamento de Informática, 2005.
- Venetilo, Jeronimo. Cartoon Shading. Rio de Janeiro: PUC – Rio, 2004.
- Evangelista, Bruno,Silva, Alessandro, Nery,Marcelo, Mota,Rosilane. Renderização de cenas tridimensionais não-fotorealístas explorando hardware programável. Minas Gerais: PUC-MG.
- Scott F. Johnston. Lumo: Illumination for Cel Animatio.
- Venetilo, Jeronimo. Celes, Waldemar. Cartoon Rendering para Inspeção de Maquetes Eletrônicas de Modelos Industriais. Rio de Janeiro: Tecgraf/PUC-Rio – Departamento de Informática.
- Card, Drew. Mitchell, Jason L. Non-Photorealistic Rendering with Pixel and Vertex Shaders
- http://www.cs.utah.edu/npr/