You are on page 1of 21

Graficación

Unidad I

.Introducción El uso adecuado y provechoso de la tecnología han hecho de la computadora una dispositivo poderoso para producir imágenes en forma rápida y económica. Actualmente en todas las áreas es posible aplicar gráficas por computadora con algún objetivo, por ello se ha generalizado la utilización de gráficas por computadora. De igual modo las gráficas por computadora se utilizan de manera rutinaria en diversas áreas, como en la ciencia, ingeniería, empresas, industria, gobierno, arte, entretenimiento, publicidad, educación, capacitación y presentaciones gráficas. Breve Historia Las computadoras se han convertido en una herramienta poderosa para producir imágenes, interpretar información o mejorar la calidad de visualización de las mismas en forma rápida y económica. Debemos aclarar que los métodos que se utilizan en las gráficas por computadora y en procesamiento de imágenes tienen características similares pero no son iguales es decir, las dos áreas realizan, en forma fundamental operaciones distintas. Las herramientas para graficación por computadoras, se utilizan para crear una o más imágenes. Por otro lado, en el procesamiento de imágenes se aplican técnicas para modificar o interpretar imágenes existentes como fotografías y rastreos de televisión. El interés por los métodos de tratamiento o procesamiento digital de imágenes deriva de dos áreas principales: La mejora de la información para la interpretación humana El procesamiento de los datos de la escena para la percepción autónoma por una maquina. Procesamiento de Imágenes Para aplicar los métodos de procesamiento de imágenes primero digitalizamos una fotografía u otra imagen en un archivo de imagen. Una de las aplicaciones iníciales a principios de la década de 1920 consistió en mejorar fotografías digitalizadas de un periódico enviadas por cable submarino entre Londres y Nueva York aquí un equipo especializado de impresión codificaba la imagen para la transmisión y luego la reconstruían en el extremo de la recepción. Las mejoras en los métodos de procesamiento para las imágenes digitales transmitidas continuaron durante los siguientes 35 años; sin embargo el advenimiento de computadoras digitales de gran potencia y del programa espacial fue lo que puso de manifiesto el potencial de los conceptos de tratamiento digital de imágenes. La tarea de usar técnicas computacionales para mejorar imágenes recibidas de una sonda espacial se inicio en el laboratorio de propulsión espacial (Pasadena, California) en 1964 cuando las imágenes de la Luna transmitidas por el RANGER 7 fueron procesadas para corregir diversos tipos de distorsión. Desde 1964 hasta la actualidad el tratamiento digital de imágenes ha progresado vigorosamente, además de aplicaciones al programa espacial, las técnicas de procesamiento digital se emplean para resolver problemas diversos como en medicina1 los procedimientos informatizados realzan el contraste o codifican los niveles de intensidad en colores para facilitar la interpretación de las imágenes de rayos X y de otras imágenes biomédicas como es el caso de las tomografías. La tomografía es básicamente una colección de cortes planos
1

Graficación

Unidad I

transversales, cada uno de los cuales se obtiene por reconstrucción a partir de la medición de la radiación absorbida cuando se ilumina al cuerpo con un haz de rayos contenidos en ese plano, y desde varios ángulos alrededor del eje. Los geógrafos emplean las misma o similares técnicas para estudiar los patrones de polución a partir de imágenes aéreas o de satélite. Los procedimientos de mejora de las imágenes y de restauración se emplean para procesar imágenes degradadas de objetos irrecuperables, o bien, resultados experimentales demasiado costosos para ser duplicados. En la arqueología los métodos de procesamiento de imágenes han servido para restaurar con éxito imágenes borrosas que eran los únicos registros existentes de piezas extrañas, perdidas o dañadas después de haber sido fotografiadas. En la física las técnicas de ordenador realzan de forma rutinaria imágenes de experimentos en áreas como los plasmas de alta energía y la microscopía del electrón. De forma similar, los conceptos del tratamiento de imágenes se aplican con éxito en astronomía, biología, medicina nuclear, investigaciones judiciales, defensa y aplicaciones industriales. Los avances en la tecnología de la computación han hecho que las gráficas interactivas por computadora sean una herramienta practica, estas se utilizan en diversas áreas como la ciencia, la ingeniería, empresas, industria, gobierno, arte, entretenimiento, publicidad, educación, capacitación y presentaciones gráficas. Como resultado del reconocimiento generalizado de la potencia y la utilidad de las gráficas por computadora hay una gran variedad de hardware y software para gráficas. Debido a lo común que se ha vuelto la capacidad de gráficas tanto para aplicaciones bidimensionales como tridimensionales incluyendo calculadoras manuales. Para aplicaciones que requieren una calidad superior veremos varios sistemas y tecnologías avanzados de hardware. 2. Línea de Tiempo de las interfaces (de la computadora) Teclado a base de menús A principios de 1978, probablemente antes Teclado a base de menús jerárquicos UCSD’s sistema Pascal (1978) o antes Displays de mapas de bits CSL@Xerox PARC, PERQ fue el primer producto comercial(o Terak Corporation, c. 1973) Dan Ingalls(LRG)@Xerox PARC Pluma luminosa como apuntador de pantalla 1960 o antes
2

1962 o antes Trackballs (Principio del Mouse) Algunos en los 60s Dispositivo apuntador (on-screen pointer) Doug Englebart@SRI (a mediados de los 70s).Graficación Unidad I Joysticks Juegos tipo Spacewar. Mouse Doug Englebart@SRI (trackball arriba) Cursor de cambios para mostrar el modo del sistema William Newman@Xerox PARC Cursor de cambios para mostrar el contexto David Tilbrook (Newswhole) (1975) Menús LRG@Xerox PARC (?) Menús Emergentes (Popup Menus) Ingalls(LRG)@Xerox PARC Pulldown menús Lisa@Apple Barra de Menús Lisa@Apple Menús jerárquicos Paeth(SSL)@Xerox PARC (Smalltalk) Dehabilitando elementos de un menú 3 .

Graficación Unidad I Lisa@Apple or Ed Anson (1980 o antes) or Xerox PARC (1982 o antes) Teclas de Comando para elementos de un menú Lisa@Apple or Ed Anson (1980) or earlier Marcas de revisión (Check marks) en mení Lisa@Apple Overlapped windows Ingalls(LRG)@Xerox PARC Iconos David Smith(SDD)@Xerox (Star→Mac→Lisa) Barras de desplazamiento LRG@Xerox PARC Push Buttons LRG@Xerox PARC Radio Buttons Kaehler(LRG)@Xerox PARC Check Boxes LRG@Xerox PARC (?) Cuadros de Dialogo (Dialog Boxes) Star@Xerox PARC (property sheets) Concepto de Recursos Horn(Mac)@Appl Múltiples fuentes & estilos en texto CSL@Xerox PARC (Bravo) o Wang word processors (1978 o antes) 4 .

los objetos se despliegan primero en forma de armazón mostrando la forma general y sus características internas. 1963. Regularmente. un diseñador puede crear símbolos personalizados empleados necesariamente para construir la red o el circuito. electrónicos y lógicos. Xeroc PARC se refiere la compañía Xerox Palo Alto Research Center. Para otras aplicaciones. ahora se utilizan de forma rutinaria en el diseño de construcciones. el “laboratorio de los sueños”. abastecimientos de agua y otros servicios públicos se construyen a través de la colocación repetida de algunas formas gráficas. automóviles. Los circuitos y las redes para comunicaciones. TECO tuvo esto antes que PARC.O. Nota. Con frecuencia se utilizan las animaciones en las aplicaciones del CAD. estas diversas ventanas desplegables muestran secciones amplificadas de vistas de diferentes objetos. del grupo IMSSS. Esto permite al diseñador experimentar rápidamente con esquemas de circuitos alternativos para reducir al mínimo el número de componentes o el espacio para el sistema. aeronaves.Graficación Unidad I Interacción sin modelos Tesler(SSL)@Xerox PARC Mover/Copiar/Eliminar Xerox PARC Cortar/Copiar/Pegar con un mouse Tesler(SSL)@Xerox PARC (Gypsy. Las formas usadas en un diseño representan los diversos componentes del circuito o de la red. telas y muchos productos. embarcaciones. conocido por lo general como CAD (computer assisted design). Aplicaciones de Graficación por Computadora. Brian Tolliver. naves espaciales. con el paquete de gráficas ofreciendo de manera automática las conexiones entre los componentes. computadoras. Las animaciones en tiempo real que emplean despliegues de armazones en un monitor de video son útiles para probar el comportamiento 5 . Diseño Asistido por Computadora El método de diseño asistido por computadora. es reclamado por Stanford’s TVEDIT corriendo en un hardware DEC bajo el S. En el caso de algunas aplicaciones de diseño. Los despliegues del armazón permiten ver a los diseñadores con rapidez los efectos de ajustes interactivos para diseñar formas. se diseña el sistema colocando sucesivamente los componentes en el esquema. Así. Smalltalk) Selección de un punto entre caracteres Tesler(SSL)@Xerox PARC (Gypsy & Smalltalk). los paquetes de software de aplicaciones de CAD ofrecen al diseñador un entorno con ventanas múltiples. Con el paquete de diseño se ofrecen formas estándar para circuitos eléctricos.

Las animaciones en entornos de realidad virtual se utilizan para determinar la forma como influyen ciertos movimientos en los operadores de vehículos. los paquetes de CAD para arquitectura ofrecen medios para experimentar con planos interiores tridimensionales y la iluminación. un diseñador eléctrico puede experimentar con instalaciones para cableado. se aplican modelos de iluminación realista y presentaciones de superficies para producir despliegues mostrando la apariencia del producto final. los diseñadores pueden simular un “recorrido” por las habitaciones o alrededor de construcciones para apreciar mejor el efector general de un diseño particular. paquetes de CAD. Por ejemplo. y Super Paint ). Igualmente. programas artísticos de brocha de pintar del artista (como Lumena). software desarrollado de manera especial. Despliegues realistas de diseños arquitectónicos permiten a los arquitectos y a sus clientes estudiar la apariencia de una construcción particular o de un grupo de ellas. otros paquetes de pintura (como pixel paint. Algunas partes mecánicas se frabican por medio de la descripción de cómo se deben formar las superficies con herramientas. como un campus universitario o un complejo industrial. Del mismo modo. Con los sistemas de realidad virtual.Graficación Unidad I de un vehículo o un sistema. manipula los controles como si se encontrara en el asiento del tractor. Arte por Computadora Los métodos de gráficas por computadora se utilizan en forma generalizada tanto en aplicaciones de bellas artes como en aplicaciones de arte comercial. Esto permite al diseñador explorar diversas posiciones del cucharón o del retroexcavador que pudieran obstruir la visión del operador. se ajustan las herramientas controladas de manera numérica para fabricar la parte de acuerdo con estos planos de construcción. escaleras. También se crean despliegues realistas para la publicidad de automóviles y otros vehículos mediante efectos especiales de iluminación y escenas de fondo. paquetes de matemática simbólica (como Mathematica). los despliegues de armazones permiten al diseñador ver el interior del vehículo y observar el comportamiento de los componentes internos durante el movimiento. A partir del despliegue del plano de una construcción en un monitor de video. software de edición 6 . se puede convertir el esquema de un tablero de circuitos en una descripción de los procesos individua-les necesarios para elaborar el esquema. Cuando los diseños de objetos están completos o casi completos. Además de presentar despliegues de fachadas realistas. Por ejemplo. anaqueles. Muchas otras clases de sistemas y productos se diseñan usando ya sea paquetes de CAD generales o software de CAD desarrollado en forma especial. el operador de un tractor con ayuda de un dispositivo montado sobre la cabeza que presenta una vista estereoscópica del cucharón del cargador frontal o del retroexcavador. barras de cocina y otras características de la construcción. aplicando paquetes para el esquema de instalaciones se determina la utilización del espacio en una oficina o en una planta de fabricación. Cuando no desplegamos objetos con superficies presentadas. Los artistas utilizan una variedad de métodos computacionales. Los arquitectos utilizan métodos gráficos interactivos para proyectar plantas arquitectónicas donde se muestra la disposición de habitaciones. Luego. conexiones eléctricas y sistemas de alarma de incendios. ventanas. incluyendo hardware para propósitos especiales. pueden realizarse con rapidez los cálculos correspondientes a cada segmento de la animación para así crear un movimiento suave de tiempo real en la pantalla. El proceso de manufactura también se asocia con la descripción por computadora de objetos diseñados para automatizar la construcción del producto.

Por ejemplo. En ocasiones. Los creadores de bellas artes emplean diversas tecnologías de computación para producir imágenes. se requieren de 30 cuadros por segundo. el cual puede simular diferentes trazos. Las animaciones también se utilizan con frecuencia en publicidad y los comerciales de televisión se producen cuadro por cuadro. al igual que pares de imágenes estereoscópicas. programas de dibujo y software de CAD. En un ejemplo de “arte matemático” un artista utilizó una combinación de funciones matemáticas. se transfieren a película o se almacenan en un búfer de video para hacer una reproducción. impresoras de chorro de tinta y otros sistemas con el fin de crear una variedad de formas tridimensionales y bidimensionales. en una escena gráfica creada para la película Start Treck . Con el propósito de crear pinturas el artista utiliza una combinación de paquetes de modelado tridimensional. También se aplican estos métodos en el arte comercial para crear logotipos y otros diseños. Al igual que pueden aparecer personas en forma de armazón combinadas con actores y una escena en vivo. Si se reproduce en un monitor de video. anchuras de la brocha y colores. Una vez presentados todos los cuadros de la secuencia de animación. un charco en una llanta y el rostro de una persona en otro. Para muchas aplicaciones de arte comercial (y películas. se combinan los objetos con los actores y escenas en vivo. Entretenimiento Es muy común utilizar métodos de gráficas por computadora para producir películas. Los videos musicales aprovechan las gráficas de muchas maneras. La idea básica del programa paintbrush (brocha de pintar) permite a los artistas “pintar” imágenes en la pantalla de un monitor de video. diagramación de la textura. donde cada cuadro del movimiento se presenta y graba como un archivo de imagen. anuncios publicitarios por televisión y otras áreas. software de Mathematica. Se simula el movimiento al mover ligeramente las posiciones de los objetos con respecto a las del cuadro anterior. se pueden combinar objetos gráficos con acción en vivo. Las animaciones en película requieren 24 cuadros por cada segundo de la secuencia de animación. En realidad. En televisión se ha empleado para transformar una lata de aceite en un motor de automóvil. o se pueden utilizar técnicas de procesamiento de imágenes para producir una transformación de una persona o un objeto en otro (morphing). Un método común de gráficas que se utilizan en muchos comerciales es la transformación (morphing). Educación y capacitación 7 . donde se transforma un objeto en otro (metamorfosis). la imagen se pinta por lo general de manera electrónica en una tableta de gráficas (digitalizador) utilizando un estilete. se emplean técnicas fotorrealistas para presentar imágenes de un producto.Graficación Unidad I electrónica de publicaciones y paquetes de animaciones que proporcionan los medios para diseñar formas de objetos y especificar movimientos de objetos. se despliegan sólo imágenes gráficas y otras veces. procedimientos fractales. distribuciones de página que combinan texto y gráficas. videos musicales y programas de televisión. al igual que otras aplicaciones). un automóvil en un tigre.The Wrath of Khan. se dibujan en forma de armazón el planeta y la nave espacial y se sombrean con métodos de presentación para producir superficies sólidas. Otro ejemplo arte electrónico creado a partir de relaciones matemáticas es la obra de un compositor que está diseñada en relación con las variaciones de la frecuencia y otros parámetros en una composición musical para producir un video el cual integra patrones visuales y auditivos.

pilotos de avión. pueden ayudar a los estudiantes a comprender la operación del sistema. Existen muchas clases de conjuntos de datos y los esquemas de visualización efectivos dependen de las características de los datos. El rastreo de estos grandes conjuntos de números para determinar tendencias y relaciones es un proceso tedioso e ineficaz. Modelos de sistemas físicos. las dos áreas realizan. como se utiliza en la 8 . operadores de equipo pesado y el personal de control de tráfico aéreo. La codificación de colores es sólo una manera de visualizar un conjunto de datos. En las gráficas por computadora. Y los conjuntos de datos pueden ser bidimensionales o tridimensionales. se diseñan sistemas especiales. Por lo regular. Además. personal médico. la industria y otras áreas no científicas. en el procesamiento de imágenes se aplican técnicas para modificar o interpretar imágenes existentes. científicos físicos y otros utilizan técnicas visuales para analizar funciones matemáticas y procesos o sólo con el propósito de crear representaciones gráficas interesantes. en forma fundamental. El término visualización empresarial se emplea en relación con conjuntos de datos que se asocian con el comercio. operaciones distintas. como fotografías y rastreos de televisión. Algunos simuladores no tienen pantallas de video. se utiliza una computadora para crear una imagen. sistemas fisiológicos. tensores de orden superior o cualquier combinación de estos tipos de datos. un simulador de vuelo que sólo tiene un panel de control como instrumento de vuelo. Las dos aplicaciones principales del procesamiento de imágenes son (1) el mejoramiento de la calidad de la imagen y (2) la percepción de la máquina de información visual. Visualización Científicos. cámaras vía satélite y otras fuentes acumulan grandes archivos de datos más rápido de lo que se pueden interpretar. se combinan técnicas de procesamiento de imágenes con gráficas por computadora para crear muchas de las visualizaciones de datos. Pero si se convierten los datos a una forma visual. tendencias de población o equipo. analistas comerciales y otros con frecuencia necesitan analizar grandes cantidades de información o estudiar el comportamiento de ciertos procesos. No obstante. la mayor parte de los simuladores cuenta con pantallas gráficas para la operación visual. Procesamiento de Imágenes A pesar de que los métodos empleados en las gráficas por computadora y en el procesamiento de imágenes se traslapan. como los simuladores para sesiones de práctica o capacitación de capitanes de barco. Las simulaciones numéricas efectuadas en supercomputadoras a menudo producen archivos de datos que contienen miles e incluso millones de valores de datos. Las comunidades de matemáticos. Una compilación de datos contiene valores escalares. En el caso de algunas aplicaciones de capacitación. Por otro lado. financieros y económicos. se utilizan como instrumentos de ayuda educativa modelos de sistemas físicos. la producción de representaciones gráficas para conjuntos de datos y procesos científicos de ingeniería y de medicina se conoce como visualización científica.Graficación Unidad I A menudo. De modo similar. vectores. los cuales se generan por computadora. presentaciones de superficie y visualización de interiores de volumen. es frecuente que se perciban de inmediato las tendencias y los patrones. Las técnicas adicionales incluyen trazos. por ejemplo. gráficas y diagramas de contorno. ingenieros.

así como planear y practicar cirugías. en tomografías y simulacros de operaciones. se pueden aplicar métodos digitales para reordenar partes de imágenes. Se emplean métodos similares para analizar fotografías de la Tierra por satélite y fotografías de galaxias. por lo general.Graficación Unidad I robótica. en vez de rayos X. sólo hacemos clic en esa ventana utilizando un dispositivo de pulsar interactivo. cirugía asistida por computadora. para diseñar miembros artificiales. Luego se ven y manipulan los cortes utilizando métodos gráficos para simular procedimientos quirúrgicos reales y experimentar con diversas incisiones quirúrgicas. se utilizan ondas sonoras de alta frecuencia. Otras técnicas de proyección de imágenes médicas incluyen rastreadores ultrasónicos y nucleares. Los rastreadores para medicina nuclear recopilan datos digitales de la radiación que emiten radionúclidos ingeridos y trazan imágenes con codificación de colores. primero digitalizamos una fotografía u otra imagen en un archivo de imagen. Las interfaces también despliegan menúes e iconos para permitir una selección rápida de las opciones de procesamiento o de valores de parámetros. Interfaces Gráficas por Usuario Es común que los paquetes de software ofrezcan una interfaz gráfica. como la tomografía de emisión de posición (PET. Cada ventana puede contener un proceso distinto que a su vez puede contener despliegues gráficos y no gráficos. el procesamiento de imágenes y las gráficas por computadora se combinan en muchas aplicaciones. Tanto la tomografía computarizada (CT. Por ejemplo. computed tomography) por rayos X. La tomografía es una técnica de fotografía por rayos X la cual permite el despliegue de vistas transversales de sistemas fisiológicos. La ventaja de los iconos es que ocupan menos espacio en la pantalla que las descripciones textuales correspondientes y que se pueden entender con mayor rapidez si están bien diseñados. Por lo general. position emission tomography) utilizan métodos de proyección para reconstruir secciones transversales a partir de datos digitales. Las aplicaciones médicas también hacen uso importante de estas técnicas de procesamiento de imágenes para mejorar fotografías. Con el ultrasonido. en medicina se utilizan estas técnicas para modelar y estudiar funciones físicas. Se obtienen secciones transversales bidimensionales del cuerpo a través de la utilización de técnicas de proyección de imágenes. Para activar una ventana en particular. Esta última aplicación se conoce. Un icono es un símbolo gráfico diseñado para semejarse a la opción de procesamiento que representa. Otras herramientas para la Graficación TUBO DE RAYOS CATODICOS REPASADOS 9 . Para aplicar los métodos de procesamiento de imágenes. para mejorar separaciones de colores o para aumentar la calidad del sombreado. Estas técnicas son empleadas para supervisar funciones internas y mostrar secciones transversales durante una cirugía. Entonces. Estas técnicas se utilizan en gran medida en aplicaciones de arte comercial que implican el retoque y el reorden de secciones de fotografías y otras obras de arte. Los menúes contienen listas de descripciones textuales e iconos. Un componente importante de una interfaz gráfica es un administrador de ventanas que hace posible que un usuario despliegue áreas con ventanas múltiples. para generar datos digitales.

con un par montado en los lados opuestos de cuello de la cubierta de CRT. emitidos por un cañón de electrones. Una definición mas precisa es el número de puntos por centímetro que se pueden trazar en sentidos horizontal y vertical. Ahora que si se utiliza la deflexión electrostática. Los monitores gráficos se construyen por lo general. entonces el fósforo emite una pequeña mancha de luz pero esta se desvanece con rapidez. Distintas clases de fósforo están disponibles para utilizarse en los CRT. Este funciona recogiendo el haz de electrones a través de cada línea. Este tipo de despliegue se conoce como CRT con repasado.280 por 1024 a estos se les llama sistemas de alta definición. que es un cilindro metálico colocado sobre el cátodo. es por ello que se requiere de algún método para mantener la imagen de la pantalla y una forma es trazar la imagen repetidas ocasiones. Se monta un para de placas en sentido horizontal para controlar la deflexión vertical y el otro par se monta en sentido vertical para controlar la deflexión horizontal. Además del color. La definición de la imagen se almacena en una área de memoria llamada buffer de repasado o buffer de marco o estructura. pasa a través de sistemas de enfoque y deflexión que dirigen el haz hacia posiciones específicas en la pantalla recubierta con una película de fósforo. con una persistencia del orden de 10 a 60 microsegundos. la principal diferencia entre los fósforos es su persistencia: ¿cuanto tiempo seguirá emitiendo luz después de que se retire el haz de CRT?. La resolución común de los sistemas de alta calidad es de 1. Esta área de memoria contiene el conjunto de valores de intensidad para todos los puntos de la pantalla. Este número da la proporción de los puntos verticales con respecto de los puntos horizontales necesarios para producir líneas con una longitud igual en ambas direcciones de la pantalla (expresada también en términos de la razón de puntos horizontales a verticales). se montan dos pares de placas paralelas dentro del CRT. La persistencia se define como el tiempo que la luz emitida desde la pantalla tarda en disminuir e una décima parte de su intensidad original. Un fósforo con baja persistencia es útil para la animación. este enfoque se logra ya sea con campos eléctricos o con campos magnéticos. El sistema de enfoque en un CRT es necesario para forzar el haz de electrones a que converja en una pequeña mancha confirme hace contacto con el fósforo. utilizando dos pares de ellas. Por ejemplo una razón de aspecto de ¾ implica que una línea vertical trazada con tres puntos tiene la misma longitud que una línea horizontal que se traza con cuatro puntos. La intensidad del haz de electrones se controla al ajustar niveles de voltaje en la rejilla de control. DESPLIEGUE DE BARRIDO CON RASTREADOR El tipo mas común de monitor gráfico que utiliza un CRT es el despliegue de barrido con rastreador. 10 .Graficación Unidad I Un haz de electrones (rayos catódicos). activándose o desactivando la intensidad del haz para crear un patrón de manchas iluminadas. El numero máximo de puntos que se pueden desplegar sin que se traslapen en un CRT se conoce como la resolución. Otra propiedad de los monitores de vídeo es la razón de aspecto. mientras que uno con alta persistencia es útil para desplegar imágenes estáticas muy complicadas. Los principales componentes de un cañón de electrones para un CRT son el cátodo de metal calentado y una rejilla de control. los tubos de rayos catódicos están construidos con bobinas o retículas de deflexión magnética montadas en el exterior de la cubierta del CRT. Hoy en día .

Un CRT de máscara de sombra se utiliza tiene tres puntos de color de fósoforo en cada posición de pixel. Los monitores de trazado aleatorio trazan una imagen. Los sistemas de trazado aleatorio están diseñados para aplicaciones de trazo de líneas y no pueden desplegar escenas sombreadas realistas. En un sistema en blanco y negro con un bit por pixel. de manera regular en sistemas de barrido por rastreo. Los CRT de colores en sistemas gráficos están diseñados como monitores RGB. Se incluyen hasta 24 bits por pixel en sistemas de alta calidad. uno para cada punto de color. Los monitores compuestos son adaptaciones de televisores que permiten el libramiento de la circuitería de transmisión. dependiendo de la resolución del sistema. se controla mediante el voltaje de aceleración del haz. Se recubren dos capas de fósforo. DESPLIEGUE DE RASTREO ALEATORIO Aquí un CRT dirige el haz de electrones sólo a las partes de la pantalla donde se debe crear la imagen. Un punto de fósforo emite una luz roja.Graficación Unidad I Cuando se deben desplegar variaciones de color e intensidad. MONITORES CRT DE COLOR Un monitor CRT despliega imágenes a color utilizando una combinación de fósforos que emiten luz con colores distintos. La velocidad de los electrones y. el buffer de imagen se conoce como mapa de bits (BITMAP). Este tipo de CRT tiene tres cañones de electrones. Los métodos de máscara de sombra se utilizan. una línea a la vez y por ese motivo. Las lineas que componen una imagen se pueden trazar y refrescar o enfriar mediante un sistema de trazado aleatorio en cualquier orden específico. el color de la pantalla en cualquier punto. Y por otro lado el refrescado o repasado en los despliegues de repasado con rastreador se efectúa con un índice de 60 a 80 cuadros pro segundo. pero no se necesita ninguna señal portadora. Los puntos de fósforo de los triangulos se ordenan de modoque cada haz de electrones pueda activar sólo su punto de color correspondiente cuando pasa a través de la máscara de sombra. otro emite una luz verde y el tercero emite una luz azul. pro tanto. Las dos técnicas básicas para producir despliegues a color con un CRT son el método de penetración de haz y el método de máscara de sombra. Un sistema con 24 bits por pixel y una resolución de pantalla de 1024 por 1024 requiere 3Mb de almacenamiento para el buffer de imagen. mientras que los sistemas con bits múltiples por pixel. se requieren bits adicionales. y una rejilla de máscara de sombra justo atrás de la pantalla con recubrimiento de fósforo. Un haz de electrones lento solo excita la capa roja exterior. Estos dispositivos de despliegue también requiere que se combine la información de la imagen. Hertz (Hz). El obtener variaciones de color en un CRT de máscara de sombra al variar los niveles de intensidad de los tres haces de electrones. El método de penetración de haz para desplegar imágenes a color se utiliza con monitores de trazado aleatorio. en el interior de la pantalla del CRT y el color que se despliega depende de cuánto penetra el haz de electrones en las capas de fósforo. Estos monitores utilizan métodos de máscara de sombra y toman el nivel de intensidad para cada cañón de electrones (roja verde y azul) directamente del sistema de computación 11 . estos índices se describen también en unidades de ciclos por segundo. se llaman también de despliegue vectorial o despliegue de escritura o caligráficos. que pueden requerir varios megabytes de almacenamiento para el buffer de imagen. por lo general rojo y azul. el buffer se llama PIXMAP.

Las desventajas de los sistemas DVST son que. Estos se dividen en dos categorías: • despliegues emisivos • despliegues no emisivos. como un sistema de color total o un sistema de color real. los despliegues electroluminiscentes en película delgada y los diodos de emisión de luz. los haces de electrones se aceleran en sentido paralelo a la pantalla y luego se desvían a 90 grados. Aquí la definición de la imagen se almacena en un buffer de retrazado y los voltajes de carga se aplican para refrescar las posiciones del pixel. por lo regular. están surgiendo otras tecnologías que pronto pueden sustituir a los monitores CRT. Los 12 . El ejemplo más importante de un despliegue en panel plano no emisivo es un dispositivo de cristal líquido. Son mas delgados y se pueden colgar en una pared o utilizarlos en una muñeca. Actualmente el despliegue de panel plano incluyen pequeños monitores de televisión. Los despliegues no emisivos utilizan efectos ópticos para convertir luz solar o luz de alguna otra fuente en patrones gráficos. Los despliegues emisivos son dispositivos que convierten la energía eléctrica en luz. computadoras (laptop. se pueden desplegar imágenes muy complejas con resoluciones muy altas si parpadeo. que se conocen también como despliegues de descargas de gas.Graficación Unidad I sin ningún procesamiento intermedio. se construyen mediante el llenado de la zona entre dos placas de cristal con una mezcla de gases que por lo regular. en lugar de refrescar o retrazar la pantalla. Los paneles de plasma. En este monitor no se requiere retrazado o repaso. también se diseñan CRT planos. TUBOS DE ALMACENAMIENTO CON VISTA DIRECTA Un método alternativo para mantener una imagen en pantalla consiste en almacenar la información de la imagen dentro del CRT. Un tubo de almacenamiento con vista directa (DVST dirct-view storage tube) almacena la información de la imagen como una distribución de carga justo atrás de la pantalla con recubrimiento de fósforo. Para eliminar una sección de una imagen. peso y energía en comparación con un CRT. en los cuales. se debe borrar la pantalla entera y volver a trazar la imagen modificada. DESPLIEGUES DE PANEL PLANO A pesar de que la mayor parte de los monitores gráficos todavía se construyen con CRT. portatiles) asi como exhibición de películas en el brazo del asiento de los pasajeros en los aviones. por lo general no despliegan colores y no se pueden borrar partes seleccionadas de una imagen. incluye neón. Un monitor DVST presenta tanto ventajas como desventajas. Los paneles de plasma. calculadoras juegos de video de bolsillo. etc. El término despliegue de panel plano se refiere a una clase de dispositivo que tiene pocos requerimientos de volumen. Un sistema de color RGB con 24 bits se conoce.

La luz de fondo también se aplica por lo regular mediante dispositivos electrónicos de estado sólido. CONTROLADOR DE VIDEO En muchos monitores gráficos. por medio de la tecnología de transistores de película delgada. La vista estereoscópica también es un componente de los sistemas de realidad virtual. Una manera de producir un efecto estereoscópico consiste en desplegar cada una de las dos vistas con un sistema de barrrido en ciclos de enfriamiento alterno. La superficie de la pantalla se representa como el primer cuadrante 13 . por lo regular. los sistemas gráficos de barrido interactivos utilizan varias unidades de procesamiento. En cuanto al termino de cristal líqudo se refiere en cuanto al hecho de que estos compuestos tienen una estructura molecular cristalina. La diferencia es que entre las placas de cristal se llena con un fósforo. Un sistema sensorial en el dispositivo montado sobre la cabeza lleva un registro de la posición del observador. A parte del controlador de video. como sulfuro de zinc compuesto con manganeso. los sistemas de barrido más avanzados emplean otros procesadores como coprocesadores y aceleradores para llevar a cabo varias operaciones gráficas. cuando vemos de modo simultáneo la vista izquierda con el ojo izquierdo y la vista derecha con el ojo derecho. Este método no reproduce imágenes tridimensionales reales. Otro método para construir LCD consiste en colocar un transistor en cada posición de pixel. DISPOSITIVO DE VISTA TRIDIMENSIONAL Los monitores gráficos para desplegar escenas tridimensionales se diseñan utilizando una técnica que refleja una imagen de CRT de un espejo flexible vibrante. el origen de las coordenadas se define en la esquina inferior izquierda de la pantalla.Graficación Unidad I despliegues electroluminiscentes de película delgada son similares a un panel de plasma. a estos dispositivos se les denomina de despliegues de matriz activa. las dos vistas se combina en una sola imagen. pero ofrece un efecto tridimensional. SISTEMA ESTEREOSCOPICO Y DE REALIDAD VIRTUAL Otra técnica para representar objetos tridimensionales es el despliegue de vistas estereoscópicas. a fin de que el sistema no dependa por completo de fuentes de luz exterior. La figura muestra el sistema Genisco Space Graph? que utiliza un espejo vibrante para proyectar objetos tridimensionales. como calculadoras y computadoras portátiles. en sistemas pequeños. En la calculador manual con pantalla LCD de la figura las definiciones de imágenes se alamcenan en un buffer de repaso y la pantalla se refresca con un índice de 60Hz. Primero necesitamos obtener dos vista de una escena generada desde una dirección de vista. Se ordena una matriz de diodos para formar las posiciones de pixel en la pantalla y la definición de la imagen se almacena en un buffer. Un tercer tipo de dispositivo emisivo es el diodo de emision de luz LED . también es capaz de desplegar “rebanadas” transversales bidimensionales de objetos seleccionados con diferentes profundidades. aunque fluyen como un líquido. SISTEMA DE BARRIDO CON RASTREADOR Por lo regular. Los despliegues de cristal liquido (LCD) se utilizan. en lugar de un gas . de modo que se puedan ver las partes frontal y trasera de los objetos como si el observador “caminara alrededor” e interactuara. Estos dispositivos no emisivos producen una imagen al pasar luz polarizada de su alrededor o de una fuente de luz interna a través de un material de cristal líquido que puede alinearse con cualquier bloque o transmitir la luz.

discos marcadores y botones. o se pueden eliminar los montantes para desplegar una imagen continua sin divisiones entre las diferentes secciones. museos y terminales de pasajeros. cada uno con una resolución de 640 por 480. esfera de control. Un numero de cada par indica un valor de intensidad y el segundo número especifica el número de pixeles adyacentes en la línea de rastreo. Una forma de hacer esto consiste en almacenar cada línea de rastreo como un conjunto de pares enteros. PROCESADOR DE DESPLIEGUE DE RASTREO CON RASTREADOR Recibe el nombre de controlador de gráficas o coprocesador de despliegue. llamada codificación por longitud del tramo. Algunos otros dispositivos se utilizan en aplicaciones particulares con los guantes de datos. Una matriz de 5 por 5 monitores. palanca de control. con valores positivos x que aumentan hacia la derecha y valores positivos y que aumentan hacia de abajo hacia arriba. Otros dispositivos de posicionamiento del cursor. paneles de tacto. MONITORES GRAFICOS Y ESTACIONES DE TRABAJO La mayor parte de los monitores gráficos operan como despliegues de barrido con rastreador. Esta diseñado para aplicaciones que requieren despliegues de área grande como en exposiciones comerciales. como la bola palmar a la palanca de control. convenciones. Con el ratón Z podemos levantar un objeto. digitalizadores. Además de la memoria del sistema se puede contar con una área de memoria separada del procesador de despliegue. Este proceso de digitilización se conoce como conversión de rastreo. Un sistema con pantallas múltiples llamado Media Wall ofrece un area de despliegue “del tamaño de la pared”. DISPOSITIVOS DE ENTRADA Estos dispositivos incluyen ratón. proyección de imágenes médicas y CAD. Este sistema tiene una dimesión diagonal de pantalla de 27 pulgadas. se puede utilizar en el Media Wall para proporcionar una resolución general de 3200 por 2400 ya sea para escenas estáticas o para animaciones. rastreadores de imágenes y sistemas de voz. hacerlo girar y moverlo en cualquier dirección o podemos desplazar nuestra posición de vista 14 . El teclado es un dispositivo eficiente para capturar datos no gráficos como los encabezados de imágenes asociados con un despliegue gráfico. Opera dividiendo imágenes en un número de secciones y distribuyendo las secciones en una matriz de monitores o proyectores que utilizan un adaptador para gráficas y unidades de control vía satélite. simulacros . Una función importante del procesador del despliegue es digitalizar la definición de una imagen. con resoluciones de pantalla superiores. Esta técnica. procesadores más rápidos y otras opciones disponibles en los sistemas de alta capacidad. con resoluciones que oscilan entre 2048 por 1536 y 2560 por 2048 con indices de repaso de 80Hz o 60Hz en entrelazados. se desarrollan métodos para organizar el buffer de despliegue como una lista asociada y codificar la información de intensidad. Otro planteamiento es la codificación del rastreo como un conjunto de áreas rectangulares (codificación de celdas). se incluyen en algunos teclados.Graficación Unidad I de un sistema bidimensional. Las escenas se pueden desplegar detrás de los montantes. para aplicaciones como el control de trafico aéreo. Las estaciones de trabajo para graficas se pueden configurar con 8 a 24 bits por pixel. Con el proposito de reducir los requerimientos de memoria en los sistemas de rastreo. tiendas de venta al menudeo. bola palmar. La desventaja que los cambios de intensidad son dificiles de lograr y las necesidades de almacenamiento en realidad se incrementan conforme la longitud de los tramos es menor. El propósito del procesador de despliegue es liberar al CPU de los trabajos de gráficas.

puede emplearse para poner en posición y manipular objetos en una escena virtual. como C o FORTRAN. Los paneles de tacto permiten que los objetos desplegados o posiciones en la pantalla se seleccionen con el contacto con un dedo. seleccionar vistas y aplicar transformaciones. SOFTWARE DE GRAFICAS Hay dos clasificaciones generales para el software • paquetes generales de programación • paquetes de aplicaciones especificas Un paquete de programación ofrece un amplio conjunto de funciones gráficas que se pueden utilizar en un lenguaje de programación de alto nivel. poligonos circunferencias y otras figuras) determinar valores de color e intensidad. CAD y animación. El guante de datos puede utilizarse para asir un objeto virtual. esta construido con una serie de sensores que detectan los movimientos de la mano y los dedos. Se emplea un acoplamiento electromagnético entre antenas transmisoras y antenas receptoras para proporcionar información acerca de la posición y la orientación de la mano. Las aplicaciones del ratón Z incluyen realidad virtual. La interfaz para las rutinas de gráficas de tales paquetes permite que los usuarios se comuniquen con los programas en sus propios términos. Una palanca de control consta de una pequeña palanca vertical montada sobre una base que sirve para mover el cursor en la pantalla. En cuanto a los paquetes que están diseñados para utilizarse con especificaciones de coordenadas cartesianas si los valores de las 15 . podemos aplicar transformaciones para girar. Mientras que la bola palmar es un dispositivo de posicionamiento bidimensional. gráficas fotografías a color y en blanco y negro o texto para procesarlo por computadora con un rastreador de imágenes (scanner) al pasar un mecanismo de rastreo óptico sobre la información que se debe almacenar. escalar o cortar la imagen en una área particular de la pantalla. En tanto un rastreador de imágenes puede almacenar dibujos .Graficación Unidad I y orientación a través de una escena tridimensional. Cuando tenemos la representación interna de una imagen. rectas. Cada una de las antenas transmisoras y receptoras puede estar estructurada con un conjunto de tres retículas. DIGITALIZADORES Un digitalizador es un dispositivo común para dibujar. Los paneles de tacto ópticos emplean una línea de diodos de emisión de luz (LED) infrarroja a lo largo de un borde vertical y de un borde horizontal de la estructura. además GL (Graphics Library en Silicon Graphics ) entre sus funciones esta : generar los componentes de la imagen (lineas. pintar o seleccionar de manera interactiva posiciones de coordenadas en un objeto. Un paquete de aplicaciones está diseñado para persona que no son programadores. una esfera de control ofrece seis grados de libertad.

Una vinculación del lenguaje se define entonces para un lenguaje particular de programación. Organizaciones nacionales e internacionales de planeación de estándares. Graphical Kernel System).Graficación Unidad I coordenadas de una imagen se especifican en alguna otra referencia (esférica. desarrollan un estanda para gráficas por computadora. Las funciones gráficas estándar se definen como un conjunto de especificaciones. Es el desarrollo del sistema gráfico de kernel (GKS. Aunque. al principio el GKS se diseño como un paquete de gráficas bidimensionales posteriormente se desarrollo una extensión tridimensional. 16 . Los paquetes para propósitos especiales puede permitir que se empleen otras estructuras de coordenadas que son apropiadas para la aplicación. hiperbolica u otra) será necesario hacer una conversión. El segundo estándar que se aprobó fue el PHIGS (Programmer ´s Hierarchical Interactive Graphics Standar) Estandar Jerárquico de Graficas Interactivas para el Programador. La ISO (International Standards Organization “Organización Internacional de Estándares”) incluyendo el American National Standards Institute (ANSI) adoptaron este sistema como el primer estándar de software de gráficas. que es independiente de cualquier lenguaje de programación. En FORTRAN este procedimiento se implanta como una subrutina con el nombre GPL.

Por otro lado. A grandes rasgos. por tanto.JPEG o *. de modo que podamos decidir qué punto deseamos entre una mayor calidad de imagen (y. esta pérdida de calidad es imperceptible al ojo humano. al guardar una imagen en este formato. entre ellos el GIF. Cada uno de ellos tiene una sere de características que lo hacen mejor o peor para un trabajo concreto. solo existen tres que estén lo suficientemente generalizados y que sean lo suficientemente eficientes para ser usados en las páginas web. mientras que es casi inútil cuando se enfrenta a dibujos con grandes extensiones de colores planos y uniformes o con bordes muy definidos. en cuanto a calidad y tamaño de archivos. esta pierde un poco de calidad. de cuyas siglas deriva su nombre. Debido a ello. es decir. Nosotros vamos a ver los formatos orientados a la web. esto quiere decir que se calcula el valor de color de algunos pixels en función del color de los pixels que les rodean.Graficación Unidad I Formatos gráficos Existen Multitud de formatos gráficos en el mercado. el GIF y el PNG. aunque. Estos tres formatos son el JPEG. Pese a que muchos navegadores reconocen distintos formatos. mejorar la velocidad de bajada de tus páginas web. Para que te hagas una idea de la compresión de JPEG. el formato JPEG permite elegir el nivel de compresión que queremos asignar a un archivo. generalmente. Se trata de un formato abierto. por tanto. esto quiere decir que. este formato es muy eficiente a la hora de almacenar imágenes que posean muchos degradados y matices de color. cuyos derechos son libres. JPEG es un formato de compresión con pérdida. algo de la información que contiene esa imagen se reduce. El sistema de compresión que usa JPEG se basa en reducir informacion promediandola en las zonas de degradado.JPG) nació como una respuesta a las limitaciones de otros formatos. y que puede ser usado o implementado en un programa (tanto para reconocerlo como para editarlo o guardar archivos en él) libremente. Con ello se consigue reducir el tamaño del archivo y. un mayor tamaño de archivo) y una imagen de baja calidad (con un menor tamaño de archivo). Veamos los con más detalle: El formato JPEG Esre formato fué elaborado por el Joint Photographic Experts Group (Algo así como "Grupo de Expertos Fotográficos Unidos"). El formato JPEG (que suele usar nombres de archivo con las extensiones *. sin tener que pagar derechos por ello a nadie. veamos estos tres ejemplos: 17 .

de la primera a la segunda imagen no hay casi una diferencia perceptible (a excepción del tamaño en Kb). lo que hará que. Si a lo anterior unimos que tiene una profundidad de color (número de colores que puede representar) de 24 bits (algo más de 16 millones de colores). JPEG permite también guardar los archivos en modo "progresivo".52 Kb) Como puedes ver.05 Kb) JPEG de calidad mínima (2. se pueda ver (aunque aún no se haya cargado completamente) con menor calidad. veremos que JPEG es ideal a la hora de mostrar fotografías o imágenes de ese tipo. pero en la última si se nota una pérdida de calidad.Graficación Unidad I JPEG de calidad máxima (40. a la hora de mostrar la imagen por pantalla. Calidad que irá mejorando a medida que se cargue la 18 .70 Kb) JPEG de calidad media (6.

Este formato usa. GIF tiene una profundidad de color de 8 bits. de modo que las evitaremos en nuestras imágenes. que hace que se obtengan ficheros muy pequeños. además. Se trata de un formato de "Mapa de Bits" (como.) y una copia de tamaño reducido de la imagen. etc. GIF posee la capacidad de aparentar más tonos de color usando una técnica de promediación de colores que consiste. GIF son las iniciales de Graphic Interchange Format (que significa. además. Formato de Intercambio de Gráficos). iconos. a los que luego se referencia desde la imagen en sí. lo que da un tope de 256 colores.Zif . para ser usada por programas de visualización o edición. en obtener un color intermedio que no esté en su tabla a colocando juntos varios pixels de colores que si están en esa tabla. Con ello conseguimos que no sea necesario que el navegante se aburra esperando a que se baje la imagen completamente para ver qué demonios has dibujado ahí. etc. en cada imagen. mas o menos. lo son el BMP o el PCX) que significa que. Aquí tienes tres ejemplos de GIFs con distinta profundidad de color: GIF de 256 colores (25 Kb) 19 . pese a estar (como veremos luego) en el centro de más de una polémica. un sistema de compresión sin pérdida llamado LZW (Lemple . básicamente. por ejemplo. Este algoritmo de compresión es especialmente eficiente cuando se trata de imágenes con colores planos. Por ello este formato está especialmente indicado para dibujos lineales. hay una tabla que indica los colores que se representarán en la imagen. A pesar de esto. probablemente sea el más utilizado de la Web. indicar el autor. Pero estas son características que no nos sirven a la hora de hacer páginas web y.Graficación Unidad I imagen hasta obtenerla completamente. por ejemplo. el mismo que utiliza el ZIP). hacen que el archivo final sea mayor.Wellch. líneas definidas y pocos degradados (exactamente al contrario que JPEG). el formato JPEG permite almacenar en el gráfico algo de información en texto (para. El formato GIF El formato GIF de Compuserve. copyritght. Para terminar.

lo que permite que.. La versión más moderna es la llamada GIF89a que. lo que permite que el navegante pueda ver una versión de "baja calidad" de tu dibujo mientras este termina de mostrarse en pantalla. es que el algoritmo LZW está licenciado por Unisys. Existen varias versiones de GIF. por ejemplo. a la hora de mostrar una imagen. permite designar un color como trasparente (de modo que. El formato PNG Como respuesta a los problemas del formato GIF (fundamentalmente los legales.). se representen primero. El principal problema de GIF. se inició un proyecto a través de Internet para crear un sustituto. 20 . Y resulta que.. además.Graficación Unidad I GIF de 64 colores (16. las líneas impares del dibujo y luego las pares (o una de cada tres.34 Kb) GIF tiene también la posibilidad de guardarse en modo entrelazado. El resultado de ese proyecto fue el formato PNG. lo que hace es unir varias imágenes y presentarlos en orden. además de lo anterior. a modo de fotogramas). se verá el color o imagen de fondo) y.5 Kb) GIF de 8 colores (7. en los pixels que ocupe ese color. además de su bajo rendimiento con degradados y su poca profundidad de color. permite crear pequeñas animaciones (básicamente. pero también los técnicos). repentinamente.

puedes reducir la profundidad para así reducir más el tamaño de los ficheros. tal como vimos en GIF y JPEG. y existe un proyecto en marcha para crear una versión de PNG animada. El único punto donde aún es superado por GIF es en la posibilidad de contener animaciones. llamada MNG. Por otro lado. usa un sistema de compresión sin pérdida denominado LZ77 que permite reducir el tamaño de los archivos sin reducir su calidad y. 21 . de modo que cualquiera puede implementarlo en sus programas o usarlo libremente del modo que prefiera sin pagar derechos a nadie.7 millones de colores). Precisamente.Graficación Unidad I Las siglas PNG significan Portable Network Format (Formato Portable para Redes. si eso no es suficiente y crees que te va a sobrar alguno de los 16 millones de colores. aproximadamente). Para empezar es un formato totalmente libre. y es el más joven de los tres que tenemos aquí. y ya hay disponibles versiones del formato con transparencias (incluso con la posibilidad de asignar diversos grados de transparencia). PNG puede además guardarse en modo entrelazado. esta "juventud" es su primer y mayor defecto: PNG es completamente irreconocible por navegadores antiguos. En cuanto a sus capacidades gráficas no está nada mal: Soporta una profundidad de color máxima de 24 bits (16. PNG tiene una serie de característica que lo hace realmente atractivo.