Instituto Tecnolgico de Toluca

UNIDAD I

INTRODUCCIN A LA GRAFICACIN
POR COMPUTADORA

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

CONTENIDO

1.1 Introduccin
1.2 Breve historia de la graficacin.
1.3 Aplicaciones.
1.4 Formatos grficos de almacenamiento.

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

1.1 Introduccin

La grfica por computadora es la creacin,

almacenamiento, manipulacin y despliegue
de imgenes con la asistencia de una
computadora.

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

1.1 Introduccin

La grfica interactiva es la tcnica de utilizar

comunicacin
bidireccional
entre
la
computadora y el usuario en la que la
computadora se comunica con imgenes
grficas. La computadora, al recibir seales del
usuario, modifica la imagen. Y el usuario,
viendo la imagen, puede tomar acciones para
modificarla.
ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

1.1 Introduccin

Ejemplos de Grfica interactiva

progrma de diseo de circuitos
un juego de video

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

1.1 Introduccin

Ejemplos de Grfica pasiva o no interactiva

Un programa que solamente grafica la funcin
seno(x) es un ejemplo de grfica no
interactiva, o pasiva.

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

1.1 Introduccin
Criterios que han impulsado y dirigido el desarrollo de la tecnologa de despliegue

Rapidez de Despliegue: El tiempo que se requiere para

dibujar. Tambin se toma en cuenta la carga en el CPU
para controlar el despliegue.
Modificacin Selectiva: la facilidad con que se puede
modificar una parte de la imagen sin afectar el resto.
Realismo y Calidad de la Imagen: Alta Resolucin
Relleno: la calidad en la representacin de objetos
slidos.
Color: el rango de colores, tonos e intensidades que se
pueden desplegar.
ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

1.1 Introduccin
Criterios que han impulsado y dirigido el desarrollo de la tecnologa de despliegue (2)

Estabilidad: La imagen no es intermitente ni mareada; y al ser

borrada, no deja "fantasmas" en la pantalla.

La resolucin se define como el nmero de puntos

distinguibles por pulgada que se pueden desplegar, pero
comnmente es usada para significar el nmero total de
puntos direccionables en una pantalla. La resolucin est
muy relacionada con la precisin de la representacin de
una imagen.
Precio: mientras ms barato sea, ms til y utilizado ser.
ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Instituto Tecnolgico de Toluca

1.2 Breve historia de la graficacin.

Resumen.

1950 Se utiliz un Tubo de Rayo Catdico (CRT), Para exhibir la salida en la computadora
"Whirlwind" de MIT . Naci la grfica interactiva. Se agreg un "lapicero de luz" al CRT a un sistema
de defensa area, permitiendo al operador tocar la pantalla con el lapicero de luz para sealar la
posicin de un blanco.
1955 Mapas Areos
1961 Primer pelcula animada de Edward Zajack llamada TWO GYRO GRAVITY GRADIENT ATTITUDE
CONTROL SYSTEM. Primer video juego SpaceWar por Steve Russel
1963 el sistema de dibujo interactivo "Sketchpad" (block de esbozo) como proyecto de doctorado
de Ivan Sutherland, el padre de la grfica por computadora. El usuario usa un lpiz de luz para
poner primitivos grficos tales como lneas, arcos y caracteres en la pantalla. Adems permite la
creacin de objetos compuestos de mltiples primitivos, y la transformacin interactiva de la
imagen.
1963 Ivan Sutherland cre el primer programa de diseo interactivo llamado Sketchpad.
1965 Surge el concepto de Realidad Virtual por Ivan Sutherland. IBM 2250 primer computadora con
terminal grfica.
1966 Ivan Sutherland crea el primer visor de Realidad Virtual llamada Espada de Damocles.
1967 GE desarrolla el primer simulador de vuelo a color.
1969 fue construido el primer buffer para frames de 3 bits en los laboratorios Bell.
Nota se deja al alumno investigar a mayor detalle

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

10

Instituto Tecnolgico de Toluca

1.2 Breve historia de la graficacin.

Resumen.

1970 Alan Kay en el centro de investigaciones Xerox PARC, que la interfaz al usuario debera ser
principalmente grfica, y segundo, que el dispositivo grfico debera ser un bitmap. Unas de las
primeras y las ms exitosas microcomputadoras comerciales para acatar estos avances fueron los
modelos Lisa y el MacIntosh de Apple.

1975 Con la introduccin del despliegue raster o despliegue de barrido, basado en la tecnologa
del televisor. Este dispositivo utiliza una memoria bitmap (mapeo de bits) para guardar una matriz
de puntos que representan la imagen. Los puntos en la memoria se convierten en un seal para
impulsar el rayo que barre la pantalla repetidamente en un patrn fijo. Con las ventajas de que se
pueden dibujar objetos slidos y usar colores.

1976 Fue desarrollado el tubo de vectores Este dispositivo tiene un CRT, un procesador y una
memoria conocida como "buffer de despliegue". Uno de los fuertes del tubo de vectores es su alta
resolucin. Una limitante que tiene es que, debido al dibujo basado en lneas, no puede dibujar
figuras rellenas ni usar colores.

1978 el tubo de almacenamiento dispositivo en el que la imagen se guarda sin refrescar. Los
puntos son pedazos de fsforo ubicados en las intersecciones de una cuadrcula de alambres que
est detrs de la pantalla menor resolucin que el tubo de vectores.

1978 Primer Computadora con terminal a color IB3279.

Nota se deja al alumno investigar a mayor detalle

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

11

Instituto Tecnolgico de Toluca

1.2 Breve historia de la graficacin.

Resumen.

1980 Turnerd Whitted crea un paradigma de Ray Tracing que incorpora la reflexin, refraccin,
antialiasing y sombreado.

1982 Se funda Silicon Graphics genera sistemas con capacidades 3D con iris 1000.

1983 James Blin gana el primer SIGGRAPH Computer Graphics Achievements Award

1986 Michael Deering y Howard Davison trabajaron con Sun Microsystems para desarrollar un visor
de color basado en una estacin de trabajo

1988 Se da la muestra en un video musical de un personaje llamado Dozo con la captura de

movimiento.

1989 Jon Lanier cre el trmino Realidad Virtual

Nota se deja al alumno investigar a mayor detalle

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

12

Instituto Tecnolgico de Toluca

1.2 Breve historia de la graficacin.

Resumen.

1991 ILM produce Terminator 2 con CGI, acuerdo Disney Pixar. Surgen los formato JPG/MPEG

La Bella y la Bestia se hace con CGI(imagen creada por computadora)

1993 SGI anunci un motor de realidad virtual

1994 SGI y Nintendo se unen para formar Nintendo 64

1995 Toy Story de Pixar gana Academy Award por el desarrollo y tcnicas aplicadas al ser el 1er film
completamente por computadora

1996 Sale el acelerador grafico Nvidia, mejorando en el 2000

1997 Jim Kajiva de Cal Tech gana el Academy Awards por el desarrollo y aplicacin de imgenes

generadas por computadora con cabello y pelaje

1999 Episodio I Star Wars usa 66 personajes digitales

2000 Play Station2 sale al mercado. Disney Produce Dinosaurio

2001 Game Cube con formato de mayor capacidad de resolucin

2002 Shrek gana el Academy Award por mejor pelcula animada

Nota se deja al alumno investigar a mayor detalle

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

13

Instituto Tecnolgico de Toluca

1.3 Aplicaciones.

Pelculas
Juegos
Simulacin
Nuevos espacios de Informacin
Realidad Virtual y Realidad
Aumentada
Generacin de Imgenes Mdicas
Visualizacin
Arte
Arquitectura
CAD-CAM
Medios mviles
...

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

Nota se deja al alumno investigar a mayor detalle

14

Instituto Tecnolgico de Toluca

1.4 Formatos grficos de almacenamiento

Resumen.
Formato

Compresin / Tipo

Profundidad de color

Uso tpico

TIFF

Opcional / Sin prdidas

1 a 64 bits

Imgenes de alta calidad,

cmaras digitales, escneres,
impresin

RAW

Sin prdidas

48 bits

Cmaras digitales

JPEG

Con prdidas

8 o 24 bits

Cmaras digitales, Internet,

impresin, intercambio de
imgenes

GIF

Sin prdidas

1 a 8 bits

Internet, imgenes de
reducido tamao, logos...

PNG

Sin prdidas

1 a 48 bits

Internet, grficos, iconografa

software

PSD

Sin prdidas

1 a 64 bits

Edicin y manipulacin
Nota se deja al alumno investigar a mayor detalle

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

15

Instituto Tecnolgico de Toluca

1.4 Formatos grficos de almacenamiento

Tipos de Imgenes

Imagenes Digitalizadas: Imgenes transferidas

y almacenadas en la computadora, eg fotos,
videos, pelculas, etc.
Imagenes Sintticas: Imgenes generadas por
computadora, eg animaciones, objetos
tridimensionales, fguras, diagramas, planos,
etc.
ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

16

Instituto Tecnolgico de Toluca

1.4 Formatos grficos de almacenamiento

Tipos de Grficos

Vectriales estos almacenan la informacin en

frmulas matemticas. los grficos vectoriales
pueden ampliarse sin lmites
Rasterizados Una grfico o imagen rasterizada
es un archivo de datos que representa una
matriz de pxeles (puntos de colores)
denominada raster. En esta matriz el color de
cada pxel es definido individualmente. Al ser
ampliados pierden calidad.
ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

17

Instituto Tecnolgico de Toluca

1.4 Formatos grficos de almacenamiento

Tipos de Grficos

Formatos de archivos grficos y de imagen

Formatos de grficos de mapa de
art bmp cin cpt dpx exr fpx gif iff,
bits (rasterizados)
ilbm, lbm jpeg, jpg jpg2, jp2 mng pbm pcd
pcx png ppm psd sgi, rgb, rgba, int, inta,
bw tga, tpic tiff, tif raw wbmp xbm xcf
xpm
Formatos de grficos vectoriales
ai cdr cgm dxf dwg fh fla ps svg, svgz
swf sxd wmf xalm xar
Formatos rasterizados y vectoriales eps pdf pict, pct, pic px pgm psp
Formatos de metaficheros

eps pict

Nota se deja al alumno investigar a mayor detalle

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

18

Instituto Tecnolgico de Toluca

Tema Siguiente

ALGORITMOS PARA TRAZO DE LNEAS

ING. ROCO ELIZABETH PULIDO ALBA

Graficacin

19