Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.
-
Upload
brunilda-rana -
Category
Documents
-
view
229 -
download
0
Transcript of Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.
![Page 1: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/1.jpg)
Mapeado de texturasMapeado de texturas
Carlos Carrasco de PedroDaniel Sanz Sanfructuoso
![Page 2: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/2.jpg)
Mapeado de TexturasMapeado de TexturasIntroducciónTipos de texturasAspectos generalesTipos de mapeadoEjemplo texturas en OpenGLAspectos avanzadosTarjetas gráficasConclusión
![Page 3: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/3.jpg)
1. Introducción1. Introducción “Pegar” una imagen sobre un objeto Ajuste de texturas: rotaciones, escalados
proyecciones,... Mejora visual sin aumentar complejidad
geométrica Decisión entre velocidad o precisión
![Page 4: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/4.jpg)
2. Tipos de texturas2. Tipos de texturas
Unidimensionales
Bidimensionales
Tridimensionales
![Page 5: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/5.jpg)
Tipos de texturas(II)Tipos de texturas(II)
Texturas proceduralesVentajas: densas, infinitas, ocupan poco espacio, texturas 3DDesventajas: se inventan, CPU
![Page 6: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/6.jpg)
3. Aspectos generales3. Aspectos generales
Funciones de texturización
Repetición de la textura
Filtrado
Múltiples niveles de detalle.Mipmap
![Page 7: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/7.jpg)
Funciones de texturizaciónFunciones de texturización Computar color final a partir de color de la
textura y color de la superficie.Modo Decal.- Se impone color de texturaModo Sustitución.Modo Modulación.- Modula color de superficie con color de textura o luminosidadModo Mezcla.- Mezcla color de superficie con color de textura y otro color opcional
![Page 8: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/8.jpg)
Repetición de la texturaRepetición de la textura La textura puede asociarse con la superficie mas allá
de su rango de tamaño Se puede repetir una textura sobre la superficie de un
polígono y en un eje o en los 2Clamp - No se repiteRepeat - Se repite
![Page 9: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/9.jpg)
FiltradoFiltrado Los texels individuales rara vez coinciden con los pixels
individuales de la imagen final a visualizar(magnificación minificación)
A veces no esta claro que valores de texel utilizar. Entonces varios tipos de filtrado:
Más cercano ( nearest) Lineal (linear)
![Page 10: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/10.jpg)
Múltiples niveles de detalleMúltiples niveles de detalle Una textura puede ser visionada a diferentes distancias del
observador OpenGL filtra la textura evitando distorsiones poco reales Esto puede llevar alto procesamiento, pudiendo producir cambios
abruptos en la visión de la textura Solución: Múltiples versiones de una textura a diferente
resolución
![Page 11: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/11.jpg)
4. Tipos de mapeado4. Tipos de mapeado
Mapeado plano Mapeado cúbico Mapeado esférico Mapeado cilíndrico Mapeado UV
![Page 12: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/12.jpg)
5. Ejemplo Texturas en OpenGL5. Ejemplo Texturas en OpenGL
Activación del mapeado de texturasglEnable(GL_TEXTURE_2D)
Especificar la texturavoid glTexImage2D( GLenum target, GLint level, GLint components, GLsizei width, GLsizei height, GLint border, GLenum format, GLenum type, const GLvoid *pixels );Parámetro pixels es la imagen en si. Se tratará bien de una imagen en si o bien del resultado de un procedimiento
![Page 13: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/13.jpg)
Ejemplo Texturas en OpenGL(II)Ejemplo Texturas en OpenGL(II)
Mapear la texturaIndicar la correspondencia entre los vértices del objeto y las posiciones de la
– texturaglTexCoord2f(0.0, 1.0); glVertex(-1.0,1.0,0.0);
Indicar como se va aplicar la texturaRepetir la imagen, opciones de filtrado, mipmap...– void glTexParameterf( GLenum target, GLenum pname,
GLfloat param );ejemplo
![Page 14: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/14.jpg)
6. Aspectos avanzados6. Aspectos avanzados
Comportamiento de texturas con objetos animados
Mejoras de visualización Disminución de tamaño de texturas en memoria Texturas rugosas Transparencia Efectos de reflexión
![Page 15: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/15.jpg)
Mip-MappingMip-Mapping
Cambio resolución de texturas a medida que observador se acerca o aleja del objeto
Dada una imagen proporcionar texturas de resoluciones menores en potencias de dos(mip maps).
![Page 16: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/16.jpg)
Ejemplo Mip-mapsEjemplo Mip-maps
![Page 17: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/17.jpg)
Mip Mapping con OpenGLMip Mapping con OpenGL glTexImage1D() ó glTexImage2D() asignando
un nivel a cada textura Filtros GL_NEAREST_MIPMAP_NEAREST Utiliza la imagen más cercana a la resolución de
la pantalla.GL_NEAREST_MIPMAP_LINEAR Utiliza la imagen más cercana a la resolución de la pantalla
GL_LINEAR_MIPMAP_NEAREST Interpola linealmente entre las dos imágenes más cercanas a la resolución de la pantalla
GL_LINEAR_MIPMAP_LINEAR Interpola linealmente entre las dos imágenes más cercanas a la resolución de la pantalla
![Page 18: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/18.jpg)
Mip Mapping con OpenGLMip Mapping con OpenGL
gluBuild1DMipmaps y gluBuild2Dmipmaps generan mip-maps a partir de la textura de máxima resolución
ejemplo
![Page 19: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/19.jpg)
Filtrado bi-lineal y tri-linealFiltrado bi-lineal y tri-lineal
Se utilizan para aumentar la calidad de las imágenes representadas
Filtrado bi-lineal pixel como media de los pixels que le rodean en el eje x e y.
Filtrado tri-lineal además del bi-lineal se aplica al eje z utilizando dos mip-maps
![Page 20: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/20.jpg)
Ejemplo Filtrado bi-linealEjemplo Filtrado bi-lineal
![Page 21: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/21.jpg)
Anti-AliasingAnti-Aliasing se puede observar en animaciones o en juegos como
aparecen los bordes de los objetos dentados (aliasing) Técnicas de anti-aliasing
- Anti-aliasing de contornos
- Anti-aliasing en la pantalla completa
- High Resolution Anti-aliasing
- Pseudo full scene Anti-aliasing
![Page 22: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/22.jpg)
Anti-Aliasing en OpenGLAnti-Aliasing en OpenGL
glEnable con parametro:- GL_POINT_SMOOTH- GL_LINE_SMOOTH- GL_POLYGON_SMOOTH
![Page 23: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/23.jpg)
Ejemplo Anti-AliasingEjemplo Anti-Aliasing
![Page 24: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/24.jpg)
Compresión de TexturasCompresión de Texturas
Cuánto más detalle existe en la textura más ocupa en memoria.
Técnicas de compresión de texturas- Solución S3: División imágenes en 4 porciones(reducción 1/6 tamaño)
![Page 25: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/25.jpg)
Bump-MappingBump-Mapping
consiste en darle una textura de rugosidad a un objeto. Los colores cercanos al negro se convertirán en hendiduras y los cercanos al blanco, serán protuberancias.
![Page 26: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/26.jpg)
Bump-MappingBump-Mapping utiliza un espacio 2D de textura, que en este
caso contiene vectores normales en lugar de color. Al mapear esta textura sobre una superficie, el vector normal de ésta se modifica según el valor encontrado en la textura.
Efectos de iluminación generados por el vector normal
ejemplo
![Page 27: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/27.jpg)
Alpha BlendingAlpha Blending
permite crear objetos transparentes Uso del canal alfa Un objeto puede tener diferentes niveles de
transparencia
![Page 28: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/28.jpg)
Alpha Blending en OpenGLAlpha Blending en OpenGL
Función glBlendFunc() Habilitar Alpha Blending a través de glEnable
con parámetro GL_BLEND ejemplo
![Page 29: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/29.jpg)
Environment MappingEnvironment Mapping
un objeto parece un espejo del entorno que tiene a su alrededor
Mapeado entorno esférico(1 textura) Mapeado entorno parabólico dual(2 texturas) Mapeado entorno cúbico(6 texturas)
![Page 30: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/30.jpg)
Ejemplo Environment MappingEjemplo Environment Mapping
![Page 31: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/31.jpg)
7. Tarjetas gráficas7. Tarjetas gráficas
Permite ver los datos que muestre el el ordenador
Hoy día incluyen aceleración por hardware Tarjetas 2D y 3D
![Page 32: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/32.jpg)
Tarjetas gráficas 3DTarjetas gráficas 3D
Generan imágenes tridimensionales como resultado del proceso de cálculo que se efectua sobre los objetos definidos en un espacio tridimensional, con ejes X,Y,Z
Para generar las superficies de estos objetos normalmente se utilizan triángulos
Sobre las superficies se aplican las texturas
![Page 33: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/33.jpg)
Comparativa tarjetas gráficasComparativa tarjetas gráficas
![Page 34: Mapeado de texturas Carlos Carrasco de Pedro Daniel Sanz Sanfructuoso.](https://reader035.fdocuments.es/reader035/viewer/2022062323/5665b46a1a28abb57c915de7/html5/thumbnails/34.jpg)
8. Conclusión8. Conclusión
La texturación es una forma de incrementar drásticamente el detalle y el realismo de las imágenes sintéticas sin necesidad de utilizar una representación muy complicada de los objetos.
Avance más significativo en los gráficos por ordenador de los últimos 10 años