introducción. contenido introducción a los gráficos por computador historia gráficos en el cine...
TRANSCRIPT
![Page 1: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/1.jpg)
Introducción
![Page 2: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/2.jpg)
Contenido
• Introducción a los gráficos por computador
• Historia
• Gráficos en el cine
• Aplicaciones
• Contenido de la asignatura
![Page 3: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/3.jpg)
¿Qué son los gráficos por computador?
• Edición de modelos e imágenes– Crear, almacenar, modificar y representar
• Resultado final en la pantalla: pixels
![Page 4: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/4.jpg)
Elementos de los gráficos por computador
• Hardware– CPU, tarjeta gráfica, display, ...
• Software– modelado, captura, renderizado, …
• Personas– programador, diseñador, animación, …
• Productos– aplicaciones, películas, imágenes, modelos, ...
![Page 5: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/5.jpg)
Breve historia de los gráficos por computador
• 1940: primer proyecto de un sistema de gráficos por computador
• 1951: Whirlwind: repre-sentación de datos de un radar
• 1961: Spacewar, primer video juego
![Page 6: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/6.jpg)
Sketchpad
• Ivan Sutherland (tesis doctoral en MIT, 1963)
• Primer sistema gráfico interactivo– Dibujo de primitivas– Modelizado jerárquico– Basado en restricciones– Lápiz óptico– Teclas de función– Menus emergentes
![Page 7: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/7.jpg)
Evolución del hardware
• Displays vectoriales– basado en osciloscopios
• 1975: Displays de barrido (CRT)– tiempo independiente del número de elementos– introducción del frame buffer
• 1980: hardware de bajo coste -> extensión de las aplicaciones gráficas
![Page 8: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/8.jpg)
Rendering• 1971 - Sombreado de Gouraud
• 1974 - Algoritmo de Z-Buffer, Catmull
• 1975 - Sombreado de Phong
• 1975 - Geometría fractal de Mandelbrot
![Page 9: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/9.jpg)
Rendering
• 1976 - Texturas, James Blinn, Catmull
• 1978 - Superficies curvas, James Blinn
• 1980 - Ray tracing, Turner Whitted
• 1984 - Radiosity, Cornell University
![Page 10: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/10.jpg)
Rendering
• 1985 - Texturas sólida, Perlin
• 1988 - Renderman, Pixar
• 1995 - Primer largometraje: Toy Story
![Page 11: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/11.jpg)
Los gráficos en el cine
1973
• 1982
Star Trek II - 1983
1982
![Page 12: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/12.jpg)
Star Wars
1977
![Page 13: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/13.jpg)
Tron
1980
![Page 14: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/14.jpg)
Películas animadas por ordenador• Toy Story• Bichos (Bugs)• Antz (Hormigaz)• Monstruos• Shrek• Toy Story 2• Dinosaurios• Ice Age, Barbie, …• Buscando a Nemo
![Page 15: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/15.jpg)
Pixar
![Page 16: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/16.jpg)
DreamWorks
![Page 17: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/17.jpg)
Otras
![Page 18: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/18.jpg)
Simulación de la “realidad”• Stars Wars, Episodio 1
• Parque Jurásico
• Final Fantasy
![Page 19: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/19.jpg)
Captura de movimiento real
![Page 20: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/20.jpg)
Efectos especiales
The Adventures of Rocky & Bullwinkle, The Beach, Cast Away, Chicken Run, Dinosaur, Gladiator, Hollow Man, How the Grinch Stole Christmas, Mission to Mars, The Perfect Storm, Pitch Black, Nutty Professor II: The Klumps, Space Cowboys, Bicentennial Man, Fight Club, Inspector Gadget, Iron Giant, The Matrix, Sleepy Hollow, Star Wars: The Phantom Menace, Stuart Little, Toy Story 2, The World is Not Enough, Babe: Pig in the City, A Bug’s Life, Patch Adams, What Dreams May Come, Contact, Jurassic Park: The Lost World, Men in Black, Starship Troopers, Apollo 13, Balto, Batman Forever, Casper, Indian in the Cupboard, Jumanji, Outbreak, Pocahontas, Species, Toy Story, Clear & Present Danger, Forrest Gump, Interview with a Vampire, The Jungle Book, The Lion King, The Mask, Miracle on 34th Street, Speed, True Lies, Cliffhanger, Demolition Man, Free Willy, Jurassic Park, Aladdin, Batman, Returns, Death Becomes Her, Beauty and the Beast, Star Trek VI, Terminator II , Jetsons, The Abyss, StarQuest, Young Sherlock Holmes, Artificia Intelligence, Evolution, Minority Report, Mission: Impossible 2,Forces, ...
![Page 21: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/21.jpg)
Juegos
• 1972 Pong
• 1978 Space Invaders
• 1980 Pacman
• 1985 Commodore Amiga
• 1988 Tetris
• 1989 Game boy
http://jamillan.com/primavera/crono.htm
![Page 22: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/22.jpg)
Aplicaciones en diversos ámbitos
• Interface de usuario
• CAD
• Medicina
• Visualización científica
• Simulación
• Ocio– películas, videojuegos, ...
![Page 23: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/23.jpg)
Contenido de la asignatura
![Page 24: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/24.jpg)
Librerías gráficas
• Librerías para representación de gráficos
• Ejemplos– OpenGL– Java3D– Phigs– DirectX
• Lenguajes– WRML.
![Page 25: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/25.jpg)
Transformaciones
• Sistemas de coordenadas
• Transformaciones en 2D
• Transformaciones en 3 dimensiones
• Composición de transformaciones
• Rotación alrededor de un pivot
• Rotación alrededor de un eje.
![Page 26: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/26.jpg)
Modelado de objetos 3D
• Creación de objetos
• Representación de objetos
• Representación poligonal– estructura, generación, mallas, atributos, ...
• Otros métodos (splines, CGS, volumétricos).
![Page 27: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/27.jpg)
Cámara
• Sistemas de coordenadas y transformaciones
• Sistema de vista
• Matriz de transformación del sistema de vista
• Proyecciones
• Window y viewport.
![Page 28: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/28.jpg)
Iluminación
• Factores
• Reflexión
• Luz ambiente
• Luz difusa
• Luz especular
• Modelo de iluminación.
![Page 29: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/29.jpg)
Color
• Luz y color
• El espectro visible
• Colores primarios y secundarios
• Espacios de color– RGB, CMY, YIQ, HLS, CIE– CIE XYZ, CIE xyY y propiedades del diagrama
CIE.
![Page 30: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/30.jpg)
Sombreado
• Niveles de sombreado
• Wireframe
• Sombreado plano
• Gouraud
• Phong
• Comparación Gouraud-Phong.
![Page 31: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/31.jpg)
Rendering
• Objetivo
• Representación de líneas– Algoritmo DDA– Algoritmo de Bresenham
• Representación de polígonos
• Rellenado de polígonos
• Eliminación de superficies ocultas.
![Page 32: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/32.jpg)
Texturas
• Concepto de textura
• Utilización– Mapeado de color– Mapeado del entrono– Bump mapping.
![Page 33: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/33.jpg)
Modelos de iluminación
• Iluminación local y global
• La ecuación de representación de Kajiya
• Algoritmos– Ray tracing– Radiosity– Aplicación Radiance.
![Page 34: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/34.jpg)
Interacción
• Los sentidos humanos
• Sistemas de interacción
• Realidad virtual
• Realidad aumentada
![Page 35: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/35.jpg)
Animación
• Captura y secuencia de imágenes
• Animación de “Sprites”
• Animación Key Frame
• Animación 3D
• Ejemplos:– Flash, Quicktime VR, VRML
![Page 36: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/36.jpg)
Sonido
• Digitalización de sonido
• Procesamiento de sonido
• Compresión
• Formatos
• MIDI
![Page 37: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/37.jpg)
Gráficos multimedia y Video
• Tipos de gráficos, gráficos multimedia, bitmaps, resolución, compresión
• Sistemas de video
• Digitalización de video, standars de video, compresión de video
• Streamed video
• Edición de video digital y postproducción
![Page 38: Introducción. Contenido Introducción a los gráficos por computador Historia Gráficos en el cine Aplicaciones Contenido de la asignatura](https://reader035.vdocuments.co/reader035/viewer/2022062305/5665b42b1a28abb57c8fbc09/html5/thumbnails/38.jpg)
Hardware gráfico
• Descripción de los elementos
• Ejemplos de tarjetas gráficas
• Benchmarking
• Tecnologías de proyección