Visualización

- Parte 1 -

Dpto. de Informática
Fac. Cs. Físico-Mat. y Nat.
Universidad Nacional De San Luis
Argentina
Visualización – Parte 1

Rendering - Generación de la Imagen


Es el proceso por medio del cual se obtiene una representación estática 2D de un mundo
abstracto 3D.

Imagen Muestreo Modelo de Frame

Abstracta Imagen Buffer

3D Procesa-
2D
miento


Una imagen abstracta se encuentra definida y existe dentro del procesador como una imagen
continua.

La imagen resultante, en el Frame Buffer es una imagen discreta.

El muestreo es el proceso por el cual se convierte una imagen continua en discreta.

El hardware de visualización de un sistema gráfico convierte los valores de intensidad
discretos en voltajes analógicos continuos aplicados a un dispositivo específico.

Rio 14 - Roberto Guerrero @ 2014 2

Visualización – Parte 1

Historia: Dibujando con Proyección

 Proyección: se define como la técnica de dibujo utilizada para representar objetos 3D
sobre superficies 2D.
 Una pintura basada en un cuento mítico de Plinio el Viejo: un hombre corintio dibuja la
sombra de su amante.

Detalle de
La Invención del Dibujo,
(1830)
Karl Friedrich Schinkle
(Mitchell p.1)

Rio 14 - Roberto Guerrero @ 2014 3

Visualización – Parte 1

Primeros ejemplos de Proyecciones

 Vista de un Plano (proyección ortográfica) de la Mesopotamia, 2150 AC es la técnica mas
antigua conocida en existencia.

Carlbom Fig. 1-1

Rio 14 - Roberto Guerrero @ 2014 4

Visualización – Parte 1

Primeros ejemplos de Proyecciones

 Vasos griegos de fines del siglo 6th AC con perspectiva (!!).

 Vitruvius, arquitecto romano, publicó especificaciones sobre dibujos de planos en

elevación y perspectiva. Sus ilustraciones se ha perdido.

Rio 14 - Roberto Guerrero @ 2014 5

Visualización – Parte 1

Primeros intentos de Perspectiva

 Formas de invocar el espacio 3D: formas volumétricas por medio de redondeces y
sombreados, profundidad espacial por medio de líneas convergentes.
 No es sistemático — las líneas no convergen a un único punto de fuga.

Giotto, La aprobación de
San Francisco
Assisi, Upper Basilica, c.1295-1300

Rio 14 - Roberto Guerrero @ 2014 6

Visualización – Parte 1

“Invención” de la Proyección en Perspectiva

 El Renacimiento: pone énfasis en la importancia del punto de vista individual y la
interpretación del mundo mediante el poder de observación – particularmente la naturaleza
(astronomía, anatomía, botánica, etc..)
 Massaccio, Donatello, Leonardo, Newton
 El universo como un aparato de relojería: reconstrucción intelectual del universso mediante
conceptos mecánicos.

Ender, Tycho Brahe y

Rudolph II en Praga
(detalle de la mecánica de reloj
del mundo), c. 1855

Rio 14 - Roberto Guerrero @ 2014 7

Visualización – Parte 1

Brunelleschi
 Brunelleschi inventó un método sistemático de determinar las proyecciones en perspectiva a
comienzos del 1400. Construyó paneles de demostración con restricciones de visualización
específicas que aseguran una correcta reproducción.
Nota: la reconstrucción es correcta para un solo punto de vista.

Rio 14 - Roberto Guerrero @ 2014 8

Visualización – Parte 1

Alberti
 Publicó el primer Tratado de la Perspectiva (Della Pittura), en 1435.
 “Una pintura (lienzo) [el plano de proyección] es la intersección de una pirámide visual
[volumen de visualización] a una cierta distancia, con un centro de observación fijo [centro
de proyección] y una posición de luz pre-establecida, representada en el arte por medio de
líneas y colores sobre una superficie dada definida [el plasmado (the rendering)].”
(Leono Battista Alberti (1404-1472), Sobre la Pintura, pp. 32-33).

Plano de
Proyección

Centro de
Proyección Volumen de
Visualización

Rio 14 - Roberto Guerrero @ 2014 9

Visualización – Parte 1

Dürer
 Albrecht Dürer (1471-1528) en su tratado define el concepto de Triángulos Semejantes
geométricamente y mecánicamente

Albrecht Dürer,
Artista Dibujando en Lute,
1525

Rio 14 - Roberto Guerrero @ 2014 10

Visualización – Parte 1

La Pirámide Visual y los Triángulos Semejantes

 Proyectar una imagen es simple basándose en
 la altura del objeto (AB)
 la distancia desde el ojo al objeto (CB)
 la distancia desde el ojo al plano de pintado (proyección) (CD)
 la relación entre triángulos CB: CD as AB: ED

plano de proyección

objeto
objeto proyectado

CB : CD como AB : ED

 AB es la componente de A’ en el plano de proyección

Rio 14 - Roberto Guerrero @ 2014 11

Visualización – Parte 1

Vermeer
 Se supone que Vermeer utilizó la camera obscura para ayudarse a pintar sus obras maestras;
también creó cajas de perspectiva donde mirando las pinturas a través de las cajas, las
mismas tienen la perspectiva correcta.
 Vermeer en la web: http://www.grand-illusions.com/vermeer/vermeer1.htm
 http://www.vermeerscamera.co.uk/home.htm
Vermeer, La lección de Música,
c.1662-1665 y su reconstrucción
(derecha)

Rio 14 - Roberto Guerrero @ 2014 12

Visualización – Parte 1

Diego Velázquez - Las Meninas (1656)

 El Punto de Vista influye en el contenido y el significado de lo que se observa.
 La pareja real en el espejo está por entrar a la habitación? O su imagen es el reflejo de una
pintura que se encuentra a lo lejos?
 Análisis a través de una reconstrucción computarizada del espacio pintado
 veredicto: la pareja real en el espejo es el reflejo de un cuadro ya existente (en el lado del
observador) y no es la pareja real efectivamente (Kemp pp. 105-108)

Rio 14 - Roberto Guerrero @ 2014 13

Visualización – Parte 1

Rio 14 - Roberto Guerrero @ 2014 14

Visualización – Parte 1

Construcción Geométrica de las Proyecciones

de Vredeman de Vries’s Perspectiva, Kemp p.117

 Perspectiva de 2 puntos — 2 puntos de fuga

Rio 14 - Roberto Guerrero @ 2014 15

Visualización – Parte 1

Proyecciones Geométricas Planares

 Los proyectores son líneas rectas.
 La superficie de proyección es un plano
(plano de pintado, plano de proyección).

Proyectores

Centro de
Proyección

Plano de Proyección

 El plasmado en si mismo es una proyección en perspectiva.

 ¿Existen otros tipos de proyecciones?
Rio 14 - Roberto Guerrero @ 2014 16
Visualización – Parte 1

Tipos de proyecciones
Una categorización General establecida por la distancia entre el Centro de Proyección y el
Plano de Proyección

a) Cilíndrica o Paralela: Se puede pensar que el Centro de Proyección se encuentra en el

∞. Los proyectores son paralelos – no convergen en el “ojo” o Centro de Proyección.

b) Cónica o Perspectiva: El Centro de Proyección se encuentra cercano al Plano de

Proyección. Los proyectores convergen en el CP (el “ojo”).

(a) (b)

 Una segunda categorización se realiza en función del ángulo que conforman los
Proyectores con el Plano de Proyección (Ortogonales y Oblicuas).

Rio 14 - Roberto Guerrero @ 2014 17

Visualización – Parte 1

Relaciones entre los tipos de Proyecciones

Proyecciones
planares

Paralela Perspectiva
gnomónico
ortogonal oblicua
planos 1 punto fuga 3 puntos fuga
múltiples
acotados
vistas axonométrica 2 puntos fuga
axonométrica

isométrica caballera
trimétrica militar
dimétrica otras

 Las proyecciones paralelas son utilizadas en ingeniería y arquitectura porque

mantienen la relaciones de medidas.
 Las proyecciones en perspectiva imitan lo que nuestros ojos ven como si fueran una
cámara – tienen un aspecto más natural.

Rio 14 - Roberto Guerrero @ 2014 18

Visualización – Parte 1

Proyecciones Paralelas

Rio 14 - Roberto Guerrero @ 2014 19

Visualización – Parte 1

Ortogonales de Múltiples Vistas

X
 El plano de proyección es paralelo a cualquier plano
del sistema de coordenadas. Dirección
de la Proyección

 Utiles para:
 dibujos en ingeniería de máquinas y Normal del Plano
partes de máquinas. de Proyección
 dibujos arquitectónicos. Y
Exacto
 Pros:
 medidas confiables.
 todas las vistas en la misma escala.
 Contras:
 no provee una imagen “real” del objeto.
La forma 3D del objeto se debe componer
en el cerebro.
 Es necesario un mínimo de dos vistas
(Diédrico, Triédrico)

Rio 14 - Roberto Guerrero @ 2014 20

Visualización – Parte 1

Ortogonales Axonométricas
 El mismo método de las proyecciones ortogonales de múltiples vistas, con la diferencia
de que el plano de proyección no es paralelo a ningún plano de coordenadas.

 Isométrica: los ángulos entre las tres principales coordenadas es igual a 120º. Se aplica la
misma escala de reducción a las tres coordenadas.

 Dimétrica: los ángulos entre 2 de las 3 coordenadas principales permanecen iguales.

 Trimétrica: los ángulos entre las tres coordenadas son diferentes.

Dirección de la Proyección

Normal del Plano

de Proyección

No Exacto
Y

Rio 14 - Roberto Guerrero @ 2014 21

Visualización – Parte 1

Vista
Isométrica de
un cubo.

Varias vistas Dimétricas.

Vista Trimétrica.

Rio 14 - Roberto Guerrero @ 2014 22

Visualización – Parte 1

Ortogonal Axonométrica - Isométrica

 Usada para:
 ilustraciones de catálogo.
 Pros:
 una única vista (axonométrica).
 registro de patentes.
 ilustra la naturaleza 3D del objeto.
 diseño de muebles.
 se puede obtener medidas, en función
 diseño estructural.
de las escalas de los ejes.
 Contras:
 al no recortar líneas, crea distorsiones
Plano de
proyección
en la forma.
 muy útil en formas rectangulares, no en
Proyector redondas.

Ejemplo
Normal
del Plano
de proyección

Construcción de una proyección Isométrica:

el plano de proyección corta a cada eje en 45°

Carlbom Fig.2.2

Rio 14 - Roberto Guerrero @ 2014 23

Visualización – Parte 1

Proyecciones Oblicuas Axonométricas

 Los proyectores conforman un ángulo oblicuo respecto del plano de
Proyección. Las cámaras de acordeon permiten este tipo de imágenes.

 Pros:
 presentan la forma exacta de una cara del objeto (medidas exactas):
bueno para formas elípticas, bueno para aspectos “mecánicos”.
 la falta de recorte de las líneas en perspectiva impide comparaciones
de tamaño.
 muestra la apariencia 3D del objeto.
 Contras:
 los objetos se pueden distorsionar si no se elige bien la posición
del plano de proyección (los círculos se convierten X
en elipses).
Dirección de la Proyección
 forma 3D intuitivas, no realistas.

Normal del Plano

de Proyección

Exacto
Y

Rio 14 - Roberto Guerrero @ 2014 24

Visualización – Parte 1

Principales tipos de Proyecciones Oblicuas

 Caballera (Cavalier): el plano de proyección se encuentra paralelo al plano ZX y los
proyectores desplazados (usualmente 45º). Líneas sobre el plano Y son recortadas.

90º
X

Y α

 Militar (Cabinet): el plano de proyección se encuentra paralelo al plano YX y los

proyectores desplazados (usualmente 63.4º). Las líneas sobre el plano Z son recortadas.

α
X

90º
Y

Rio 14 - Roberto Guerrero @ 2014 25

Visualización – Parte 1

Ejemplos de diferentes Proyecciones de un mismo objeto

Proyección Múltiples Vistas Proyección Caballera

Proyección Caballera Proyección Múltiples Vistas

Rio 14 - Roberto Guerrero @ 2014 26

Visualización – Parte 1

Ejemplos de diferentes Proyecciones de un mismo objeto

Proyección Múltiples Vistas Proyección Militar

Rio 14 - Roberto Guerrero @ 2014 27

Visualización – Parte 1

Proyecciones en Perspectiva
 Utilizadas para:
 propaganda.
 dibujos de presentación de arquitectura, diseño industrial e ingeniería.
 arte.
 Pros:
 brinda un aspecto realista de las formas de un objeto 3D.
 Contras:
 No conserva las formas de los objetos o las escalas (salvo cuando los objetos interceptan
el plano de proyección).
 Diferencias con las proyecciones paralelas
 las líneas paralelas no paralelas al plano de proyección convergen en un punto.
 la distancia reduce el tamaño de los objetos.
 el recorte de las líneas no es uniforme.

Rio 14 - Roberto Guerrero @ 2014 28

Visualización – Parte 1

Puntos de Fuga
 Para las formas con ángulos rectos donde la normal de sus caras es perpendicular a los
ejes de coordenadas x, y, z, el número de puntos de fuga es = número de ejes de
coordenadas interceptados por el plano de proyección

z
Perspectiva de Un punto
(punto de fuga sobre eje z)

Perspectiva de Tres puntos

(puntos de fuga sobre
Perspectiva de Dos puntos ejes z, x, y)
(puntos de fuga sobre ejes z, x)

Rio 14 - Roberto Guerrero @ 2014 29

Visualización – Parte 1

Ejemplo: Escher

Rio 14 - Roberto Guerrero @ 2014 30

Visualización – Parte 1

Rio 14 - Roberto Guerrero @ 2014 31

Visualización – Parte 1

Ejemplos de Proyecciones Oblicuas

Construction of an
oblique parallel projection.

(Carlbom Fig. 2-6)

p
Plan oblique projection of a city.

(Carlbom Fig. 2-4)

Front oblique projection of a radio.

Rio 14 - Roberto Guerrero @ 2014 32

Visualización – Parte 1

Ejemplo: vista oblicua

 Rules for placing projection plane for oblique views: projection plane should be chosen
according to one or several of the following:
 it is parallel to the most irregular of the principal faces, or to the one which contains circular or
curved surfaces.
 it is parallel to the longest principal face of the object.
 it is parallel to the face of interest.

Projection plane parallel to circular face. Projection plane not parallel to circular face.

Rio 14 - Roberto Guerrero @ 2014 33

Visualización – Parte 1

Summary of Parallel Projections

 Assume object face of interest lies in principal plane,
i.e., parallel to xy, yz, or zx planes.
(DOP = Direction of Projection, VPN = View Plane Normal).

1) Multiview Orthographic
– VPN || a principal coordinate axis
– DOP || VPN
– shows single face, exact measurements

2) Axonometric
– VPN || a principal coordinate axis
– DOP || VPN
– adjacent faces, none exact, uniformly
foreshortened (as a function of angle between face
normal and DOP)

3) Oblique
– VPN || a principal coordinate axis
– DOP || VPN
– adjacent faces, one exact, others uniformly
foreshortened

Rio 14 - Roberto Guerrero @ 2014 34