![Page 1: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/1.jpg)
1
Computación Gráfica(Algunos Fundamentos)
Universidad de los AndesDemián Gutierrez
Octubre 2011
![Page 2: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/2.jpg)
2
Sist. de Coordenadas
![Page 3: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/3.jpg)
3
Sist. de Coordenadas(mano derecha)
¿Por qué será de la mano derecha?
![Page 4: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/4.jpg)
4
Transformaciones 3D
![Page 5: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/5.jpg)
5
Transformaciones (3D)
![Page 6: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/6.jpg)
6
Transformaciones (3D)
![Page 7: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/7.jpg)
7
Transformaciones (3D)
![Page 8: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/8.jpg)
8
Transformaciones (3D)
alrededor de X
alrededor de Y
alrededor de Z
[xyz1]
![Page 9: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/9.jpg)
9
Transformaciones (3D)
![Page 10: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/10.jpg)
10
¿Qué hay sobre la rotaciónalrededor de un eje arbitrario?
![Page 11: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/11.jpg)
11
Transformaciones (3D)
![Page 12: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/12.jpg)
12
...mucha, mucha matemática
después...
![Page 13: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/13.jpg)
13
Transformaciones (3D)
![Page 14: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/14.jpg)
14
Red Book
![Page 15: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/15.jpg)
15
¿cómo dibujar?
![Page 16: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/16.jpg)
16
Soporte Conceptual / Fundamentos
glBegin(GL_POINTS);
// Pts (GREEN)glColor3f(0, 1, 0);glVertex3f(0, 0, 0);glVertex3f(1, 0, 0);glVertex3f(1, 1, 0);glVertex3f(1, 1, 0);glVertex3f(1, 1, 0);
// Pts (RED)glColor3f(1, 0, 0);glVertex3f(0, 0, 0);glVertex3f(0, 0, 1);glVertex3f(0, 1, 1);glVertex3f(1, 1, 0);glVertex3f(1, 1, 0);
glEnd();
![Page 17: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/17.jpg)
17
Soporte Conceptual / Fundamentos
glBegin(GL_LINES);
// LIN 1 (GREEN)glColor3f(0, 1, 0);glVertex3f(0, 0, 0);glVertex3f(1, 0, 0);
// LIN 2 (GREEN)glVertex3f(1, 1, 0);glVertex3f(1, 1, 0);
// LIN 3 (RED)glColor3f(1, 0, 0);glVertex3f(0, 0, 0);glVertex3f(0, 0, 1);
// LIN 4 (RED)glVertex3f(1, 1, 0);glVertex3f(1, 1, 0);
glEnd();
![Page 18: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/18.jpg)
18
Soporte Conceptual / Fundamentos
glBegin(GL_LINE_STRIP);
// LIN 1 (GREEN)glColor3f(0, 1, 0);glVertex3f(0, 0, 0);glVertex3f(1, 0, 0);
// LIN 2 (GREEN)glVertex3f(1, 1, 0);glVertex3f(1, 1, 0);
// LIN 3 (RED)glColor3f(1, 0, 0);glVertex3f(0, 0, 0);glVertex3f(0, 0, 1);
// LIN 4 (RED)glVertex3f(1, 1, 0);glVertex3f(1, 1, 0);
glEnd();
![Page 19: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/19.jpg)
19
Soporte Conceptual / Fundamentos
glBegin(GL_QUADS);
// QUAD 1glColor3f(0, 1, 0);glVertex3f(0, 0, 0);glVertex3f(1, 0, 0);glVertex3f(1, 1, 0);glVertex3f(1, 0, 0);
// QUAD 2glColor3f(1, 0, 0);glVertex3f(0, 0, 0);glVertex3f(0, 0, 1);glVertex3f(0, 1, 1);glVertex3f(0, 1, 0);
// QUAD n// ...
glEnd();
![Page 20: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/20.jpg)
20
Soporte Conceptual / Fundamentos
glBegin(GL_TRIANGLES);
// TRI 1glColor3f(0, 1, 0);glVertex3f(0, 0, 0);glVertex3f(1, 0, 0);glVertex3f(1, 1, 0);
// TRI 2glColor3f(1, 0, 0);glVertex3f(0, 0, 0);glVertex3f(0, 0, 1);glVertex3f(0, 1, 1);
// TRI n// ...
glEnd();
![Page 21: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/21.jpg)
21
Soporte Conceptual / Fundamentos
![Page 22: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/22.jpg)
22
Soporte Conceptual / Fundamentos
![Page 23: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/23.jpg)
23
Soporte Conceptual / Fundamentos
![Page 24: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/24.jpg)
24
Transformaciones 3D(Ahora en OpenGL...)
![Page 25: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/25.jpg)
25
Transformaciones (3D)
![Page 26: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/26.jpg)
26
Transformaciones (3D)
![Page 27: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/27.jpg)
27
Transformaciones (3D)
![Page 28: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/28.jpg)
28
Las Pilas de Matrices
Matriz de Modelovs
Matriz de Proyección
![Page 29: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/29.jpg)
29
Matrices
![Page 30: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/30.jpg)
30
Matrices
Matriz de Modelomodifica como se transforman las
coordenadas de los modelos
Matriz de Proyecciónmodifica como se
transforman los objetos 3D a la vista
![Page 31: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/31.jpg)
31
Matrices
![Page 32: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/32.jpg)
32
Matrices
![Page 33: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/33.jpg)
33
¿A dónde mira la cámara?
![Page 34: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/34.jpg)
34
¿A donde ve la cámara?
![Page 35: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/35.jpg)
35
¿A donde ve la cámara?
¿?
![Page 36: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/36.jpg)
36
¿A donde ve la cámara?
![Page 37: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/37.jpg)
37
¿Cómo se proyecta el mundo 3D en 2D?
![Page 38: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/38.jpg)
38
Perspective Projection
![Page 39: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/39.jpg)
39
Perspective Projection
![Page 40: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/40.jpg)
40
Perspective Projection
![Page 41: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/41.jpg)
41
Perspective Projection
![Page 42: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/42.jpg)
42
Orthographic Projection
![Page 43: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/43.jpg)
43
Orthographic Projection
![Page 44: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/44.jpg)
44
Orthographic Projection
![Page 45: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/45.jpg)
45
¿El “puerto de vista” o viewport?
![Page 46: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/46.jpg)
46
Viewport
![Page 47: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/47.jpg)
47
¿texturas?¿iluminación / sombreado?
¿material?¿curvas?¿otros?
![Page 48: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/48.jpg)
48
coming soon
![Page 49: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/49.jpg)
49
Orthographic Projection
http://user.xmission.com/~nate/tutors.html
Nate RobinsOpenGL Tutorials:
![Page 50: Computación Gráfica - › files › slides › CG_clase_03_intro_OpenGL.pdf · Computación Gráfica (Algunos Fundamentos) Universidad de los Andes Demián Gutierrez Octubre 2011](https://reader036.vdocumento.com/reader036/viewer/2022081400/5f0def4e7e708231d43ccdff/html5/thumbnails/50.jpg)
50
Gracias
¡Gracias!